:root{--bg: #F2F2F7;--surface: #FFFFFF;--surface-2: #F9F9FB;--text: #1C1C1E;--muted: #8E8E93;--accent: #30694B;--accent-soft: rgba(48, 105, 75, .12);--divider: rgba(60, 60, 67, .12);--danger: #FF3B30;--warning: #FF9500;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .06);--segmented-bg: rgba(120, 120, 128, .12);--segmented-selected: #FFFFFF;--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--radius-pill: 9999px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 40px;--space-4xl: 48px;--space-3xs: 2px;--text-2xs: 12px;--text-xs: 13px;--text-sm: 14px;--text-title: 28px;--size-thumb: 56px}@media(prefers-color-scheme:dark){:root{--bg: #000000;--surface: #1C1C1E;--surface-2: #2C2C2E;--text: #FFFFFF;--muted: #8E8E93;--accent: #4A9472;--accent-soft: rgba(74, 148, 114, .22);--divider: rgba(84, 84, 88, .34);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .5);--segmented-bg: rgba(120, 120, 128, .32);--segmented-selected: #636366}}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-ui);background:var(--bg);color:var(--text);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.hidden-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:inherit}button:focus:not(:focus-visible),label:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app{max-width:480px;margin:0 auto;padding:var(--space-md) var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}@media(min-width:768px){body{display:flex;flex-direction:column;justify-content:center}.app{min-height:auto;margin:var(--space-2xl) auto;padding:var(--space-xl);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated)}}.product-header{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-top:var(--space-xs)}.product-header-top{display:flex;justify-content:space-between;align-items:center}.product-title{font-size:var(--text-title);font-weight:700;letter-spacing:-.02em}.add-more-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);cursor:pointer;transition:filter .15s ease;flex-shrink:0}.add-more-btn:active{filter:brightness(.9)}.add-more-icon{display:grid;place-items:center;line-height:0}.segmented{display:flex;width:100%;background:var(--segmented-bg);border-radius:var(--radius-md);padding:3px;font-size:var(--text-sm);font-weight:500;gap:var(--space-3xs)}.segmented .seg-item{flex:1;min-height:40px;padding:10px 12px;border-radius:var(--radius-sm);transition:background-color .15s ease;color:var(--text);font-family:inherit;font-size:var(--text-sm)}.segmented .seg-item.active,.format-toggle .fmt-item.active{background:var(--segmented-selected);box-shadow:0 1px 2px #0000001a,0 0 0 .5px #0000000a}@media(prefers-color-scheme:dark){.segmented .seg-item.active,.format-toggle .fmt-item.active{box-shadow:0 1px 2px #0006}}.install-banner{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--accent-soft);border-radius:var(--radius-lg)}.install-banner-body{flex:1;min-width:0}.install-banner-title{font-size:var(--text-sm);font-weight:600;color:var(--accent);margin-bottom:var(--space-3xs)}.install-banner-text{font-size:var(--text-xs);color:var(--text);line-height:1.4}.install-banner-glyph{display:inline-flex;align-items:center;vertical-align:-4px;margin:0 var(--space-3xs);color:var(--accent)}.install-banner-close{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-pill);display:grid;place-items:center;font-size:18px;line-height:1;color:var(--muted)}.install-banner-close:active{background:#78788029}.empty-card{display:block;background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-lg);text-align:center;box-shadow:var(--shadow-card);cursor:pointer;transition:background-color .15s ease;margin-bottom:auto}.empty-card:active{background:var(--surface-2)}.empty-card .empty-icon{width:var(--size-thumb);height:var(--size-thumb);margin:0 auto var(--space-sm);background:var(--accent-soft);border-radius:var(--radius-xl);color:var(--accent);display:grid;place-items:center;font-size:var(--text-title);font-weight:500}.empty-card .empty-label{font-size:17px;font-weight:600;margin-bottom:var(--space-2xs)}.empty-card .empty-hint{font-size:var(--text-xs);color:var(--muted)}.file-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);flex:1}.file-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--surface);border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.file-row.completed{padding-left:var(--space-md)}.file-row.completed:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--space-2xs);background:var(--accent)}.file-row.errored:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--space-2xs);background:var(--danger)}.file-row.errored{padding-left:var(--space-md)}.file-thumb{width:var(--size-thumb);height:var(--size-thumb);border-radius:var(--radius-md);flex-shrink:0;box-shadow:inset 0 0 0 .5px #0000001a;object-fit:cover;background:var(--surface-2)}.file-thumb-placeholder{background:var(--surface-2)}.file-info{flex:1;min-width:0}.file-name{font-size:15px;font-weight:500;margin-bottom:var(--space-3xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-sizes{font-size:var(--text-xs);color:var(--muted)}.file-sizes .arrow{margin:0 var(--space-2xs)}.file-error{font-size:var(--text-2xs);color:var(--danger);margin-top:var(--space-3xs)}.format-toggle{display:inline-flex;margin-top:6px;padding:var(--space-3xs);gap:var(--space-3xs);background:var(--segmented-bg);border-radius:var(--radius-sm)}.format-toggle .fmt-item{min-height:32px;padding:6px 12px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.02em;color:var(--muted);transition:background-color .15s ease,color .15s ease}.format-toggle .fmt-item.active{color:var(--text)}.format-toggle .fmt-item:disabled{opacity:.45}.badge-reduction{display:inline-flex;align-items:center;padding:var(--space-2xs) var(--space-xs);background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700;font-family:var(--font-mono);font-feature-settings:"tnum";flex-shrink:0}.badge-reduction.warning{background:#ff95001f;color:var(--warning);gap:var(--space-2xs)}.badge-glyph{display:inline-flex;align-items:center;line-height:0}.spinner{width:20px;height:20px;border-radius:50%;border:2px solid var(--divider);border-top-color:var(--muted);animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.save-bar{padding-top:var(--space-sm);border-top:1px solid var(--divider);position:sticky;bottom:0;background:var(--bg);padding-bottom:var(--space-2xs)}.toolbar-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2xs) var(--space-sm);margin-bottom:var(--space-sm);font-size:var(--text-xs);color:var(--muted)}.toolbar-options .totals{font-size:var(--text-xs);white-space:nowrap}.save-error{margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:#ff3b301a;color:var(--danger);font-size:var(--text-xs);line-height:1.35}.switch{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);cursor:pointer}.switch input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:44px;height:26px;border-radius:var(--radius-pill);background:#78788052;position:relative;cursor:pointer;transition:background-color .2s ease;flex-shrink:0;margin:0;border:none}.switch input[type=checkbox]:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #0000002e}.switch input[type=checkbox]:checked{background:var(--accent)}.switch input[type=checkbox]:checked:before{transform:translate(18px)}.btn{font-size:16px;font-weight:600;padding:13px 22px;border-radius:var(--radius-lg);transition:filter .15s ease;letter-spacing:-.01em;font-family:inherit}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(.92)}.btn-primary:disabled{background:var(--muted);opacity:.4}.btn-full{width:100%;padding:var(--space-md)}