html{font-size:9px;-webkit-text-size-adjust:100%;text-size-adjust:100%}@font-face{font-family:Outfit;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/outfit-latin-300-700-D6ftewdU.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink-950: #ffffff;--ink-900: #fafafa;--ink-850: #f3f3f3;--ink-800: #ffffff;--ink-750: #e9e9e9;--ink-700: #dedede;--text-primary: #000000;--text-secondary: #545454;--text-muted: #6b6b6b;--text-faint: #8e8e8e;--accent: #000000;--accent-hover: #262626;--accent-press: #404040;--accent-dim: rgba(0, 0, 0, .06);--accent-line: rgba(0, 0, 0, .22);--accent-glow: rgba(0, 0, 0, .1);--gold: #8e6c00;--gold-dim: rgba(142, 108, 0, .1);--border-subtle: rgba(0, 0, 0, .06);--border: rgba(0, 0, 0, .11);--border-strong: rgba(0, 0, 0, .18);--border-control: rgba(0, 0, 0, .28);--success: #0a7d43;--success-dim: rgba(10, 125, 67, .1);--warning: #8a5a00;--warning-dim: rgba(138, 90, 0, .1);--danger: #b3001b;--danger-dim: rgba(179, 0, 27, .08);--info: #3d3d3d;--info-dim: rgba(61, 61, 61, .08);--ease: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .14s;--dur: .24s;--dur-slow: .42s;--gray-50: #fafafa;--gray-100: #f3f3f3;--gray-200: #e9e9e9;--gray-300: #d6d6d6;--gray-400: #8e8e8e;--gray-500: #6b6b6b;--gray-600: #1a1a1a;--gray-700: #000000;--shopify-green: var(--success);--shopify-green-dark: #065f38;--shopify-green-light: var(--success-dim);--shopify-blue: var(--accent);--shopify-blue-dark: var(--accent-hover);--shopify-red: var(--danger);--shopify-red-dark: #8c0015;--shopify-yellow: var(--warning);--shopify-orange: #a85800;--error: var(--danger);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--tabbar-row: 6.2rem;--tabbar-h: 0px;--tap: 44px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--lh-tight: 1.25;--lh-snug: 1.4;--lh-normal: 1.6;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .14), 0 0 0 1px rgba(0, 0, 0, .06);--shadow-accent: 0 0 0 1px rgba(0, 0, 0, .22), 0 4px 16px rgba(0, 0, 0, .12);--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-family:var(--font-sans);line-height:1.6;font-weight:400;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--ink-950);color:var(--text-primary);font-size:var(--fs-base);line-height:var(--lh-normal)}::selection{background:var(--accent-dim);color:var(--text-primary)}*{scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--ink-700);border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#a8a8a8;background-clip:content-box}.lucide{flex-shrink:0;vertical-align:-.125em;width:1.15em;height:1.15em}input::placeholder,textarea::placeholder{color:var(--text-faint);font-style:italic;opacity:1}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.25;letter-spacing:-.02em;margin-bottom:var(--space-4)}h1{font-size:var(--fs-2xl);letter-spacing:-.035em;font-weight:650}h2{font-size:var(--fs-xl);letter-spacing:-.03em}h3{font-size:var(--fs-lg);letter-spacing:-.025em}h4{font-size:var(--fs-md)}h5{font-size:var(--fs-base)}h6{font-size:var(--fs-sm)}p{margin-bottom:var(--space-4);line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color var(--dur-fast) var(--ease)}a,a:hover,a:focus-visible,button,.button{text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:none}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--fs-base);font-weight:500;font-family:inherit;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);text-decoration:none;white-space:nowrap}button:focus-visible,.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:var(--fs-base);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--ink-850);color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-dim);background:var(--ink-800)}input:disabled,textarea:disabled,select:disabled{background:var(--ink-900);color:var(--text-faint);cursor:not-allowed}select option{background:var(--ink-800);color:var(--text-primary)}@media(max-width:768px){h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}}*{-webkit-tap-highlight-color:transparent}@media(hover:none){button:active:not(:disabled),.button:active:not(:disabled){box-shadow:inset 0 0 0 999px #0000001a}.app-header button:active:not(:disabled),.ld-nav button:active:not(:disabled){box-shadow:inset 0 0 0 999px #ffffff2e}}@media(max-width:640px){.app-container{--tabbar-h: calc(var(--tabbar-row) + var(--safe-b))}input,textarea,select{font-size:var(--fs-md)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea,button,.button{min-height:var(--tap)}}@keyframes global-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.lazy-skeleton{width:100%;height:100%;background:linear-gradient(90deg,var(--ink-850) 25%,var(--ink-700) 37%,var(--ink-850) 63%);background-size:1200px 100%;animation:global-shimmer 1.4s ease-in-out infinite;border-radius:2px}.lazy-skeleton--error{opacity:.35;animation:none}img.lazy-img{opacity:0;transition:opacity .25s ease}img.lazy-img.loaded{opacity:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.wordmark{font-family:var(--font-sans);font-weight:500;letter-spacing:-.03em;line-height:1;white-space:nowrap;font-feature-settings:"kern" 1}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ink-950) 0%,var(--ink-900) 100%);padding:var(--space-4)}.auth-card{background:var(--ink-850);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:450px;width:100%;overflow:hidden}.auth-header{background:var(--gray-50);padding:var(--space-8) var(--space-6);text-align:center;border-bottom:1px solid var(--gray-200)}.auth-header h1{font-size:var(--fs-xl);margin:0 0 var(--space-2) 0;color:var(--accent)}.auth-header p{margin:0;color:var(--gray-600);font-size:var(--fs-sm)}.auth-form{padding:var(--space-6)}.auth-form h2{margin:0 0 var(--space-6) 0;font-size:var(--fs-lg);color:var(--text-primary);text-align:center}.auth-error{background:var(--danger-dim);color:var(--shopify-red);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--fs-sm);border:1px solid var(--shopify-red)}.auth-message{background:var(--accent-dim);color:var(--accent);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--fs-sm);border:1px solid var(--accent)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--gray-700);font-size:var(--fs-sm)}.form-group input{width:100%;padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--fs-base);transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-group input:disabled{background:var(--gray-100);cursor:not-allowed}.form-group input::placeholder{color:var(--text-faint);font-style:italic}.form-group small{display:block;margin-top:var(--space-1);color:var(--gray-600);font-size:var(--fs-xs)}.auth-button{width:100%;padding:var(--space-3);background:var(--accent);color:var(--ink-950);border:none;border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.auth-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button .loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-toggle{margin-top:var(--space-6);text-align:center;color:var(--gray-600);font-size:var(--fs-sm)}.auth-toggle button{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;text-decoration:none;padding:0}.auth-toggle button:hover:not(:disabled){color:var(--accent-hover)}.auth-toggle button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{background:var(--gray-50);padding:var(--space-4);text-align:center;border-top:1px solid var(--gray-200)}.auth-footer p{margin:var(--space-1) 0;color:var(--gray-600);font-size:var(--fs-xs)}@media(max-width:480px){.auth-container{padding:var(--space-2)}.auth-card{max-width:100%}.auth-header{padding:var(--space-6) var(--space-4)}.auth-header h1{font-size:var(--fs-xl)}.auth-form{padding:var(--space-4)}.auth-form h2{font-size:var(--fs-md)}}@media(max-width:640px){.form-group input{font-size:var(--fs-md);min-height:var(--tap)}.auth-button{min-height:var(--tap);font-size:var(--fs-md)}.auth-toggle button{min-height:var(--tap);padding:0 var(--space-2)}.auth-container{padding:var(--space-3);padding-left:max(var(--space-3),var(--safe-l));padding-right:max(var(--space-3),var(--safe-r))}}.image-upload-container{width:100%}.upload-mode-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);padding:var(--space-1);background:var(--gray-100);border-radius:var(--radius-lg);width:fit-content;margin-left:auto;margin-right:auto}.mode-btn{padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;font-size:var(--fs-base);font-weight:500;transition:all .2s ease;color:var(--gray-600);white-space:nowrap}.mode-btn:hover{color:var(--gray-700);background:var(--gray-200)}.mode-btn.active{background:var(--ink-750);color:var(--shopify-green);box-shadow:var(--shadow-sm)}.dropzone{border:2px dashed var(--shopify-blue);border-radius:var(--radius-lg);padding:var(--space-10);text-align:center;cursor:pointer;transition:all .2s ease;background:var(--ink-850)}.dropzone.uploading{min-height:80px;cursor:default;position:relative;overflow:hidden;padding:var(--space-6);display:flex;align-items:center;justify-content:center}.upload-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none;background:#0000;outline:3px dashed var(--shopify-blue);outline-offset:-12px}.upload-overlay-label{position:fixed;bottom:28px;left:50%;transform:translate(-50%);font-size:var(--fs-xs);color:var(--gray-500);font-weight:500;white-space:nowrap;background:var(--ink-800);padding:4px 12px;border-radius:20px;box-shadow:var(--shadow-md)}.dropzone:hover{border-color:var(--shopify-blue);background:var(--ink-750)}.dropzone.active{border-color:var(--shopify-green);background:var(--shopify-green-light);border-style:solid}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:500px;margin:0 auto}.yarn-trail-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.yarn-ball{position:fixed;border-radius:50%;pointer-events:auto;cursor:pointer;z-index:10001;background:radial-gradient(circle at 38% 35%,#f4a84a,#c85820 60%,#8c3310);box-shadow:0 4px 14px #00000073,inset 0 -4px 8px #50140059,inset 0 3px 6px #ffc87840;will-change:transform,left,top,width,height}.yarn-svg{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;overflow:hidden}@keyframes yarn-pulse{0%,to{box-shadow:0 4px 14px #00000073,inset 0 -4px 8px #50140059,inset 0 3px 6px #ffc87840,0 0 #dc641400}50%{box-shadow:0 4px 14px #00000073,inset 0 -4px 8px #50140059,inset 0 3px 6px #ffc87840,0 0 0 18px #dc641438}}.yarn-ball-paused{animation:yarn-pulse 1.1s ease-in-out infinite}@keyframes cat-walk-body{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes cat-walk-fl{0%,to{transform:rotate(-18deg)}50%{transform:rotate(22deg)}}@keyframes cat-walk-fr{0%,to{transform:rotate(22deg)}50%{transform:rotate(-18deg)}}@keyframes cat-walk-bl{0%,to{transform:rotate(20deg)}50%{transform:rotate(-15deg)}}@keyframes cat-walk-br{0%,to{transform:rotate(-15deg)}50%{transform:rotate(20deg)}}@keyframes cat-tail-sway{0%,to{transform:rotate(30deg) scaleX(1)}50%{transform:rotate(-10deg) scaleX(.96)}}.upload-creature{position:fixed;pointer-events:none;z-index:10000;will-change:transform,left,top}.cat-side{position:relative;width:80px;height:44px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.cat-body-side{position:absolute;bottom:8px;left:10px;width:52px;height:26px;background:radial-gradient(ellipse at 42% 38%,#dfc07a,#b8834a);border-radius:55% 45% 40% 40%/60% 60% 40% 40%;box-shadow:inset 0 -5px 8px #0000002e,inset 0 2px 5px #fff0b424;z-index:2}.cat-walking .cat-body-side{animation:cat-walk-body .45s ease-in-out infinite}.cat-tail-side{position:absolute;bottom:6px;left:0;width:28px;height:8px;background:linear-gradient(to right,#a07030,#c49458);border-radius:4px 0 0 4px;transform-origin:right center;z-index:1;animation:cat-tail-sway 1.2s ease-in-out infinite}.cat-tail-side:after{content:"";position:absolute;left:-7px;top:50%;transform:translateY(-50%);width:13px;height:13px;background:#d4b070;border-radius:50%}.cat-leg-side{position:absolute;bottom:-10px;width:7px;height:16px;background:linear-gradient(to bottom,#c49458,#a07030);border-radius:3px 3px 4px 4px}.cat-leg-side:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:10px;height:6px;background:#e8c888;border-radius:50%}.cat-back-leg-far{left:12px;bottom:-9px;opacity:.65;transform-origin:top center}.cat-back-leg-near{left:20px;bottom:-10px;transform-origin:top center}.cat-front-leg-far{left:38px;bottom:-9px;opacity:.65;transform-origin:top center}.cat-front-leg-near{left:46px;bottom:-10px;transform-origin:top center}.cat-walking .cat-front-leg-near,.cat-walking .cat-back-leg-far{animation:cat-walk-fl .45s ease-in-out infinite}.cat-walking .cat-front-leg-far,.cat-walking .cat-back-leg-near{animation:cat-walk-fr .45s ease-in-out infinite}.cat-head-side{position:absolute;bottom:20px;right:0;width:30px;height:28px;background:radial-gradient(ellipse at 45% 40%,#e8c87a,#c49458);border-radius:50% 50% 45% 45%;z-index:3;transform-origin:center bottom;box-shadow:inset 0 -4px 6px #00000026,inset 0 2px 4px #fff0b426}.cat-ear-side{position:absolute;top:-9px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid #c49458}.cat-ear-side-l{left:2px;transform:rotate(-10deg)}.cat-ear-side-r{right:2px;transform:rotate(10deg)}.cat-ear-side-l:after,.cat-ear-side-r:after{content:"";position:absolute;top:3px;left:-4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid #f0a0b0}.cat-eye-side{position:absolute;top:9px;right:6px;width:8px;height:8px;background:#5aad6e;border-radius:50%;box-shadow:0 0 4px #5aad6e80}.cat-eye-side:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:7px;border-radius:1px;background:#111}.cat-nose-side{position:absolute;bottom:5px;right:4px;width:5px;height:4px;background:#e07090;border-radius:50% 50% 40% 40%}.cat-whiskers-side{position:absolute;bottom:7px;right:-8px;width:16px;height:8px}.cat-whiskers-side:before,.cat-whiskers-side:after{content:"";position:absolute;left:0;width:100%;height:1px;background:#ffffffbf;border-radius:1px}.cat-whiskers-side:before{top:2px;transform:rotate(-8deg)}.cat-whiskers-side:after{bottom:2px;transform:rotate(8deg)}.yarn-paused-badge{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b8;color:var(--text-primary);font-size:var(--fs-sm);font-weight:600;letter-spacing:.01em;padding:.65rem 1.4rem;border-radius:2rem;pointer-events:none;z-index:10002;white-space:nowrap}.yarn-cancel-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--ink-800);border-radius:14px;padding:1.75rem 2.25rem;box-shadow:var(--shadow-xl);z-index:10002;text-align:center;min-width:300px;pointer-events:auto}.yarn-cancel-dialog p{margin:0 0 .4rem;font-size:var(--fs-md);font-weight:700;color:var(--text-primary)}.yarn-cancel-sub{font-size:var(--fs-sm)!important;font-weight:400!important;color:var(--text-secondary)!important}.yarn-cancel-buttons{display:flex;gap:.75rem;margin-top:1.25rem;justify-content:center}.yarn-cancel-btn-yes{padding:.55rem 1.4rem;background:var(--danger-dim);color:var(--danger);border:none;border-radius:8px;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background .15s}.yarn-cancel-btn-yes:hover{background:var(--danger);color:var(--ink-950)}.yarn-cancel-btn-no{padding:.55rem 1.4rem;background:var(--ink-750);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:background .15s}.yarn-cancel-btn-no:hover{background:var(--ink-700)}.upload-icon{width:48px;height:48px;color:var(--gray-400)}.dropzone p{font-size:var(--fs-base);color:var(--gray-700);font-weight:500;margin:0}.dropzone-subtext{font-size:var(--fs-base)!important;color:var(--gray-500)!important;font-weight:400!important}.dropzone-hint{font-size:var(--fs-sm)!important;color:var(--gray-400)!important}.drive-upload-section{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6);background:var(--ink-850)}.drive-instructions{margin-bottom:var(--space-5)}.drive-instructions h3{margin:0 0 var(--space-4) 0;color:var(--gray-700);font-size:var(--fs-md);font-weight:600}.drive-instructions ol{text-align:left;color:var(--gray-600);line-height:1.7;margin:0;padding-left:var(--space-6);font-size:var(--fs-base)}.drive-instructions li{margin-bottom:var(--space-3)}.drive-input-group{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.drive-url-input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--fs-base);transition:all .2s ease;font-family:inherit}.drive-url-input:focus{outline:none;border-color:var(--shopify-blue);box-shadow:0 0 0 1px var(--shopify-blue)}.drive-url-input:disabled{background:var(--gray-100);color:var(--gray-400);cursor:not-allowed}.drive-url-input::placeholder{color:var(--text-faint);font-style:italic}.drive-load-btn{padding:var(--space-3) var(--space-5);background:var(--shopify-green);color:var(--ink-950);border:none;border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.drive-load-btn:hover:not(:disabled){background:var(--shopify-green-dark);box-shadow:var(--shadow-md)}.drive-load-btn:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;opacity:.6}.drive-example{text-align:left;font-size:var(--fs-sm);color:var(--gray-600)}.drive-example details{cursor:pointer;margin-top:var(--space-4)}.drive-example summary{padding:var(--space-3);background:var(--gray-100);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-weight:500;color:var(--gray-700)}.drive-example summary:hover{background:var(--gray-200)}.drive-example code{display:block;padding:var(--space-4);background:var(--ink-950);color:var(--success);border-radius:var(--radius-md);overflow-x:auto;font-family:SF Mono,Monaco,Courier New,monospace;font-size:var(--fs-xs);line-height:1.5}@media(max-width:768px){.upload-mode-toggle{width:100%;flex-direction:column}.mode-btn{width:100%;text-align:center}.dropzone{padding:var(--space-6)}.dropzone-content{gap:var(--space-3)}.upload-icon{width:40px;height:40px}.dropzone p{font-size:var(--fs-base)}.dropzone-subtext{font-size:var(--fs-sm)!important}.drive-upload-section{padding:var(--space-4)}.drive-input-group{flex-direction:column}.drive-load-btn{width:100%}.drive-instructions ol{padding-left:var(--space-5);font-size:var(--fs-sm)}}@media(max-width:480px){.dropzone{padding:var(--space-4)}.dropzone p{font-size:var(--fs-sm)}.dropzone-hint{font-size:var(--fs-xs)!important}.drive-upload-section{padding:var(--space-3)}.drive-instructions h3{font-size:var(--fs-base)}.drive-example code{font-size:var(--fs-xs);padding:var(--space-3)}}.storage-meter{margin-top:.75rem;background:var(--ink-850);border:1px solid var(--accent-line);border-radius:8px;padding:.6rem .75rem .65rem}.storage-meter-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-xs);font-weight:700;color:var(--accent);margin-bottom:.35rem}.storage-refresh-btn{background:none;border:none;cursor:pointer;font-size:var(--fs-sm);padding:0 .15rem;line-height:1;opacity:.65;transition:opacity .15s}.storage-refresh-btn:hover:not(:disabled){opacity:1}.storage-refresh-btn:disabled{cursor:default;opacity:.35}.storage-meter-loading{font-size:var(--fs-xs);color:var(--text-muted);font-style:italic}.storage-meter-bar-wrap{background:var(--ink-700);border-radius:99px;height:7px;overflow:hidden;margin-bottom:.35rem}.storage-meter-bar{height:100%;border-radius:99px;transition:width .4s ease,background .4s ease}.storage-meter-label{display:flex;align-items:center;gap:.4rem;font-size:var(--fs-xs);color:var(--text-primary);font-weight:600}.storage-meter-pct{color:var(--accent);font-weight:500}.storage-meter-files{margin-left:auto;color:var(--text-muted);font-weight:400;font-size:var(--fs-2xs)}.storage-meter-warning{margin-top:.35rem;font-size:var(--fs-2xs);font-weight:500;color:var(--warning);background:var(--warning-dim);border:1px solid var(--warning-dim);border-radius:4px;padding:.2rem .5rem}.storage-meter-danger{margin-top:.35rem;font-size:var(--fs-2xs);font-weight:600;color:var(--danger);background:var(--danger-dim);border:1px solid var(--danger-dim);border-radius:4px;padding:.2rem .5rem}.dropzone-actions{display:none}.dropzone-mobile-copy,.dropzone-mobile-hint{margin:0}.dz-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:52px;padding:.75rem 1rem;border:1.5px solid var(--border-strong);border-radius:12px;background:var(--ink-800);color:var(--text-primary);font-size:var(--fs-md);font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dz-action:active{background:var(--ink-750)}.dz-action--primary{background:var(--accent);border-color:var(--accent);color:var(--ink-950)}@media(max-width:640px){.dropzone{min-height:260px;padding:var(--space-5) var(--space-4);display:flex;align-items:center;justify-content:center;touch-action:manipulation}.dropzone-title,.dropzone-subtext,.dropzone-hint{display:none}.dropzone-content{width:100%;max-width:none;gap:var(--space-3)}.upload-icon{width:32px;height:32px}.dropzone-actions{display:flex;flex-direction:column;gap:.6rem;width:100%}.dropzone-mobile-copy{font-size:var(--fs-md);font-weight:600;color:var(--text-primary)}.dropzone-mobile-hint{font-size:var(--fs-xs);color:var(--text-muted);line-height:var(--lh-snug, 1.35)}.image-upload-container>div{max-width:100%;overflow-wrap:anywhere}}.image-grouper-container{width:100%;display:flex;flex-direction:row;align-items:flex-start;gap:3rem}.grouper-scroll-content{flex:1;min-width:0;max-height:75vh;overflow-y:auto;background:linear-gradient(135deg,var(--ink-900) 0%,var(--ink-950) 100%);border-radius:10px;padding:.75rem}.grouper-header{background:linear-gradient(180deg,var(--ink-850) 0%,var(--ink-900) 100%);padding:1.25rem 1rem;border-radius:10px;margin-bottom:0;display:flex;flex-direction:column;gap:1.25rem;width:210px;flex-shrink:0;position:sticky;top:1rem;height:75vh;overflow-y:auto}.sort-control{display:flex;align-items:flex-start;gap:.5rem;color:var(--text-secondary);font-size:var(--fs-xs);font-weight:600;flex-wrap:wrap;justify-content:flex-start}.sort-btn{display:inline-flex;align-items:center;gap:.25rem;background:var(--ink-800);border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:.32rem .7rem;font-size:var(--fs-xs);font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.sort-btn:hover{background:var(--ink-750);border-color:var(--border-strong);color:var(--text-primary)}.sort-btn.active{background:var(--accent-dim);border-color:var(--accent-line);color:var(--accent)}.stats{display:flex;gap:.65rem;justify-content:flex-start;flex-direction:column;color:var(--text-primary);font-weight:600;font-size:var(--fs-sm);flex-wrap:nowrap}.grouper-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.grouper-instructions{background:var(--ink-850);padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid var(--accent)}.grouper-instructions .instructions-toggle{background:none;border:none;padding:0;cursor:pointer;font-size:var(--fs-lg);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;transition:color .2s;width:100%;text-align:left}.grouper-instructions .instructions-toggle:hover{color:var(--accent)}.grouper-instructions p{margin:0 0 .5rem;color:var(--text-primary);font-weight:600}.grouper-instructions ul{margin:1rem 0 0;padding-left:1.5rem;color:var(--text-secondary)}.grouper-instructions li{margin:.3rem 0}.groups-section,.singles-section{margin-bottom:.5rem;padding:.25rem .25rem .5rem;cursor:crosshair;content-visibility:auto;contain-intrinsic-size:0 600px}.groups-section h3,.singles-section h3{color:var(--text-primary);margin-bottom:.75rem;font-size:var(--fs-md)}.drop-zone-placeholder{background:linear-gradient(135deg,var(--ink-850) 0%,var(--ink-800) 100%);border:3px dashed var(--accent);border-radius:8px;padding:.75rem 1rem;text-align:center;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.drop-zone-placeholder:hover{background:linear-gradient(135deg,var(--ink-800) 0%,var(--ink-750) 100%);border-color:var(--accent-hover);transform:scale(1.01)}.drop-zone-placeholder.drag-over{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-press) 100%);border-color:var(--accent);border-style:solid;transform:scale(1.02);box-shadow:0 8px 24px var(--accent-glow)}.drop-zone-placeholder.drag-over .drop-zone-content{color:var(--ink-950)}.drop-zone-content{color:var(--accent);transition:all .3s ease}.drop-zone-icon{font-size:var(--fs-xl);display:block;margin-bottom:.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.drop-zone-content p{margin:0;font-size:var(--fs-base);font-weight:600}.groups-grid{display:grid!important;gap:.5rem!important;padding:.5rem!important;cursor:crosshair;align-items:start;width:100%!important;max-height:none!important;overflow-y:visible!important}.product-group-card{background:var(--ink-850);border:2px solid var(--accent-line)!important;border-radius:8px!important;padding:.4rem!important;transition:all .3s ease;position:relative;flex:0 0 auto!important;width:100%;min-width:0!important;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 250px}.product-group-card:hover{box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px);will-change:transform}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem!important;padding-bottom:0!important;border-bottom:none!important}.group-badge{background:var(--accent);color:var(--ink-950);padding:.15rem .45rem;border-radius:20px;font-size:var(--fs-2xs);font-weight:600}.category-badge{background:linear-gradient(135deg,var(--success) 0%,var(--shopify-green-dark) 100%);color:var(--ink-950);padding:.15rem .45rem;border-radius:20px;font-size:var(--fs-2xs);font-weight:700;text-transform:capitalize;box-shadow:var(--shadow-sm)}.group-images{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;padding:0!important;background:transparent!important;aspect-ratio:unset!important}.group-image-item{position:relative;width:100%;aspect-ratio:1;cursor:pointer;border-radius:4px;overflow:visible;border:2px solid transparent;transition:all .2s ease}.group-image-item.selected{border-color:var(--success);box-shadow:0 0 0 3px var(--success-dim)}.group-image-item .rotate-btn{opacity:0;transition:opacity .15s}.group-image-item:hover .rotate-btn{opacity:1}.selection-indicator{position:absolute;top:5px;right:5px;background:var(--success);color:var(--ink-950);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-base);box-shadow:var(--shadow-sm)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;padding:.5rem .5rem 1.5rem;cursor:crosshair;min-height:100px}.columns-slider{width:90px;accent-color:var(--accent);cursor:pointer;vertical-align:middle}.single-item-card{position:relative;background:var(--ink-850);border:2px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;aspect-ratio:110 / 138;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 200px;display:flex;flex-direction:column}.single-item-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-md);will-change:transform}.single-item-card.selected{border-color:var(--success);border-width:3px;box-shadow:0 0 0 3px var(--success-dim)}.single-item-card img{width:100%;height:100%;object-fit:cover}.image-with-controls{position:relative;flex:1;min-height:0;overflow:hidden}.image-with-controls img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .15s ease}.image-controls{position:absolute;right:6px;bottom:6px;display:flex;gap:6px}.rotate-btn{background:#00000080;color:var(--text-primary);border:none;padding:4px 6px;border-radius:4px;cursor:pointer;font-size:var(--fs-lg)}.rotate-btn:hover{background:#000000b3}.item-info{padding:.75rem;display:flex;justify-content:center}.capture-date-label{text-align:center;font-size:var(--fs-2xs);color:var(--text-muted);padding:.2rem .4rem .3rem;line-height:1.3;background:var(--ink-900);border-top:1px solid var(--border-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.original-name-label{font-size:var(--fs-2xs);color:var(--text-muted);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.1rem}.filter-bar{display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap;justify-content:flex-start;flex-direction:column}.filter-bar-label{color:var(--text-secondary);font-size:var(--fs-xs);font-weight:700;white-space:nowrap;border-top:1px solid var(--border);padding-top:.6rem;width:100%}.filter-select{background:var(--ink-800);border:1px solid var(--border);color:var(--text-primary);border-radius:5px;padding:.22rem .6rem;font-size:var(--fs-xs);font-weight:600;cursor:pointer;outline:none;appearance:auto;transition:background .15s,border-color .15s}.filter-select:hover{background:var(--ink-750);border-color:var(--border-strong)}.filter-select option{background:var(--ink-800);color:var(--text-primary)}.filter-select:not([data-default=true]){border-color:var(--accent-line);background:var(--accent-dim)}.filter-btn-group{display:inline-flex;align-items:center;gap:.25rem;flex-wrap:wrap}.filter-btn-group+.filter-btn-group{border-top:1px solid var(--border);padding-top:.35rem;margin-top:.1rem}.filter-clear-btn{white-space:nowrap}.auto-group-control{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:.5rem;margin-top:.1rem}.auto-group-label{color:var(--text-secondary);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.auto-group-input{width:3.2rem;padding:.28rem .4rem;background:var(--ink-800);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:var(--fs-xs);font-weight:700;text-align:center;outline:none;appearance:textfield;-moz-appearance:textfield}.auto-group-input::-webkit-inner-spin-button,.auto-group-input::-webkit-outer-spin-button{-webkit-appearance:none}.auto-group-input:focus{border-color:var(--accent-line);background:var(--ink-750)}.auto-group-btn{background:var(--success-dim)!important;border-color:var(--success)!important;color:var(--success)!important;font-weight:700!important}.auto-group-btn:hover{background:var(--success)!important;border-color:var(--success)!important;color:var(--ink-950)!important}.auto-group-slider{flex:1 1 100%;width:100%;margin-top:.25rem;accent-color:var(--success);cursor:pointer}.pick-mode-btn{background:var(--accent-dim)!important;border-color:var(--accent-line)!important;color:var(--accent)!important;font-weight:700!important}.pick-mode-btn:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--ink-950)!important}.pick-mode-active{background:var(--accent)!important;border-color:var(--accent-hover)!important;color:var(--ink-950)!important;box-shadow:0 0 0 2px var(--accent-line)}.keyboard-cheatsheet{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--border-subtle)}.cheatsheet-title{font-size:var(--fs-lg);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.cheatsheet-row{display:flex;align-items:center;gap:.45rem;margin-bottom:.3rem}.cheatsheet-row kbd{display:inline-block;background:var(--ink-750);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:var(--fs-lg);font-family:ui-monospace,monospace;color:var(--text-primary);white-space:nowrap;min-width:4.8rem;text-align:center;line-height:1.5}.cheatsheet-row span{font-size:var(--fs-lg);color:var(--text-secondary);line-height:1.3}@media(max-width:768px){.keyboard-cheatsheet{display:none}}.grouper-footer{display:flex;justify-content:center;padding-top:2rem;border-top:2px solid var(--border)}.category-zones{margin-bottom:3rem;padding:1.5rem;background:linear-gradient(135deg,var(--ink-900) 0%,var(--ink-850) 100%);border-radius:12px}.category-zones h3{margin:0 0 1rem;color:var(--text-primary);text-align:center;font-size:var(--fs-md)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.category-zone{background:var(--ink-850);border:3px dashed var(--border-strong);border-radius:12px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;min-height:120px;justify-content:center}.category-zone.drag-over{border-color:var(--success);background:var(--success-dim);border-style:solid;box-shadow:0 0 0 4px var(--success-dim);transform:scale(1.05)}.category-icon{font-size:var(--fs-xl)}.category-name{font-weight:600;color:var(--text-primary);font-size:var(--fs-sm)}.product-group-card.drag-over{border-color:var(--success);background:var(--success-dim);box-shadow:0 0 0 4px var(--success-dim);transform:scale(1.02)}.single-item-card.drag-over{border-color:var(--success);box-shadow:0 0 0 4px var(--success-dim);transform:scale(1.05)}.single-item-card.reorder-dragging{opacity:.35;cursor:grabbing}.single-item-card.reorder-over-left{box-shadow:-3px 0 0 0 var(--accent);border-radius:6px}.single-item-card.reorder-over-right{box-shadow:3px 0 0 0 var(--accent);border-radius:6px}.group-image-item{position:relative;width:100%;aspect-ratio:1;cursor:grab;border-radius:4px;overflow:visible;border:2px solid transparent;transition:transform .12s ease,opacity .12s ease,border-color .12s ease,box-shadow .12s ease}.group-image-item img{width:100%;height:100%;object-fit:cover;border-radius:4px;overflow:hidden;display:block}.group-image-item:active{cursor:grabbing}.group-image-item:hover{border-color:var(--accent);transform:scale(1.05)}.group-image-item.photo-dragging{opacity:.3;transform:scale(.88);border-color:var(--accent)!important;box-shadow:none!important}.group-image-item.photo-drag-over{border:3px dashed var(--success)!important;box-shadow:0 0 0 3px var(--success-dim);transform:scale(1.1);background:var(--success-dim)}.remove-from-group-btn{position:absolute;bottom:3px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--ink-950);border:none;border-radius:8px;font-size:var(--fs-lg);padding:1px 5px;line-height:1.4;cursor:pointer;opacity:0;transition:opacity .2s ease;z-index:10;white-space:nowrap}.group-image-item:hover .remove-from-group-btn{opacity:1}.remove-from-group-btn:hover{background:var(--accent-hover)}.group-delete-btn{position:static!important;width:22px!important;height:22px!important;font-size:var(--fs-xl)!important;opacity:0;transition:opacity .2s ease}.product-group-card:hover .group-delete-btn{opacity:1}.product-group-card.all-selected{border-color:var(--success)!important;box-shadow:0 0 0 3px var(--success-dim)!important}.product-group-card.some-selected{border-color:var(--success)!important}.group-selected-indicator{background:var(--success);color:var(--ink-950);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.group-header{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap}.delete-image-btn{position:absolute;top:4px;right:4px;width:28px;height:28px;background:var(--danger);color:var(--ink-950);border:none;border-radius:50%;font-size:var(--fs-2xl);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;z-index:10}.group-image-item:hover .delete-image-btn,.single-item-card:hover .delete-image-btn{opacity:1}.delete-image-btn:hover{background:var(--danger);box-shadow:0 0 0 3px var(--danger-dim);transform:scale(1.1)}.new-group-zone{margin:2rem 0;padding:3rem 2rem;border:3px dashed var(--border-strong);border-radius:12px;background:var(--ink-850);transition:all .3s ease;cursor:pointer}.new-group-zone:hover{border-color:var(--accent);background:var(--ink-800)}.new-group-zone.drag-over{border-color:var(--success);border-style:solid;background:var(--success-dim);box-shadow:0 0 0 4px var(--success-dim);transform:scale(1.02)}.new-group-content{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-secondary);font-size:var(--fs-base);font-weight:500}.new-group-icon{font-size:var(--fs-3xl);color:var(--accent)}.single-item-card{cursor:grab}.single-item-card:active{cursor:grabbing}@media(max-width:768px){.image-grouper-container{flex-direction:column;gap:.75rem}.grouper-header{width:100%!important;height:auto!important;max-height:none!important;position:static;border-radius:8px;padding:1rem;gap:.75rem;background:linear-gradient(135deg,var(--ink-850) 0%,var(--ink-900) 100%)}.grouper-scroll-content{max-height:60vh}.stats{flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:center;font-size:var(--fs-xs)}.sort-control{justify-content:center}.filter-bar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.4rem}.filter-bar-label{border-top:none;padding-top:0;width:auto;border-left:1px solid var(--border);padding-left:.5rem}.filter-bar-label:first-child{border-left:none;padding-left:0}.auto-group-control{border-top:none;padding-top:0;border-left:1px solid var(--border);padding-left:.6rem;margin-top:0}.filter-btn-group+.filter-btn-group{border-top:none;padding-top:0;border-left:1px solid var(--border);padding-left:.4rem;margin-top:0}.groups-grid{grid-template-columns:1fr}.grouper-actions{flex-direction:column}.grouper-actions button{width:100%}.category-grid{grid-template-columns:repeat(2,1fr)}.new-group-zone{padding:2rem 1rem}}.category-indicator-small{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,var(--success) 0%,var(--shopify-green-dark) 100%);color:var(--ink-950);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:700;box-shadow:0 2px 8px var(--success-dim);z-index:5;animation:categoryAssigned .3s ease-out}.product-group-card,.single-item-card{position:relative}.category-check{display:inline-flex;align-items:center;justify-content:center;color:var(--success)}.selection-indicator{display:flex;align-items:center;justify-content:center;color:var(--ink-950)}.drop-zone-icon{display:flex;align-items:center;justify-content:center}.selection-container{position:relative;-webkit-user-select:none;user-select:none}.selection-box{position:absolute;border:2px solid var(--accent);background:var(--accent-dim);z-index:1000;pointer-events:none;border-radius:4px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lightbox-overlay{position:fixed;inset:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;animation:fadeIn .15s ease}.lightbox-image{max-width:90vw;max-height:78vh;object-fit:contain;border-radius:8px;box-shadow:var(--shadow-xl);cursor:default;transition:transform .2s ease}.lightbox-toolbar{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px 14px;border-radius:999px;z-index:10000}.lightbox-tool-btn{background:var(--ink-800);border:1px solid var(--border-strong);color:var(--text-primary);font-size:var(--fs-sm);padding:5px 12px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .15s}.lightbox-close{position:absolute;top:16px;right:20px;background:var(--ink-800);border:none;color:var(--text-primary);font-size:var(--fs-lg);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.lightbox-close:hover{background:var(--ink-700)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--ink-800);border:none;color:var(--text-primary);font-size:var(--fs-2xl);line-height:1;width:48px;height:64px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10000}.lightbox-nav:hover{background:var(--ink-700)}.lightbox-nav--prev{left:20px}.lightbox-nav--next{right:20px}.lightbox-counter{position:absolute;bottom:18px;left:50%;transform:translate(-50%);color:var(--text-secondary);font-size:var(--fs-sm);background:var(--ink-900);padding:3px 10px;border-radius:12px;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.group-select-bar{gap:.4rem;padding:.3rem .35rem!important;margin:-.15rem -.15rem .3rem!important;border-radius:6px;transition:background .15s ease}.group-select-bar:hover{background:var(--ink-750)}.group-select-bar.all-selected{background:var(--accent-dim)}.group-select-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;border:2px solid var(--accent);border-radius:50%;background:var(--ink-900);color:var(--ink-950);font-size:var(--fs-2xs);font-weight:700;line-height:1}.group-select-bar.all-selected .group-select-check{background:var(--accent)}.group-select-bar.some-selected .group-select-check{color:var(--accent)}.group-menu-wrap{position:relative;margin-left:auto}.group-menu-btn{width:26px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:var(--accent-dim);color:var(--accent);font-size:var(--fs-base);font-weight:700;line-height:1;cursor:pointer}.group-menu-btn:hover{background:var(--accent);color:var(--ink-950)}.group-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:50;min-width:130px;background:var(--ink-800);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);padding:.25rem;display:flex;flex-direction:column}.group-menu-item{display:block;width:100%;text-align:left;padding:.4rem .6rem;border:none;border-radius:5px;background:none;color:var(--text-primary);font-size:var(--fs-xs);font-weight:600;cursor:pointer;white-space:nowrap}.group-menu-item:hover:not(:disabled){background:var(--ink-750)}.group-menu-item:disabled{opacity:.4;cursor:default}.group-menu-item--danger{color:var(--danger)}.group-menu-item--danger:hover:not(:disabled){background:var(--danger-dim)}.photo-toolbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding:.45rem .6rem;margin-bottom:.75rem;background:var(--ink-850);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md)}.ptb-btn{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--fs-xs);font-weight:600;padding:.32rem .6rem;border:1px solid var(--border);border-radius:7px;background:var(--ink-750);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.ptb-btn:hover:not(:disabled){background:var(--ink-700)}.ptb-btn:disabled{opacity:.4;cursor:default}.ptb-btn--active,.ptb-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--ink-950)}.ptb-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.ptb-btn--warn{background:var(--warning-dim);border-color:var(--warning);color:var(--warning)}.ptb-btn--warn:hover:not(:disabled){background:var(--warning);color:var(--ink-950)}.ptb-btn--danger{background:var(--danger-dim);border-color:var(--danger);color:var(--danger)}.ptb-btn--danger:hover:not(:disabled){background:var(--danger);color:var(--ink-950)}.ptb-btn--ghost{background:transparent;border-color:var(--danger-dim);color:var(--danger);font-size:var(--fs-2xs)}.ptb-btn--ghost:hover:not(:disabled){background:var(--danger-dim)}.ptb-divider{width:1px;height:20px;background:var(--border)}.ptb-status{font-size:var(--fs-2xs);color:var(--accent);font-weight:600}.ptb-status em{font-style:normal;color:var(--text-muted);font-weight:500}.ptb-link{background:none;border:none;cursor:pointer;color:var(--accent);font-size:var(--fs-2xs);font-weight:700;padding:0;text-decoration:none}.photo-pick-toggle--on{background:var(--success)!important;border-color:var(--success)!important;color:var(--ink-950)!important;box-shadow:0 0 0 2px var(--success-dim)}.group-image-item.photo-picked{outline:3px solid var(--accent);outline-offset:-3px;border-radius:6px}.group-image-item.photo-picked img{opacity:.85}.items-grid,.groups-grid,.grouper-scroll-content{touch-action:pan-y pinch-zoom}.single-item-card,.product-group-card,.group-select-bar,.group-image-item,.ptb-btn,.sort-btn,.group-menu-btn,.group-menu-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.grouper-tools-toggle{display:none}@media(max-width:640px){.image-grouper-container{flex-direction:column;gap:.5rem}.grouper-header{width:100%!important;height:auto!important;max-height:none!important;position:static;border-radius:10px;padding:.5rem;gap:.5rem;overflow:visible}.grouper-tools-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:var(--tap, 44px);padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--ink-800);color:var(--text-primary);font-size:var(--fs-sm);font-weight:600;cursor:pointer;touch-action:manipulation}.stats{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:.4rem;padding-bottom:.15rem;justify-content:flex-start;font-size:var(--fs-xs)}.stats>span{flex:0 0 auto;white-space:nowrap;min-height:32px;align-items:center}.stats>span[title^=Undo],.stats>span[title^=Redo]{min-height:var(--tap, 44px);padding-inline:.7rem}.grouper-header .sort-control,.grouper-header .filter-bar{display:none}.grouper-header--tools-open .sort-control{display:flex;flex-direction:column;align-items:stretch;gap:.4rem}.grouper-header--tools-open .filter-bar{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.grouper-header--tools-open .sort-btn,.grouper-header--tools-open .auto-group-btn,.grouper-header--tools-open .pick-mode-btn{min-height:var(--tap, 44px);justify-content:center;font-size:var(--fs-sm);padding:.5rem .75rem}.grouper-header--tools-open .filter-btn-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;border-left:none;padding-left:0}.grouper-header--tools-open .filter-select{width:100%;min-height:var(--tap, 44px);font-size:var(--fs-md)}.grouper-header--tools-open .auto-group-control{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;border-top:1px solid var(--border);border-left:none;padding:.6rem 0 0;margin-top:0}.grouper-header--tools-open .auto-group-label{width:100%}.grouper-header--tools-open .auto-group-input{min-height:var(--tap, 44px);width:72px;font-size:var(--fs-md)}.grouper-header--tools-open .auto-group-slider,.grouper-header--tools-open .columns-slider{flex:1 1 100%;width:100%;min-height:var(--tap, 44px)}.grouper-scroll-content{max-height:56vh;padding:.4rem;border-radius:10px}.singles-section,.groups-section{padding:.15rem;cursor:default}.singles-section h3,.groups-section h3{font-size:var(--fs-sm);margin-bottom:.5rem}.items-grid,.groups-grid{gap:.4rem!important}.single-item-card,.product-group-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.group-images{grid-template-columns:repeat(3,1fr)!important;gap:3px!important}.group-select-bar{min-height:var(--tap, 44px);padding:.4rem .45rem!important}.group-select-check{width:22px;height:22px;flex:0 0 22px}.group-menu-btn{width:var(--tap, 44px);height:var(--tap, 44px);font-size:var(--fs-lg)}.group-menu{min-width:150px}.group-menu-item{min-height:var(--tap, 44px);display:flex;align-items:center;font-size:var(--fs-sm);padding:.5rem .75rem}.drop-zone-placeholder{display:none}.photo-toolbar{gap:.35rem;padding:.4rem;border-radius:8px}.ptb-btn{min-height:var(--tap, 44px);padding:.4rem .7rem;font-size:var(--fs-sm)}.ptb-btn--ghost{font-size:var(--fs-xs)}.ptb-divider{display:none}.ptb-status{flex:1 1 100%;font-size:var(--fs-xs)}.group-image-item .rotate-btn{opacity:1}.rotate-btn{min-width:32px;min-height:32px}}@media(max-width:1024px)and (min-width:641px){.grouper-header .sort-btn,.grouper-header .filter-select{min-height:36px}}.product-description-container{width:100%}.progress-bar{background:var(--gray-200);height:40px;border-radius:var(--radius-md);position:relative;margin-bottom:var(--space-6);overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);border:1px solid var(--gray-300)}.progress-bar span{position:relative;z-index:2;font-weight:500;color:var(--gray-700);font-size:var(--fs-sm)}.group-info-badge{position:relative;z-index:2;display:inline-flex;align-items:center;background:var(--ink-700);color:var(--gray-700);padding:2px 8px;border-radius:var(--radius-md);font-weight:500;font-size:var(--fs-xs);border:1px solid var(--gray-300)}.category-badge{display:inline-flex;align-items:center;background:var(--shopify-blue);color:var(--ink-950);padding:2px 8px;border-radius:var(--radius-md);font-weight:500;font-size:var(--fs-xs);position:relative;z-index:2}.progress-fill{position:absolute;left:0;top:0;height:100%;background:var(--shopify-green);transition:width .3s ease;z-index:1}.product-editor{display:grid;grid-template-columns:400px 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.product-preview{position:sticky;top:calc(var(--space-8) + 60px);background:var(--ink-850);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5);height:calc(100vh - 160px);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.preview-scroll-area{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.preview-nav-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3);flex-shrink:0}.preview-nav-controls .button{flex:1;justify-content:center;padding:var(--space-2) var(--space-3);font-size:var(--fs-xs)}.preview-nav-counter{font-size:var(--fs-xs);color:var(--gray-500);white-space:nowrap;text-align:center;flex-shrink:0}.group-nav-slider{width:100%;margin-top:.5rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.preview-image{width:100%;height:auto;max-height:280px;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--gray-200);background:var(--gray-50)}.product-info{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.product-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-section{background:var(--ink-850);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.form-section h3{margin-bottom:var(--space-4);color:var(--gray-700);font-size:var(--fs-md);font-weight:600;padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-200)}.voice-controls{margin-bottom:var(--space-4);display:flex;gap:var(--space-2);flex-wrap:wrap}.voice-controls button:disabled{opacity:.5;cursor:not-allowed}.voice-warning{background:var(--warning-dim);border:1px solid var(--shopify-yellow);color:var(--warning);padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-3);font-size:var(--fs-sm);display:flex;align-items:flex-start;gap:var(--space-3)}.voice-warning:before{content:"⚠️";flex-shrink:0}.voice-result{margin-top:var(--space-5)}.voice-result label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:var(--space-3);font-size:var(--fs-base)}.description-textarea{width:100%;min-width:100%;min-height:200px;padding:var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--fs-base);font-family:inherit;line-height:1.6;resize:vertical;transition:all .2s ease;background:var(--ink-850);color:var(--text-primary)}.description-textarea:focus{outline:none;border-color:var(--shopify-blue);box-shadow:0 0 0 1px var(--shopify-blue)}.description-textarea::placeholder{color:var(--text-faint);font-style:italic}.voice-description{padding:var(--space-4);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);margin-top:var(--space-3)}.voice-description-label{font-weight:600;color:var(--gray-700);margin-bottom:var(--space-2);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.5px}.voice-description-text{color:var(--gray-600);font-size:var(--fs-base);line-height:1.6}.form-group{margin-bottom:var(--space-5)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:500;color:var(--gray-700);margin-bottom:var(--space-2);font-size:var(--fs-base)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--fs-base);font-family:inherit;transition:all .2s ease;background:var(--ink-850);color:var(--text-primary)}.form-group textarea{min-height:150px;min-width:100%;resize:vertical;line-height:1.6}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--shopify-blue);box-shadow:0 0 0 1px var(--shopify-blue)}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:var(--gray-100);color:var(--gray-400);cursor:not-allowed}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-faint);font-style:italic}.info-item{margin-bottom:var(--space-4)}.info-item label{display:block;font-weight:500;color:var(--gray-700);margin-bottom:var(--space-2);font-size:var(--fs-base)}.info-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--fs-base);font-family:inherit;transition:all .2s ease;background:var(--ink-850);color:var(--text-primary);box-sizing:border-box}.info-input:focus{outline:none;border-color:var(--shopify-blue);box-shadow:0 0 0 1px var(--shopify-blue)}.input-with-button{display:flex;gap:var(--space-2);align-items:flex-start}.input-with-button input,.input-with-button textarea{flex:1}.input-with-button button{flex-shrink:0;padding:var(--space-3) var(--space-4);margin-top:0}.measurements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-top:var(--space-3)}.measurement-input{display:flex;flex-direction:column;gap:var(--space-2)}.measurement-input label{font-size:var(--fs-sm);font-weight:500;color:var(--gray-600);margin:0}.measurement-input input{width:100%;padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--fs-base)}.generated-description,.generated-tags,.generated-title{padding:var(--space-4);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);margin-top:var(--space-3);white-space:pre-wrap;line-height:1.7;font-size:var(--fs-base);color:var(--gray-600)}.generated-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4)}.tag-chip{background:var(--shopify-blue);color:var(--ink-950);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:500}.navigation-controls{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.navigation-controls button{flex:1;max-width:200px}@media(max-width:900px){.product-editor{grid-template-columns:1fr}.product-preview{position:relative;top:0;max-width:500px;margin:0 auto;height:auto}}@media(max-width:768px){.product-editor{gap:var(--space-4);margin-bottom:var(--space-4)}.form-section{padding:var(--space-4)}.form-section h3{font-size:var(--fs-base);margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.voice-controls{flex-direction:column}.voice-controls button{width:100%}.measurements-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.navigation-controls{flex-direction:column;gap:var(--space-3)}.navigation-controls button{max-width:none;width:100%}.input-with-button{flex-direction:column}.input-with-button button{width:100%}}@media(max-width:480px){.progress-bar{height:28px;margin-bottom:var(--space-4)}.progress-bar span{font-size:var(--fs-xs)}.product-preview{padding:var(--space-3)}.preview-image{max-height:300px}.form-section{padding:var(--space-3)}.form-group{margin-bottom:var(--space-4)}.measurements-grid{grid-template-columns:1fr;gap:var(--space-3)}.voice-warning{padding:var(--space-3);font-size:var(--fs-xs)}.form-group input,.form-group textarea,.form-group select{font-size:var(--fs-xl)}}.form-section.loading{position:relative;opacity:.6;pointer-events:none}.form-section.loading:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid var(--gray-300);border-top-color:var(--shopify-green);border-radius:50%;animation:spin .8s linear infinite}.form-group.error input,.form-group.error textarea,.form-group.error select{border-color:var(--shopify-red)}.form-group.error label{color:var(--shopify-red)}.error-text{color:var(--shopify-red);font-size:var(--fs-sm);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.error-text:before{content:"⚠"}.form-group.success input,.form-group.success textarea{border-color:var(--shopify-green)}.success-text{color:var(--shopify-green);font-size:var(--fs-sm);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.success-text:before{content:"✓"}.group-thumbnails{margin-top:var(--space-4);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.rotate-btn{background:#0000008c;color:var(--text-primary);border:none;padding:4px 6px;border-radius:4px;cursor:pointer;font-size:var(--fs-lg)}.rotate-btn:hover{background:#000000bf}.crop-fullscreen{position:absolute;inset:0;z-index:10;background:var(--ink-900);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;width:100%;height:100%}.crop-fs-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--ink-800);flex-shrink:0;min-height:52px}.crop-fs-title{color:var(--text-primary);font-size:var(--fs-base);font-weight:600}.crop-fs-btn{background:none;border:none;cursor:pointer;font-size:var(--fs-base);font-weight:600;padding:6px 12px;border-radius:6px}.crop-fs-cancel{color:var(--text-secondary)}.crop-fs-cancel:hover{color:var(--text-primary);background:var(--ink-750)}.crop-fs-done{color:var(--ink-950);background:var(--success)}.crop-fs-done:hover:not(:disabled){background:var(--shopify-green-dark)}.crop-fs-done:disabled{opacity:.4;cursor:not-allowed}.crop-fs-stage{flex:1;min-height:0;position:relative;cursor:crosshair;display:flex;align-items:center;justify-content:center;background:var(--ink-950);overflow:hidden}.crop-fs-img-wrap{line-height:0;pointer-events:none;-webkit-user-select:none;user-select:none}.crop-fs-image{display:block;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.crop-fs-mask{position:absolute;background:#00000080;pointer-events:none}.crop-fs-rect{position:absolute;border:2px dashed rgba(255,255,255,.95);box-shadow:0 0 0 1px #0009;box-sizing:border-box}.crop-fs-move-zone{position:absolute;inset:0;cursor:move}.crop-fs-grid-h,.crop-fs-grid-v{position:absolute;background:#ffffff4d;pointer-events:none}.crop-fs-grid-h{left:0;right:0;height:1px}.crop-fs-grid-v{top:0;bottom:0;width:1px}.crop-fs-handle{position:absolute}.crop-fs-corner{border-color:#fff;border-style:solid;border-width:0;width:22px;height:22px}.crop-fs-corner-nw{top:-2px;left:-2px;border-top-width:3px;border-left-width:3px;cursor:nw-resize}.crop-fs-corner-ne{top:-2px;right:-2px;border-top-width:3px;border-right-width:3px;cursor:ne-resize}.crop-fs-corner-sw{bottom:-2px;left:-2px;border-bottom-width:3px;border-left-width:3px;cursor:sw-resize}.crop-fs-corner-se{bottom:-2px;right:-2px;border-bottom-width:3px;border-right-width:3px;cursor:se-resize}.crop-fs-edge{background:#fff;border-radius:2px}.crop-fs-edge-n{top:-3px;left:50%;transform:translate(-50%);width:32px;height:5px;cursor:n-resize}.crop-fs-edge-s{bottom:-3px;left:50%;transform:translate(-50%);width:32px;height:5px;cursor:s-resize}.crop-fs-edge-w{left:-3px;top:50%;transform:translateY(-50%);width:5px;height:32px;cursor:w-resize}.crop-fs-edge-e{right:-3px;top:50%;transform:translateY(-50%);width:5px;height:32px;cursor:e-resize}.crop-fs-ratiobar{display:flex;gap:8px;align-items:center;justify-content:center;padding:14px 16px;background:var(--ink-900);flex-shrink:0;overflow-x:auto}.crop-fs-pill{background:var(--ink-750);color:var(--text-secondary);border:1.5px solid transparent;border-radius:20px;padding:6px 16px;font-size:var(--fs-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.crop-fs-pill:hover{background:var(--ink-700);color:var(--text-primary)}.crop-fs-pill--active{background:var(--accent);color:var(--ink-950);border-color:var(--accent)}.group-thumbnails p{margin:0 0 var(--space-3) 0;font-size:var(--fs-sm);color:var(--gray-700);font-weight:600}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--space-2);max-width:100%}.group-thumbnail{width:100%;height:60px;object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--gray-300);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,opacity .12s ease;cursor:grab}.group-thumbnail:active{cursor:grabbing}.group-thumbnail:hover{transform:scale(1.05);border-color:var(--shopify-green);box-shadow:var(--shadow-md)}.preview-image:hover{cursor:zoom-in}.preview-image-wrap{position:relative;width:100%;max-height:280px;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--gray-200);background:var(--gray-50);aspect-ratio:auto}.preview-image-wrap .lazy-skeleton{position:absolute;inset:0;min-height:180px}.preview-image-wrap img.lazy-img{display:block;width:100%;max-height:280px;object-fit:contain;position:relative}.group-thumbnail-wrap{position:relative;width:100%;height:60px;overflow:hidden;border-radius:var(--radius-sm);border:2px solid var(--gray-300);background:var(--gray-100);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,opacity .12s ease}.group-thumbnail-wrap:hover{transform:scale(1.05);border-color:var(--shopify-green);box-shadow:var(--shadow-md)}.group-thumbnail-wrap .lazy-skeleton{position:absolute;inset:0}.group-thumbnail-wrap img.lazy-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.thumb-draggable{cursor:grab}.thumb-dragging{opacity:.3;transform:scale(.88);border-color:var(--accent)!important;box-shadow:none!important}.thumb-drag-over{border:2px dashed var(--success)!important;box-shadow:0 0 0 3px var(--success-dim)!important;transform:scale(1.1);background:var(--success-dim)}@media(max-width:768px){.thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--space-1)}.group-thumbnail{height:60px}}@media(max-width:480px){.thumbnail-grid{grid-template-columns:repeat(3,1fr)}.group-thumbnail{height:70px}.group-thumbnails{padding:var(--space-3)}}.magnifier-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.25rem;padding:.6rem .9rem;margin:.5rem 0 .75rem;background:var(--ink-800);border:1px solid var(--border);border-radius:10px;font-size:var(--fs-xs);color:var(--text-secondary)}.magnifier-controls-label{font-weight:600;color:var(--text-primary);white-space:nowrap}.magnifier-toggle{display:flex;align-items:center;gap:.35rem;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.magnifier-toggle input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--accent)}.magnifier-slider-label{display:flex;align-items:center;gap:.4rem;white-space:nowrap}.magnifier-slider-label input[type=range]{width:90px;accent-color:var(--accent);cursor:pointer}.magnifier-slider-label input[type=range]:disabled{opacity:.35;cursor:not-allowed}.magnifier-slider-value{min-width:36px;text-align:right;font-weight:600;color:var(--accent)}.magnifier-lens{position:fixed;z-index:8000;border-radius:8px;border:2px solid var(--accent-line);box-shadow:var(--shadow-lg);pointer-events:none;background-repeat:no-repeat;animation:zoomPopIn .1s ease}@keyframes zoomPopIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.lightbox-overlay{position:fixed;inset:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;animation:pdgFadeIn .15s ease}@keyframes pdgFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--ink-800);border:none;color:var(--text-primary);font-size:var(--fs-3xl);line-height:1;width:56px;height:56px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:11;transition:background .15s,transform .15s;-webkit-user-select:none;user-select:none}.lightbox-nav:hover{background:var(--ink-750);transform:translateY(-50%) scale(1.1)}.lightbox-nav-left{left:24px}.lightbox-nav-right{right:24px}.lightbox-counter{color:var(--text-secondary);font-size:var(--fs-xs);padding:0 6px;white-space:nowrap}.lightbox-image{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:var(--shadow-lg);cursor:default;transition:transform .2s ease}.lightbox-toolbar{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--ink-800);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px 14px;border-radius:999px;z-index:10}.lightbox-tool-btn{background:var(--ink-750);border:1px solid var(--border-strong);color:var(--text-primary);font-size:var(--fs-sm);padding:5px 12px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .15s}.lightbox-tool-btn:hover{background:var(--ink-700)}.lightbox-close-standalone{position:absolute;top:16px;right:20px;z-index:10;background:var(--ink-800);border:1.5px solid var(--border-strong);color:var(--text-primary);font-size:var(--fs-base);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.lightbox-close-standalone:hover{background:var(--ink-750)}.vct-wrapper{display:flex;flex-direction:column;gap:.6rem}.vct-row-group{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.vct-row-label{background:var(--ink-800);color:var(--text-secondary);font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;border-bottom:1px solid var(--border)}.vct-grid{display:grid;overflow-x:auto}.vct-grid--full{grid-template-columns:1fr}.vct-row-group--title .vct-col{flex-direction:row;align-items:center;gap:0}.vct-row-group--title .vct-header{min-width:52px;border-right:1px solid var(--border);border-bottom:none;padding:.3rem .5rem;display:flex;align-items:center;gap:4px;white-space:nowrap}.vct-row-group--title .vct-cell{flex:1;border-top:none}.vct-col{display:flex;flex-direction:column;border-right:1px solid var(--border);transition:background .15s}.vct-col:last-child{border-right:none}.vct-col--active{background:var(--accent-dim)}.vct-col--active .vct-header{background:var(--accent);color:var(--ink-950)}.vct-col--filled .vct-header{color:var(--text-primary)}.vct-header{display:flex;align-items:center;gap:.3rem;padding:.25rem .4rem;font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--ink-800);border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.vct-listening-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--danger);flex-shrink:0;animation:vct-pulse .9s ease-in-out infinite}@keyframes vct-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.vct-cell{width:100%;border:none;outline:none;padding:.3rem .4rem;font-size:var(--fs-xs);color:var(--text-primary);background:transparent;transition:background .15s;min-width:0}.vct-cell::placeholder{color:var(--text-faint);font-style:italic}.vct-cell:focus{background:var(--ink-750);box-shadow:inset 0 0 0 1.5px var(--accent)}.vct-cell--listening{background:var(--accent-dim);color:var(--accent);font-style:italic}.vct-status{display:flex;align-items:center;gap:.4rem;font-size:var(--fs-xs);color:var(--accent);padding:.3rem .1rem}.vct-status--idle{color:var(--text-muted)}.vct-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--danger);flex-shrink:0;animation:vct-pulse .9s ease-in-out infinite}.vct-status-dot--idle{background:var(--text-faint);animation:none}.descriptor-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin:.5rem 0}.descriptor-chips-label{font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-right:.2rem}.descriptor-chip{border:1px solid var(--accent-line);background:var(--accent-dim);color:var(--accent);border-radius:20px;padding:.2rem .65rem;font-size:var(--fs-xs);font-weight:600;cursor:pointer;transition:background .12s,color .12s}.descriptor-chip:hover{background:var(--accent-line)}.descriptor-chip--on{background:var(--accent);border-color:var(--accent);color:var(--ink-950)}.descriptor-chips-hint{font-size:var(--fs-2xs);font-weight:700;color:var(--warning);margin-right:.15rem;white-space:nowrap}.descriptor-chip--suggested:not(.descriptor-chip--on){border-color:var(--warning);background:var(--warning-dim);color:var(--warning)}.descriptor-chip--suggested:not(.descriptor-chip--on):hover{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.crop-fs-stage{touch-action:none}.crop-fs-btn,.crop-fs-pill,.descriptor-chip,.preview-nav-controls .button,.voice-controls button{touch-action:manipulation}.preview-nav-dock{display:contents}@media(hover:none)and (pointer:coarse){.magnifier-lens{display:none!important}.magnifier-controls{display:none}.crop-fs-handle:after{content:"";position:absolute;top:50%;left:50%;width:var(--tap, 44px);height:var(--tap, 44px);transform:translate(-50%,-50%)}.crop-fs-btn{min-height:var(--tap, 44px);padding:.5rem .9rem}.crop-fs-pill{min-height:var(--tap, 44px)}}@media(max-width:640px){.product-editor{display:flex;flex-direction:column;gap:var(--space-3)}.product-preview{display:contents}.preview-scroll-area{order:1;flex:0 0 auto;overflow:visible;background:var(--ink-850);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm)}.product-form{order:2}.preview-image{width:100%;max-height:52vh}.preview-nav-dock{order:3;display:block;position:sticky;bottom:var(--tabbar-h, 0px);z-index:75;padding:.5rem .75rem;background:var(--ink-800);border:1px solid var(--border-strong);border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 -8px 24px #0000002e}.preview-nav-controls{margin-top:0;gap:.5rem}.preview-nav-controls .button{min-height:48px;font-size:var(--fs-base);padding:.5rem .75rem}.preview-nav-counter{font-size:var(--fs-sm);min-width:4.5em}.group-nav-slider{min-height:40px;margin-top:.25rem}.voice-controls{flex-direction:column;gap:.5rem}.voice-controls button{width:100%;min-height:56px;font-size:var(--fs-md);font-weight:600;justify-content:center}.descriptor-chips{gap:.35rem}.descriptor-chip{min-height:var(--tap, 44px);padding:.4rem .8rem;font-size:var(--fs-sm)}.form-section{padding:var(--space-3)}.description-textarea{min-height:160px;padding:var(--space-3)}.thumbnail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.group-thumbnail-wrap,.group-thumbnail{min-height:56px}.vct-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.4rem}.vct-grid--full{grid-template-columns:minmax(0,1fr)!important}.vct-row-group{padding:.5rem;border-radius:8px}.vct-row-label{font-size:var(--fs-sm)}.vct-cell{min-height:var(--tap, 44px)}.vct-header{font-size:var(--fs-xs)}}.voice-period-btn{font-size:var(--fs-xs);padding:.3rem .6rem}@media(max-width:768px){.voice-period-btn{min-height:44px;min-width:44px;padding:.5rem 1rem;font-size:var(--fs-base)}}.preview-save-btn{gap:.4rem}.save-status{flex-basis:100%;text-align:center;font-size:var(--fs-2xs);line-height:var(--lh-snug);color:var(--text-muted);min-height:1.4em;margin:.2rem 0 0}.save-status[data-state=saving]{color:var(--text-secondary)}.save-status[data-state=saved]{color:var(--success)}.save-status[data-state=error]{color:var(--danger);font-weight:600}@media(max-width:768px){.preview-save-btn{min-height:var(--tap, 44px)}}.category-zones-container{width:100%}.category-zones-container.compact .category-zones{padding:1rem;margin-bottom:0}.category-zones-container.compact .category-zones h3{font-size:var(--fs-base);margin-bottom:.75rem}.category-list{display:flex;flex-direction:column;gap:.5rem}.category-zones-container.compact .category-zone{flex-direction:row;justify-content:flex-start;min-height:auto;padding:.6rem .75rem;gap:.5rem;border-radius:8px;border-width:2px}.category-zones-container.compact .category-zone .category-name{font-size:var(--fs-sm);flex:1;text-align:left}.category-zones-container.compact .category-zone .category-count{font-size:var(--fs-xs);color:var(--text-muted)}.category-zones{background:linear-gradient(135deg,var(--ink-850) 0%,var(--ink-900) 100%);padding:2rem;border-radius:12px;margin-bottom:2rem}.category-zones h3{text-align:center;color:var(--text-primary);margin-bottom:1.5rem;font-size:var(--fs-lg)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;max-width:1200px;margin:0 auto}.category-zone{background:var(--ink-800);border:3px dashed var(--border-strong);border-radius:12px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.category-zone:hover{border-color:var(--accent);background:var(--ink-750);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.category-zone.drag-over{border-color:var(--category-color, var(--success));background:var(--success-dim);border-style:solid;transform:scale(1.05);box-shadow:0 8px 20px var(--success-dim)}.category-zone:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--category-color, var(--accent))}.category-zone-clear{border-color:var(--border)!important;color:var(--text-muted);opacity:.85}.category-zone-clear .category-name{color:var(--text-muted)}.category-zone-clear .category-count{color:var(--text-faint)}.category-zone-clear:hover{border-color:var(--danger)!important;background:var(--danger-dim)!important;color:var(--danger);box-shadow:0 4px 12px var(--danger-dim)!important}.category-zone-clear:hover .category-name{color:var(--danger)}.category-zone-clear.drag-over-clear{border-color:var(--danger)!important;border-style:solid!important;background:var(--danger-dim)!important;transform:scale(1.05);box-shadow:0 8px 20px var(--danger-dim)!important}.category-icon{font-size:var(--fs-2xl);margin-bottom:.5rem}.category-name{font-weight:600;color:var(--text-primary);font-size:var(--fs-base);text-transform:capitalize}.category-count{font-size:var(--fs-sm);color:var(--text-secondary)}.groups-section{margin-top:2rem}.groups-section h3{color:var(--text-primary);margin-bottom:1rem;font-size:var(--fs-md)}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.product-group-card{background:var(--ink-850);border:2px solid var(--border);border-radius:12px;padding:1rem;transition:all .3s ease;cursor:default;position:relative}.product-group-card:active{cursor:grabbing}.product-group-card:hover{border-color:var(--accent-line);box-shadow:var(--shadow-md);transform:translateY(-2px)}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.group-badge{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-press) 100%);color:var(--ink-950);padding:.25rem .75rem;border-radius:20px;font-size:var(--fs-sm);font-weight:600}.category-badge{background:linear-gradient(135deg,var(--success) 0%,var(--shopify-green-dark) 100%);color:var(--ink-950);padding:.35rem .85rem;border-radius:20px;font-size:var(--fs-sm);font-weight:700;text-transform:capitalize;box-shadow:0 2px 6px var(--success-dim)}.group-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.group-image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid var(--border);background:var(--ink-800);transition:transform .15s ease,border-color .15s ease}.group-image-item .lazy-skeleton{position:absolute;inset:0;border-radius:6px}.group-image-item img{width:100%;height:100%;object-fit:cover;border-radius:6px}.group-image-item img.lazy-img{position:absolute;inset:0}.photo-draggable{cursor:grab;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease,border-color .12s ease}.photo-draggable:active{cursor:grabbing}.photo-dragging{opacity:.3;transform:scale(.88);border:2px solid var(--accent)!important;box-shadow:none!important}.photo-drag-over{border:2px dashed var(--success)!important;box-shadow:0 0 0 3px var(--success-dim),inset 0 0 0 2px var(--success-dim);transform:scale(1.1);background:var(--success-dim)}.group-drag-handle{position:absolute;top:10px;right:10px;color:var(--text-muted);cursor:grab;padding:4px;border-radius:6px;transition:color .15s ease,background .15s ease;z-index:20;line-height:0}.group-drag-handle:hover{color:var(--accent);background:var(--accent-dim)}.group-drag-handle:active{cursor:grabbing}.group-dragging{opacity:.4;transform:scale(.97)}.group-drag-over{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-line),0 6px 20px var(--accent-glow);background:var(--ink-750)}.group-position-badge{position:absolute;top:10px;left:10px;background:#0000008c;color:var(--text-primary);font-size:var(--fs-2xs);font-weight:700;padding:2px 7px;border-radius:10px;z-index:20;letter-spacing:.02em}.reorder-hint{font-size:var(--fs-xs);color:var(--text-secondary);margin:-.5rem 0 1rem;padding:.4rem .75rem;background:var(--ink-850);border-radius:6px;border:1px solid var(--border);display:inline-block}@media(max-width:768px){.category-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.category-zone{padding:1rem .5rem;min-height:100px}.category-icon{font-size:var(--fs-xl)}.groups-grid{grid-template-columns:1fr}}.category-indicator{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,var(--success) 0%,var(--shopify-green-dark) 100%);color:var(--ink-950);padding:.5rem 1rem;border-radius:20px;font-size:var(--fs-sm);font-weight:600;box-shadow:0 4px 12px var(--success-dim);display:flex;align-items:center;gap:.5rem;z-index:10;animation:categoryAssigned .3s ease-out}.category-check{font-weight:700;font-size:var(--fs-base)}.category-label{text-transform:capitalize;white-space:nowrap}.product-group-card.has-category{border-color:var(--success);box-shadow:0 4px 12px var(--success-dim);background:linear-gradient(to bottom,var(--success-dim) 0%,var(--ink-850) 100%)}@keyframes categoryAssigned{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.category-zone,.cz-gender-row button{touch-action:manipulation}@media(max-width:640px){.category-zones-container.compact .category-zones{padding:.5rem .6rem;border-radius:0;background:none}.category-zones-container.compact .cz-heading,.category-zones-container.compact .cz-search{display:none}.cz-gender-row{margin-bottom:.4rem!important;gap:.35rem!important}.cz-gender-row button{min-height:40px;padding:.3rem .9rem!important;font-size:var(--fs-sm)!important}.cz-selection-hint{font-size:var(--fs-sm)!important;color:var(--text-secondary)!important;margin-bottom:.35rem!important}.category-zones-container.compact .category-list{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:.4rem;padding-bottom:.25rem}.category-zones-container.compact .category-zone{flex:0 0 auto;min-height:var(--tap, 44px);padding:.5rem .85rem;white-space:nowrap;border-style:solid;border-width:2px}.category-zones-container.compact .category-zone .category-name{flex:0 0 auto;font-size:var(--fs-sm)}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.comprehensive-product-form{display:flex;flex-direction:column;gap:.6rem}.form-section-flat{border:1px solid var(--border);border-radius:10px;background:var(--ink-800);padding:.6rem .75rem .75rem}.form-section-title{display:flex;align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:var(--fs-2xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle);padding-bottom:.3rem}.fields-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem .6rem;margin-bottom:.4rem}.fields-row:last-child{margin-bottom:0}.fields-row--span2{grid-column:span 2}.info-item{display:flex;flex-direction:column}.info-item label{display:flex;align-items:center;gap:.3rem;font-weight:700;margin-bottom:.2rem;color:var(--accent);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.04em}.info-input{width:100%;padding:.3rem .4rem;border:1px solid var(--border);border-radius:4px;font-size:var(--fs-xs);transition:all .2s;background:var(--ink-850);color:var(--text-primary)}.info-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.info-input::placeholder{color:var(--text-faint);font-style:italic}.preset-badge{display:inline-flex;align-items:center;font-size:var(--fs-2xs);font-weight:600;color:var(--accent);background:var(--accent-dim);padding:2px 8px;border-radius:10px;border:1px solid var(--accent-line);cursor:help;white-space:nowrap}.measurements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.4rem}.button{padding:.3rem .7rem;border-radius:4px;font-size:var(--fs-xs);font-weight:500;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:.5rem}.button-secondary{background:var(--ink-750);color:var(--text-primary);border:1px solid var(--border)}.button-secondary:hover{background:var(--ink-700);border-color:var(--border-strong)}@media(max-width:900px){.fields-row{grid-template-columns:repeat(2,1fr)}.fields-row--span2{grid-column:span 2}}@media(max-width:600px){.fields-row{grid-template-columns:1fr}.fields-row--span2{grid-column:span 1}.measurements-grid{grid-template-columns:1fr}}textarea.info-input{resize:vertical;min-height:80px;font-family:inherit}select.info-input{cursor:pointer;background:var(--ink-850);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a8a8b3' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}input[type=number].info-input{appearance:textfield;-moz-appearance:textfield}input[type=number].info-input::-webkit-inner-spin-button,input[type=number].info-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field-required-empty{border-color:var(--danger)!important;box-shadow:0 0 0 2px #f871714d!important;animation:fieldRequiredPulse 1.8s ease-in-out 2}@keyframes fieldRequiredPulse{0%,to{box-shadow:0 0 0 2px #f871714d}50%{box-shadow:0 0 0 4px #f8717180}}.field-required-empty:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-dim)!important;animation:none}.measurement-needed-badge{display:inline-block;margin-left:.3rem;padding:.05rem .4rem;border-radius:10px;background:var(--warning-dim);color:var(--warning);font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle}.info-input,.comprehensive-product-form .button{touch-action:manipulation}@media(max-width:640px){.comprehensive-product-form{gap:.5rem}.fields-row{grid-template-columns:minmax(0,1fr);gap:.5rem;margin-bottom:.5rem}.fields-row--span2{grid-column:span 1}.measurements-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.info-input{min-height:var(--tap, 44px);padding:.5rem .6rem}select.info-input{padding-right:2.2rem}.info-item label{font-size:var(--fs-xs);margin-bottom:.25rem}.form-section-flat{padding:.5rem .6rem .6rem}.form-section-title{margin:-.5rem -.6rem .5rem;padding:.45rem .6rem;background:var(--ink-850);border-bottom:1px solid var(--border);border-radius:10px 10px 0 0;font-size:var(--fs-xs)}.comprehensive-product-form .button{min-height:var(--tap, 44px);font-size:var(--fs-sm);justify-content:center}}.brand-spelling{display:flex;flex-direction:column;gap:.35rem;margin-top:.3rem}.bs-notice{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding:.35rem .5rem;border-radius:.5rem;border:1px solid var(--ink-700);background:var(--ink-850);font-size:var(--fs-2xs);line-height:var(--lh-snug);color:var(--text-secondary)}.bs-notice--applied{border-color:var(--success);background:var(--success-dim);color:var(--text-primary)}.bs-notice--suggest,.bs-notice--remember{border-color:var(--warning);background:var(--warning-dim);color:var(--text-primary)}.bs-notice-text{flex:1 1 auto;min-width:0}.bs-notice strong{color:var(--text-primary)}.bs-link{background:none;border:none;padding:.15rem .3rem;border-radius:.35rem;font-size:var(--fs-2xs);font-weight:600;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:.2rem;flex-shrink:0}.bs-link:hover:not(:disabled){background:var(--ink-750);color:var(--text-primary)}.bs-link:disabled{opacity:.5;cursor:default}.bs-link--primary{color:var(--accent)}.bs-link--danger{color:var(--danger)}.bs-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.1rem;line-height:0;flex-shrink:0}.bs-close:hover{color:var(--text-primary)}.bs-toggle{align-self:flex-start;display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;padding:.1rem 0;font-size:var(--fs-2xs);color:var(--text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.bs-toggle:hover{color:var(--text-primary)}.bs-panel{border:1px solid var(--ink-700);border-radius:.5rem;background:var(--ink-900);padding:.5rem;display:flex;flex-direction:column;gap:.4rem}.bs-hint,.bs-empty{margin:0;font-size:var(--fs-2xs);line-height:var(--lh-snug);color:var(--text-muted)}.bs-error{margin:0;font-size:var(--fs-2xs);color:var(--danger);font-weight:600}.bs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem;max-height:16rem;overflow-y:auto}.bs-row{display:flex;align-items:center;gap:.35rem;font-size:var(--fs-2xs);padding:.2rem .25rem;border-radius:.35rem}.bs-row:hover{background:var(--ink-850)}.bs-heard,.bs-preferred{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-heard{flex:1 1 0;color:var(--text-muted);font-style:italic}.bs-preferred{flex:1 1 0;color:var(--text-primary);font-weight:600}.bs-arrow{color:var(--text-faint);flex-shrink:0}.bs-confirm{display:inline-flex;gap:.15rem;flex-shrink:0}.bs-icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.15rem;line-height:0;border-radius:.3rem;flex-shrink:0}.bs-icon-btn:hover{color:var(--danger);background:var(--ink-750)}.bs-add{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.bs-input{flex:1 1 8rem;min-width:0;font-size:var(--fs-2xs);padding:.25rem .4rem;border:1px solid var(--ink-700);border-radius:.35rem;background:var(--ink-950);color:var(--text-primary)}.bs-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.bs-add-btn{display:inline-flex;align-items:center;gap:.2rem;font-size:var(--fs-2xs);font-weight:600;padding:.25rem .5rem;border:none;border-radius:.35rem;background:var(--accent);color:var(--ink-950);cursor:pointer;flex-shrink:0}.bs-add-btn:disabled{opacity:.45;cursor:default}.brand-spelling--full .bs-list{max-height:28rem}@media(max-width:768px){.bs-link,.bs-add-btn,.bs-icon-btn{min-height:var(--tap, 44px)}.bs-add{flex-direction:column;align-items:stretch}.bs-add .bs-arrow{display:none}.bs-input{flex:1 1 auto}}.llp{margin:.75rem 0;padding:.7rem .8rem;background:var(--ink-850);border:1px solid var(--border-subtle);border-radius:8px}.llp-head{display:flex;align-items:center;gap:.35rem;margin-bottom:.5rem;color:var(--text-secondary)}.llp-title{font-size:var(--fs-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.llp-scope{margin-left:auto;font-size:var(--fs-2xs);color:var(--text-muted)}.llp-chips{display:flex;flex-wrap:wrap;gap:.35rem}.llp-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.3rem .7rem;font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-tight);border:1px solid var(--border);border-radius:999px;background:var(--ink-800);color:var(--text-secondary);cursor:pointer}.llp-chip:hover:not(:disabled){background:var(--ink-750)}.llp-chip:disabled{cursor:default}.llp-chip--partial{border-style:dashed}.llp-chip--static{cursor:default}.llp-dot{width:9px;height:9px;border-radius:50%;border:1px solid rgb(0 0 0 / .18);flex-shrink:0}.llp-kind{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.llp-partial{font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;opacity:.8}.llp-chip--add{border-style:dashed;color:var(--text-muted)}.llp-spin{animation:llp-spin .9s linear infinite}@keyframes llp-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.llp-spin{animation:none}}.llp-new{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.5rem}.llp-new-name{font-size:var(--fs-md);min-height:44px;padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--ink-800);color:var(--text-primary);width:100%}.llp-new-colors{display:flex;flex-wrap:wrap;gap:.3rem}.llp-swatch{width:30px;height:30px;border-radius:50%;border:2px solid var(--border);cursor:pointer;outline-offset:3px}.llp-swatch--on{border-color:var(--text-primary);outline:2px solid var(--text-primary)}.llp-new-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem}.llp-new-kind{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;font-size:var(--fs-sm);color:var(--text-secondary);cursor:pointer}.llp-new-kind input{width:16px;height:16px}.llp-new-actions{display:flex;gap:.4rem;margin-left:auto}.llp-btn{display:inline-flex;align-items:center;gap:.3rem;min-height:44px;padding:.35rem .8rem;font-size:var(--fs-sm);font-weight:600;border:1px solid var(--border);border-radius:6px;background:var(--ink-800);color:var(--text-primary);cursor:pointer}.llp-btn:hover:not(:disabled){background:var(--ink-750)}.llp-btn:disabled{opacity:.45;cursor:default}.llp-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--ink-950)}.llp-btn--primary:hover:not(:disabled){opacity:.88;background:var(--accent)}.llp-error{margin:.5rem 0 0;font-size:var(--fs-xs);color:var(--danger)}@media(max-width:480px){.llp-new-actions{margin-left:0;width:100%}.llp-btn{flex:1;justify-content:center}}.google-sheet-exporter{width:100%}.export-summary{margin-bottom:2rem}.export-summary h3{margin-bottom:1rem;color:var(--text-primary)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-press) 100%);color:var(--ink-950);padding:1.5rem;border-radius:8px;text-align:center;display:flex;flex-direction:column;gap:.5rem}.stat-number{font-size:var(--fs-xl);font-weight:700}.stat-label{font-size:var(--fs-sm);opacity:.9}.google-sheets-input-section{background:var(--ink-900);border:2px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.google-sheets-input-section h3{margin-top:0;margin-bottom:.5rem;color:var(--accent)}.sheet-url-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.sheet-url-input{flex:1;padding:.75rem;background:var(--ink-850);color:var(--text-primary);border:2px solid var(--border);border-radius:6px;font-size:var(--fs-base);font-family:monospace;transition:border-color .2s}.sheet-url-input:focus{outline:none;border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-dim)}.sheet-url-input::placeholder{color:var(--text-faint);font-family:monospace;font-style:italic}.sheet-url-saved{background:var(--success-dim);border:2px solid var(--success);color:var(--success);padding:.75rem;border-radius:6px;margin-bottom:1rem;font-weight:500}.sheet-url-saved a{color:var(--success);text-decoration:none;font-family:monospace;font-size:var(--fs-sm)}.sheet-url-saved a:hover{text-decoration:none}.sheet-url-help{background:var(--ink-850);border:1px solid var(--border-subtle);border-radius:6px;padding:1rem;font-size:var(--fs-sm)}.sheet-url-help p{margin:0 0 .5rem;font-weight:600;color:var(--text-primary)}.sheet-url-help ol{margin:0;padding-left:1.5rem;color:var(--text-secondary)}.sheet-url-help li{margin-bottom:.25rem}.export-preview{margin-bottom:2rem}.export-preview h3{margin-bottom:1rem;color:var(--text-primary)}.table-container{overflow-x:auto;background:var(--ink-850);border-radius:8px;border:1px solid var(--border)}.preview-table{width:100%;border-collapse:collapse}.preview-table th{background:var(--ink-800);padding:1rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border);color:var(--text-primary)}.preview-table td{padding:.75rem 1rem;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.description-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-note{padding:1rem;text-align:center;color:var(--text-secondary);font-style:italic}.export-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.export-instructions{background:var(--accent-dim);padding:1.5rem;border-radius:8px;border-left:4px solid var(--accent)}.export-instructions h3{margin-bottom:1rem;color:var(--accent)}.export-instructions ol{margin-left:1.5rem}.export-instructions li{margin-bottom:.5rem;color:var(--text-primary)}@media(max-width:768px){.export-actions{flex-direction:column}.export-actions button{width:100%}}.table-container{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y}@media(max-width:1024px){.preview-table th:first-child,.preview-table td:first-child{position:sticky;left:0;z-index:1;background:var(--ink-850);box-shadow:inset -1px 0 0 var(--border)}.preview-table thead th:first-child{z-index:3;background:var(--ink-800)}}@media(max-width:640px){.export-summary h3,.export-preview h3{font-size:var(--fs-md)}.summary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.stat-card{padding:.75rem .4rem;gap:.2rem}.stat-number{font-size:var(--fs-lg)}.stat-label{font-size:var(--fs-2xs)}.export-price-gate{font-size:var(--fs-base)!important;line-height:var(--lh-snug, 1.35)}.export-actions{flex-direction:column}.export-actions button{width:100%;min-height:48px}.export-instructions{padding:.9rem}.export-instructions ol{margin-left:1rem}.sheet-url-input-group{flex-direction:column}.sheet-url-input{width:100%}}.export-platform{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:1rem 0 .75rem;padding:.9rem 1rem;background:var(--ink-850);border:1px solid var(--border-subtle);border-radius:8px}.export-platform-label{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.export-platform-select{font-size:var(--fs-md);padding:.5rem .7rem;min-height:44px;border:1px solid var(--border);border-radius:6px;background:var(--ink-800);color:var(--text-primary)}.export-platform-note{margin:0;font-size:var(--fs-sm);color:var(--text-muted)}.export-platform-note--on{color:var(--warning);font-weight:600}@media(max-width:560px){.export-platform{flex-direction:column;align-items:stretch}.export-platform-select{width:100%}}.wsmenu-wrap{position:relative;display:inline-block}.wsmenu-trigger{display:flex;align-items:center;gap:.5rem;max-width:260px}.wsmenu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wsmenu-caret{flex-shrink:0;transition:transform .15s}.wsmenu-caret--open{transform:rotate(180deg)}.wsmenu-scrim{display:none;position:fixed;inset:0;z-index:1000;background:#0000008c;animation:wsmenu-fade var(--dur-fast, .12s) var(--ease, ease)}.wsmenu-pop{position:fixed;top:var(--wsmenu-top, 4rem);right:var(--wsmenu-right, 1rem);z-index:1001;width:272px;max-width:calc(100vw - 2rem);max-height:calc(100dvh - var(--wsmenu-top, 4rem) - 1rem);overflow-y:auto;overscroll-behavior:contain;background:var(--ink-800);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);padding:.35rem;color:var(--text-primary);animation:wsmenu-pop-in var(--dur-fast, .12s) var(--ease, ease)}.wsmenu-id{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .6rem .6rem;border-bottom:1px solid var(--border-subtle);margin-bottom:.3rem}.wsmenu-id-org{display:flex;align-items:center;gap:.4rem;font-weight:700;color:var(--text-primary);font-size:var(--fs-sm)}.wsmenu-role{font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;padding:.1rem .4rem;border-radius:20px;background:var(--ink-750);color:var(--text-secondary)}.wsmenu-role-owner{background:var(--gold-dim);color:var(--gold)}.wsmenu-role-admin{background:var(--accent-dim);color:var(--accent)}.wsmenu-id-email{font-size:var(--fs-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wsmenu-group-label{margin:.3rem 0 .15rem;padding:0 .6rem;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.wsmenu-sep{height:1px;margin:.3rem .35rem;background:var(--border-subtle)}.wsmenu-item{display:flex;align-items:center;gap:.5rem;width:100%;min-height:36px;background:none;border:none;border-radius:8px;padding:.45rem .6rem;font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);cursor:pointer;text-align:left;touch-action:manipulation}.wsmenu-item:hover{background:var(--ink-750)}.wsmenu-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.wsmenu-item-icon{display:inline-flex;flex-shrink:0;color:var(--text-secondary)}.wsmenu-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wsmenu-item--on{background:var(--ink-750);font-weight:700}.wsmenu-item--on:hover{background:var(--ink-700)}.wsmenu-item--on .wsmenu-item-icon{color:var(--text-primary)}.wsmenu-item-check{flex-shrink:0;color:var(--accent)}.wsmenu-item--back .wsmenu-item-icon{color:var(--accent)}.wsmenu-item--danger,.wsmenu-item--danger .wsmenu-item-icon{color:var(--danger)}.wsmenu-item--danger:hover{background:var(--danger-dim)}.wsmenu-badge{flex-shrink:0;min-width:1.6em;padding:.1em .45em;border-radius:999px;background:var(--danger);color:#fff;font-size:var(--fs-2xs);font-weight:700;line-height:1.4;text-align:center}@media(pointer:coarse){.wsmenu-item{min-height:var(--tap)}}@media(max-width:640px){.wsmenu-scrim{display:block}.wsmenu-pop{inset:auto 0 0;width:100%;max-width:none;max-height:80dvh;border:none;border-radius:var(--radius-xl, 1rem) var(--radius-xl, 1rem) 0 0;padding:.35rem .35rem calc(.35rem + var(--safe-b));padding-left:max(.35rem,var(--safe-l));padding-right:max(.35rem,var(--safe-r));animation:wsmenu-sheet-in var(--dur, .18s) var(--ease, ease)}.wsmenu-item{font-size:var(--fs-base);padding:.5rem .7rem}.wsmenu-group-label{padding:0 .7rem}}@keyframes wsmenu-fade{0%{opacity:0}}@keyframes wsmenu-pop-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes wsmenu-sheet-in{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.wsmenu-scrim,.wsmenu-pop{animation:none}}.waitlist-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ink-950) 0%,var(--ink-900) 100%);padding:1.5rem}.waitlist-card{background:var(--ink-850);border-radius:16px;max-width:440px;width:100%;padding:2.2rem 2rem;text-align:center;box-shadow:var(--shadow-xl)}.waitlist-brand{font-size:var(--fs-md);font-weight:800;color:var(--accent);display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.4rem}.waitlist-chip{font-size:var(--fs-2xs);font-weight:800;background:var(--gold);color:var(--ink-950);padding:.12rem .45rem;border-radius:999px;letter-spacing:.08em}.waitlist-card h1{font-size:var(--fs-lg);color:var(--text-primary);margin-bottom:.6rem}.waitlist-card p{color:var(--text-secondary);font-size:var(--fs-base);line-height:1.55}.waitlist-form{display:flex;flex-direction:column;gap:.6rem;margin-top:1.1rem}.waitlist-form input{padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:var(--fs-base);background:var(--ink-900);color:var(--text-primary)}.waitlist-form input:focus{outline:2px solid var(--accent-line);border-color:var(--accent)}.waitlist-form button{background:linear-gradient(135deg,var(--accent),var(--accent-press));color:var(--ink-950);font-weight:800;font-size:var(--fs-base);padding:.7rem;border:none;border-radius:8px;cursor:pointer}.waitlist-form button:disabled{opacity:.6;cursor:default}.waitlist-error{color:var(--danger);font-weight:700;font-size:var(--fs-sm);margin-top:.4rem}.waitlist-footnote{margin-top:1.4rem;font-size:var(--fs-xs);color:var(--text-muted)}.waitlist-signout{margin-top:.9rem;background:none;border:none;color:var(--accent);font-size:var(--fs-xs);font-weight:700;cursor:pointer;text-decoration:none}@media(max-width:640px){.waitlist-form input{font-size:var(--fs-md);min-height:var(--tap)}.waitlist-form button{min-height:var(--tap)}.waitlist-signout{min-height:var(--tap);padding:0 var(--space-2)}.waitlist-gate{padding:var(--space-3);padding-left:max(var(--space-3),var(--safe-l));padding-right:max(var(--space-3),var(--safe-r))}.waitlist-card{padding:1.8rem 1.4rem}}.landing{font-size:16px;color:var(--text-primary);background:var(--ink-950);line-height:1.6;min-height:100vh}.landing h1,.landing h2,.landing h3,.landing p,.landing ul{margin:0}.landing ul{padding:0;list-style:none}.ld-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#000000e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100}.ld-logo{display:flex;align-items:center;gap:8px;font-size:22px;color:#fff}.ld-chip{font-size:10px;font-weight:800;background:var(--gold);color:#fff;padding:2px 8px;border-radius:999px;letter-spacing:1px}.ld-nav-actions{display:flex;align-items:center;gap:14px}.ld-nav-link{color:#ffffffb8;font-size:14px;font-weight:700;text-decoration:none}.ld-nav-link:hover{color:#fff}.ld-nav-cta{background:#ffffff1f;color:#fff;font-size:14px;font-weight:800;padding:8px 14px;border-radius:8px;text-decoration:none}.ld-nav-login{background:#fff;color:#000;font-size:14px;font-weight:800;padding:8px 18px;border:none;border-radius:8px;cursor:pointer}.ld-nav-login:hover{background:#ffffffe0}.ld-hero{background:linear-gradient(135deg,var(--accent-glow) 0%,var(--accent-dim) 55%,transparent 100%),var(--ink-900);color:var(--text-primary);text-align:center;padding:72px 0 0}.ld-hero-inner{padding:0 24px 44px}.ld-hero h1{font-size:clamp(30px,4.5vw,50px);line-height:1.15;font-weight:800}.ld-hero p{max-width:640px;margin:22px auto 32px;font-size:18px;color:var(--text-secondary)}.ld-hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.ld-btn-primary{background:var(--accent);color:var(--ink-950);font-size:17px;font-weight:800;padding:14px 28px;border-radius:10px;text-decoration:none;box-shadow:var(--shadow-accent)}.ld-btn-ghost{color:var(--text-primary);font-size:17px;font-weight:700;padding:14px 22px;border:1px solid var(--border-strong);border-radius:10px;text-decoration:none}.ld-hero-note{margin-top:22px!important;font-size:13px!important;color:var(--text-muted)!important}.ld-photo{width:100%;margin:0;overflow:hidden;background:var(--ink-850);position:relative}.ld-photo img{display:block;width:100%;height:100%;object-fit:cover;max-width:100%}.ld-hero-media{aspect-ratio:24 / 9;max-height:460px}.ld-hero-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#fff0 62%,#ffffffe6)}@media(max-width:820px){.ld-hero-media{aspect-ratio:16 / 9}}@media(max-width:560px){.ld-hero-media{aspect-ratio:5 / 4}.ld-hero-inner{padding-bottom:32px}.ld-nav{padding:12px 16px;gap:10px}.ld-nav-actions{gap:8px}.ld-nav-link{display:none}.ld-nav-cta{padding:8px 10px}.ld-nav-login{padding:8px 12px}.ld-logo{font-size:17px;gap:6px}}.ld-stats{max-width:1040px;margin:-34px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.ld-stats div{background:var(--ink-850);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:2px}.ld-stats strong{font-size:20px;color:var(--accent)}.ld-stats span{font-size:13px;color:var(--text-secondary)}.ld-tour{max-width:1040px;margin:64px auto 0;padding:0 24px;display:flex;flex-direction:column;gap:72px}.ld-tour-row{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}.ld-tour-row--flip .ld-tour-text{order:2}.ld-tour-row--flip .ld-tour-visual{order:1}@media(max-width:820px){.ld-tour-row{grid-template-columns:1fr}.ld-tour-row--flip .ld-tour-text{order:1}.ld-tour-row--flip .ld-tour-visual{order:2}}.ld-tour-visual{display:flex;flex-direction:column;gap:14px;min-width:0}.ld-tour-photo{aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md)}.ld-tour-text h2{font-size:26px;color:var(--text-primary);margin-bottom:12px}.ld-tour-text p{font-size:16px;color:var(--text-secondary);margin-bottom:14px}.ld-tour-text li{position:relative;padding:5px 0 5px 22px;font-size:15px;color:var(--text-secondary)}.ld-tour-text li:before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.ld-shot{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--ink-850);box-shadow:var(--shadow-lg)}.shot-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--ink-800);border-bottom:1px solid var(--border)}.shot-bar i{width:10px;height:10px;border-radius:50%;background:var(--ink-700)}.shot-bar i:nth-child(1){background:var(--danger)}.shot-bar i:nth-child(2){background:var(--warning)}.shot-bar i:nth-child(3){background:var(--success)}.shot-bar em{font-style:normal;font-size:11px;color:var(--text-muted);margin-left:8px;font-weight:600}.shot-mock{padding:14px}.mock-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.mock-toolbar b{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-line);padding:4px 8px;border-radius:6px}.mock-toolbar .mk-green{background:var(--accent);border-color:var(--accent);color:var(--ink-950)}.mock-toolbar .mk-red{background:var(--danger);border-color:var(--danger);color:var(--ink-950)}.mock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mock-card{aspect-ratio:110 / 128;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffffffd9}.mock-card--sel{outline:3px solid var(--accent);outline-offset:-3px}.mock-groupcard{margin-top:10px;border:2px solid var(--accent-line);border-radius:8px;padding:8px}.mock-grouplabel{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:var(--ink-950);background:var(--accent);border-radius:999px;padding:2px 9px}.mock-groupthumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.mock-groupthumbs i{aspect-ratio:1;border-radius:6px}.mock-mic{display:inline-flex;align-items:center;gap:8px;background:var(--danger-dim);color:var(--danger);font-size:13px;font-weight:800;padding:6px 12px;border-radius:999px}.mock-wave{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.mock-wave i{width:3px;background:var(--danger);border-radius:2px;animation:ld-wave .9s ease-in-out infinite}.mock-wave i:nth-child(1){height:6px;animation-delay:0s}.mock-wave i:nth-child(2){height:12px;animation-delay:.15s}.mock-wave i:nth-child(3){height:8px;animation-delay:.3s}.mock-wave i:nth-child(4){height:14px;animation-delay:.45s}.mock-wave i:nth-child(5){height:7px;animation-delay:.6s}@keyframes ld-wave{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1)}}.mock-transcript{margin:12px 0;font-size:13px;font-style:italic;color:var(--text-secondary);background:var(--ink-900);border:1px dashed var(--border);border-radius:8px;padding:10px 12px}.mock-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mock-fields div{border:1px solid var(--border);border-radius:8px;padding:7px 10px;display:flex;flex-direction:column;min-width:0}.mock-fields label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:700}.mock-fields b{font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.mock-desc{margin-top:12px;display:flex;flex-direction:column;gap:7px}.mock-desc i{height:8px;border-radius:4px;background:var(--ink-750)}.mock-thead,.mock-trow{display:grid;grid-template-columns:1.3fr 1.6fr .7fr 1fr .5fr;gap:8px;padding:8px 6px}.mock-thead{border-bottom:2px solid var(--border-strong)}.mock-thead b{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.mock-trow{border-bottom:1px solid var(--border-subtle)}.mock-trow span{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mock-download{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,var(--success),var(--shopify-green-dark));color:var(--ink-950);font-size:13px;font-weight:800;padding:10px;border-radius:8px}.ld-founding{max-width:1040px;margin:80px auto 0;padding:0 24px}.ld-founding h2{text-align:center;font-size:28px;margin-bottom:26px}.ld-founding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.ld-founding-grid>div{background:var(--ink-850);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:var(--shadow-md)}.ld-ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--accent-dim);color:var(--accent);margin-bottom:10px}.ld-founding-grid h3{font-size:16px;color:var(--text-primary);margin-bottom:5px}.ld-founding-grid p{font-size:14px;color:var(--text-secondary)}.ld-pricing{max-width:1040px;margin:80px auto 0;padding:0 24px}.ld-pricing h2{text-align:center;font-size:28px}.landing .ld-pricing-sub{text-align:center;color:var(--text-secondary);font-size:15px;max-width:560px;margin:10px auto 30px}.ld-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;align-items:stretch}.ld-tier{position:relative;background:var(--ink-850);border:1px solid var(--border);border-radius:16px;padding:26px 22px;box-shadow:var(--shadow-md)}.ld-tier--featured{border:2px solid var(--accent);box-shadow:var(--shadow-accent)}.ld-tier-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--ink-950);font-size:11px;font-weight:800;letter-spacing:.5px;padding:4px 12px;border-radius:999px}.ld-tier h3{font-size:17px;color:var(--text-primary)}.ld-tier-price{font-size:38px;font-weight:800;color:var(--accent);margin:6px 0 14px}.ld-tier-price span{font-size:15px;font-weight:600;color:var(--text-muted)}.ld-tier li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--text-secondary);padding:5px 0}.ld-tier li svg{flex:0 0 auto;margin-top:3px;color:var(--success)}.landing .ld-pricing-note{text-align:center;font-size:12px;color:var(--text-muted);margin-top:18px}.ld-signup{max-width:780px;margin:80px auto 0;padding:32px 26px 36px;background:var(--ink-850);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg)}.ld-signup-photo{aspect-ratio:12 / 5;margin:-32px -26px 24px;border-radius:15px 15px 0 0}@media(max-width:560px){.ld-signup-photo{aspect-ratio:16 / 9}}.ld-signup h2{font-size:28px;text-align:center}.landing .ld-signup-sub{text-align:center;color:var(--text-secondary);margin:10px auto 24px;max-width:520px;font-size:15px}.ld-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}@media(max-width:560px){.ld-form-row{grid-template-columns:1fr}}.ld-signup label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:var(--text-secondary)}.ld-signup input,.ld-signup select{font-size:15px;padding:10px 11px;border:1px solid var(--border);border-radius:8px;font-weight:400;background:var(--ink-900)}.ld-signup input:focus,.ld-signup select:focus{outline:2px solid var(--accent-line);border-color:var(--accent)}.ld-signup input:disabled,.ld-signup select:disabled{background:var(--ink-850);color:var(--text-faint)}.ld-signup button[type=submit]{width:100%;margin-top:6px;background:linear-gradient(135deg,var(--accent),var(--accent-press));color:var(--ink-950);font-size:17px;font-weight:800;padding:14px;border:none;border-radius:10px;cursor:pointer}.ld-signup button[type=submit]:disabled{opacity:.65;cursor:default}.landing .ld-form-msg{margin-top:13px;text-align:center;font-size:14px}.ld-form-msg--ok{color:var(--success);font-weight:700}.ld-form-msg--err{color:var(--danger);font-weight:700}.landing .ld-signup-login{text-align:center;margin-top:16px;font-size:14px;color:var(--text-secondary)}.landing .ld-signup-login button{background:none;border:none;color:var(--accent);font-weight:800;font-size:14px;cursor:pointer;text-decoration:none}.ld-footer{text-align:center;color:var(--text-muted);font-size:13px;padding:56px 16px 32px}.landing .ld-credit{margin-top:10px;font-size:12px;color:var(--text-muted)}.landing .ld-credit a{color:var(--text-muted);text-decoration:none;text-underline-offset:2px}.landing .ld-credit a:hover{color:var(--text-secondary)}.ld-tier-founder{display:inline-block;font-size:12px;font-weight:800;color:var(--gold);background:var(--gold-dim);border-radius:999px;padding:3px 10px;margin-bottom:12px}.landing .ld-form-msg--ok{color:var(--success);font-weight:700}.landing .ld-form-msg--err{color:var(--danger);font-weight:700}.mock-preset-head{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--ink-950);background:var(--success);border-radius:999px;padding:5px 12px;margin-bottom:12px}.mock-preset-rows{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mock-preset-rows div{border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;min-width:0}.mock-preset-rows label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:700}.mock-preset-rows b{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-preset-apply{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--success-dim);border:1px solid var(--success);color:var(--success);font-size:13px;font-weight:800;padding:9px;border-radius:8px}.ld-math{max-width:1040px;margin:80px auto 0;padding:36px 24px;background:var(--accent-dim);border-radius:20px;text-align:center}.ld-math h2{font-size:28px;color:var(--text-primary)}.landing .ld-math-sub{max-width:640px;margin:12px auto 26px;color:var(--text-secondary);font-size:15px}.ld-math-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.ld-math-grid>div{background:var(--ink-850);border:1px solid var(--accent-line);border-radius:14px;padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:4px}.ld-math-grid strong{font-size:22px;color:var(--accent)}.ld-math-grid p{font-size:13px;color:var(--text-secondary)}.ld-tiers--ladder{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px}.ld-tiers--ladder .ld-tier{padding:20px 18px 16px}.ld-tiers--ladder .ld-tier-price{font-size:30px;margin:4px 0 10px}.ld-tier-items{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.ld-tier-peritem{display:inline-block;font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-dim);border-radius:999px;padding:3px 10px;margin-bottom:10px}.landing .ld-tier-includes{display:flex;align-items:flex-start;justify-content:center;gap:6px;text-align:center;color:var(--text-secondary);font-size:13px;max-width:640px;margin:22px auto 0}.landing .ld-tier-includes svg{flex:0 0 auto;margin-top:2px;color:var(--success)}@media(max-width:560px){.ld-nav-cta,.ld-nav-login{display:inline-flex;align-items:center;min-height:44px}.ld-hero h1{font-size:clamp(28px,7.6vw,34px)}.ld-hero p{font-size:16px;margin:18px auto 26px}.ld-hero-ctas{flex-direction:column;align-items:stretch}.ld-btn-primary,.ld-btn-ghost{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:16px}.ld-founding h2,.ld-pricing h2,.ld-math h2,.ld-signup h2{font-size:23px}.ld-tier{padding:22px 18px}.ld-tiers--ladder .ld-tier{padding:18px 16px}.ld-signup{padding:26px 18px 30px;border-radius:14px}.ld-signup-photo{margin:-26px -18px 20px;border-radius:13px 13px 0 0}.ld-signup input,.ld-signup select{font-size:16px;min-height:44px;width:100%}.ld-signup button[type=submit]{min-height:48px}.landing .ld-signup-login button{min-height:44px;padding:0 8px}}.sw-root{position:fixed;right:1.75rem;bottom:1.75rem;z-index:5000;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;pointer-events:none}.sw-root>*{pointer-events:auto}.sw-fab{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;border-radius:999px;border:none;background:var(--accent);color:var(--ink-950);font-size:var(--fs-base);font-weight:700;cursor:pointer;box-shadow:0 6px 20px #0000002e;transition:transform var(--ease, .15s),box-shadow .15s}.sw-fab:hover{transform:translateY(-1px);box-shadow:0 8px 24px #00000038}.sw-fab--open{background:var(--ink-700);color:var(--text-primary);box-shadow:none}.sw-badge{min-width:1.6em;padding:.1em .45em;border-radius:999px;background:var(--danger);color:#fff;font-size:var(--fs-2xs);font-weight:700;line-height:1.4;text-align:center}.sw-panel{width:min(400px,calc(100vw - 2rem));height:min(560px,calc(100vh - 8rem));display:flex;flex-direction:column;background:var(--ink-800);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:0 16px 48px #0000002e;overflow:hidden}.sw-head{display:flex;align-items:center;gap:.4rem;padding:.7rem .75rem;border-bottom:1px solid var(--border-subtle);background:var(--ink-850)}.sw-title{flex:1;min-width:0;display:flex;flex-direction:column}.sw-title strong{font-size:var(--fs-md);color:var(--text-primary)}.sw-sub{font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer}.sw-icon-btn:hover:not(:disabled){background:var(--ink-750);color:var(--text-primary)}.sw-icon-btn:disabled{opacity:.5;cursor:default}.sw-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.sw-filter{display:flex;gap:.35rem;padding:.15rem .25rem .4rem}.sw-chip{padding:.25rem .6rem;border-radius:999px;border:1px solid transparent;background:var(--ink-750);color:var(--text-secondary);font-size:var(--fs-xs);font-weight:600;cursor:pointer}.sw-chip--on{background:var(--accent-dim);border-color:var(--accent-line);color:var(--accent)}.sw-thread{display:flex;flex-direction:column;gap:.15rem;width:100%;padding:.55rem .6rem;border-radius:10px;border:1px solid transparent;background:transparent;text-align:left;cursor:pointer;color:var(--text-primary)}.sw-thread:hover{background:var(--ink-850)}.sw-thread--unread{background:var(--accent-dim);border-color:var(--accent-line)}.sw-thread-top{display:flex;justify-content:space-between;gap:.5rem;font-size:var(--fs-sm)}.sw-thread-who{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-thread--unread .sw-thread-who:before{content:"";display:inline-block;width:7px;height:7px;margin-right:.4rem;border-radius:50%;background:var(--accent);vertical-align:middle}.sw-thread-when{color:var(--text-muted);font-size:var(--fs-2xs);flex-shrink:0}.sw-thread-preview{font-size:var(--fs-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-new{display:inline-flex;align-items:center;gap:.35rem;margin:.4rem .25rem .25rem;padding:.5rem .7rem;border-radius:8px;border:1px dashed var(--border-control);background:transparent;color:var(--text-primary);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.sw-new:hover{background:var(--ink-850)}.sw-empty{margin:.75rem .5rem;font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.5}.sw-error{margin:0 .75rem .4rem;font-size:var(--fs-xs);color:var(--danger)}.sw-messages{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.sw-msg{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;max-width:85%}.sw-msg--mine{align-self:flex-end;align-items:flex-end}.sw-bubble{padding:.55rem .75rem;border-radius:12px 12px 12px 4px;background:var(--ink-850);color:var(--text-primary);font-size:var(--fs-base);line-height:1.45;white-space:pre-wrap;word-break:break-word}.sw-msg--mine .sw-bubble{background:var(--accent);color:var(--ink-950);border-radius:12px 12px 4px}.sw-stamp{font-size:var(--fs-2xs);color:var(--text-muted)}.sw-composer{display:flex;align-items:flex-end;gap:.4rem;padding:.6rem;border-top:1px solid var(--border-subtle);background:var(--ink-850)}.sw-composer textarea{flex:1;resize:none;padding:.5rem .65rem;border-radius:10px;border:1px solid var(--border-control);background:var(--ink-800);color:var(--text-primary);font:inherit;font-size:var(--fs-base);line-height:1.4}.sw-send{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:none;background:var(--accent);color:var(--ink-950);cursor:pointer}.sw-send:disabled{opacity:.4;cursor:default}@media(max-width:640px){.sw-root{right:.75rem;left:.75rem;bottom:calc(.75rem + var(--tabbar-h))}.sw-fab{min-height:var(--tap);padding:.7rem 1.2rem}.sw-fab--open{display:none}.sw-panel{position:fixed;inset:0;width:100%;height:100dvh;max-height:none;border:none;border-radius:0}.sw-head{padding-top:calc(.7rem + var(--safe-t));padding-left:max(.75rem,var(--safe-l));padding-right:max(.75rem,var(--safe-r))}.sw-composer{padding-bottom:calc(.6rem + var(--safe-b));padding-left:max(.6rem,var(--safe-l));padding-right:max(.6rem,var(--safe-r))}.sw-composer textarea{font-size:var(--fs-md);min-height:var(--tap)}.sw-icon-btn,.sw-send{width:var(--tap);height:var(--tap)}.sw-thread{min-height:var(--tap);padding:.7rem .75rem}.sw-new{min-height:var(--tap)}}.tool-view{padding:3rem clamp(2rem,4vw,6rem) 6rem;background:var(--ink-950);min-height:calc(100vh - 10rem);color:var(--text-primary);line-height:var(--lh-normal);overflow-x:clip;--tv-sticky-top: 8.5rem}.tool-view-inner{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.tool-view--wide .tool-view-inner{max-width:none}.tool-view-head{display:flex;flex-direction:column;gap:1.4rem}.tool-view-back{align-self:flex-start;display:inline-flex;align-items:center;gap:.7rem;padding:.9rem 1.5rem;background:var(--ink-850);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.tool-view-back:hover{background:var(--ink-750);color:var(--text-primary)}.tool-view-titlerow{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.tool-view-title{display:flex;align-items:center;gap:1.2rem;min-width:0}.tool-view-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary)}.tool-view-title h1{margin:0;font-size:var(--fs-2xl);line-height:var(--lh-tight);letter-spacing:-.025em;font-weight:650;color:var(--text-primary)}.tool-view-title h1:focus{outline:none}.tool-view-title h1:focus-visible{outline:2px solid var(--accent);outline-offset:.6rem;border-radius:var(--radius-sm)}.tool-view-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.tool-view-desc{margin:0;max-width:78ch;font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text-secondary)}.tool-view-tabs{display:flex;gap:.4rem;border-bottom:1px solid var(--border);margin-top:-1.6rem;flex-wrap:wrap}.tool-view-tab{appearance:none;background:none;border:none;border-bottom:2px solid transparent;padding:1.2rem 1.8rem;margin-bottom:-1px;font-size:var(--fs-base);font-weight:500;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:.6rem;transition:color var(--dur-fast) var(--ease)}.tool-view-tab:hover{color:var(--text-primary)}.tool-view-tab--on{color:var(--text-primary);border-bottom-color:var(--accent)}.tool-view-body{display:flex;flex-direction:column;gap:3rem;min-width:0}.tv-card{background:var(--ink-850);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem}.tv-cols{display:grid;gap:2rem;align-items:start}.tv-section-title{margin:0 0 1.5rem;font-size:var(--fs-lg);line-height:var(--lh-tight);font-weight:600;color:var(--text-primary)}.tool-view input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.tool-view select,.tool-view textarea{min-height:4rem;font-size:var(--fs-base);line-height:var(--lh-snug)}.tool-view textarea{min-height:9rem}.tool-view :is(th,td){padding-top:1.25rem;padding-bottom:1.25rem;line-height:var(--lh-snug)}.tool-view table{max-width:100%}.tool-view :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:1024px){.tool-view .tv-cols{grid-template-columns:1fr!important}}@media(max-width:640px){.tool-view{padding:1.5rem;padding-bottom:calc(4rem + var(--tabbar-h));padding-left:max(1.5rem,var(--safe-l));padding-right:max(1.5rem,var(--safe-r));min-height:calc(100dvh - 10rem);--tv-sticky-top: 6rem}.tool-view-inner{gap:2rem}.tool-view-title h1{font-size:var(--fs-xl)}.tool-view-titlerow{flex-direction:column;align-items:stretch;gap:1.2rem}.tool-view-actions{width:100%}.tool-view-back{min-height:var(--tap);padding-left:1.8rem;padding-right:1.8rem}.tv-card{padding:1.5rem}.tool-view-tab{min-height:var(--tap)}.tool-view input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.tool-view select,.tool-view textarea{min-height:var(--tap);font-size:var(--fs-md)}.tool-view textarea{min-height:9rem}}.tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:200;background:#000;border-top:1px solid rgba(255,255,255,.12);padding-bottom:var(--safe-b);padding-left:var(--safe-l);padding-right:var(--safe-r)}@media(max-width:640px){.tabbar{display:flex}}.tabbar-btn{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:var(--tabbar-row);padding:var(--space-3) var(--space-1) var(--space-2);border:none;border-radius:0;background:none;color:#ffffff9e;font-size:var(--fs-2xs);font-weight:600;line-height:1.2;cursor:pointer;touch-action:manipulation}.tabbar-btn svg{color:inherit}.tabbar-btn:focus-visible{outline:2px solid #ffffff;outline-offset:-3px}.tabbar-btn span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar-btn--on{color:#fff}.tabbar-btn--on .tabbar-icon,.tabbar-btn--on>svg{background:#ffffff29;border-radius:999px;padding:.2rem 1rem;box-sizing:content-box}.tabbar-icon{position:relative;display:inline-flex}.tabbar-badge{position:absolute;top:-.4rem;right:-.7rem;min-width:1.5em;padding:0 .3em;border-radius:999px;background:var(--danger);color:#fff;font-size:var(--fs-2xs);font-weight:700;line-height:1.5;text-align:center}.app-container{min-height:100vh;background-color:var(--gray-100)}.app-header{background:#000;border-bottom:1px solid rgba(255,255,255,.1);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.app-header,.app-header h1,.app-header p,.app-header .header-subtitle,.app-header button,.app-header a,.app-header svg{color:#fff}.app-header button{background:#ffffff1a;border-color:#fff3}.app-header button:hover{background:#ffffff2e}.app-header .button-secondary:hover:not(:disabled),.app-header .button-secondary:focus-visible{background:#ffffff2e;border-color:#ffffff4d;color:#fff}.header-content{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.app-header h1{font-size:var(--fs-md);font-weight:600;color:#fff;margin:0}.header-subtitle{font-size:var(--fs-sm);color:var(--gray-600);margin:var(--space-1) 0 0 0}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.user-email{font-size:var(--fs-sm);color:var(--gray-600);padding:var(--space-2) var(--space-3);background:var(--gray-50);border-radius:var(--radius-md)}.app-header-content{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.app-header p{font-size:var(--fs-sm);color:var(--gray-500);margin:0;display:none}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:var(--gray-100)}.loading-screen p{color:var(--gray-600);font-size:var(--fs-base)}.app-main{width:100%;margin:0 auto;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-4)}.step-section{background:var(--ink-850);border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.step-section:hover{box-shadow:var(--shadow-md)}.step-section h2{color:var(--gray-700);font-size:var(--fs-md);font-weight:600;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.step1-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.step1-header h2{color:var(--gray-700);font-size:var(--fs-md);font-weight:600;margin-bottom:.25rem;padding-bottom:0;border-bottom:none}.step1-header-actions{display:flex;gap:.5rem;flex-shrink:0}.step1-import-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-weight:600;font-size:var(--fs-sm);cursor:pointer;display:flex;align-items:center;gap:.4rem;white-space:nowrap;transition:opacity .15s}.step1-import-btn:disabled{opacity:.55;cursor:not-allowed}.step1-folder-btn{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-press) 100%);color:var(--ink-950)}.step1-zip-btn{background:linear-gradient(135deg,var(--gold) 0%,var(--warning) 100%);color:var(--ink-950)}.step-description{color:var(--gray-500);font-size:var(--fs-base);margin-bottom:var(--space-5);line-height:1.6}.status-text{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--shopify-green-light);color:var(--shopify-green);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:500;margin-top:var(--space-4)}.status-text:before{content:"✓";font-weight:700}.button{background:var(--shopify-green);color:var(--ink-950);border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--space-2)}.button:hover:not(:disabled){background:var(--shopify-green-dark);box-shadow:var(--shadow-md)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;opacity:.6}.button-secondary{background:var(--ink-850);color:var(--gray-700);border:1px solid var(--gray-300)}.button-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.button-primary{background:var(--shopify-blue)}.button-primary:hover:not(:disabled){background:var(--shopify-blue-dark)}.button-danger{background:var(--shopify-red)}.button-danger:hover:not(:disabled){background:var(--shopify-red-dark)}.button-debug-toggle{position:fixed;bottom:12px;left:12px;z-index:9999;display:flex;align-items:center;gap:.3rem;font-size:var(--fs-2xs);padding:.25rem .55rem;background:var(--gray-100, #141418);color:var(--gray-400, #7a7a87);border:1px solid var(--gray-300, #2c2c36);border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit;opacity:.6}.button-debug-toggle:hover{opacity:1;background:var(--gray-200, #1e1e25)}.button-debug-on{background:var(--warning-dim);color:var(--warning);border-color:var(--warning);opacity:1}.button-debug-on:hover{background:var(--gold-dim)}.batch-actions{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.batch-actions .button{flex:1;min-width:200px;justify-content:center}.export-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.export-section h3{color:var(--gray-700);font-size:var(--fs-base);font-weight:600;margin-bottom:var(--space-4)}.save-message{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-weight:500;text-align:center;margin-bottom:var(--space-4);animation:slideDown .3s ease}.save-message.success{background:var(--success-dim);color:var(--success);border:1px solid var(--success)}.save-message.error{background:var(--danger-dim);color:var(--danger);border:1px solid var(--danger)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.loading{display:inline-flex;align-items:center;gap:var(--space-2)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grouper-actions-sidebar{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.grouper-actions-sidebar .button{width:100%;justify-content:center;font-size:var(--fs-xs);padding:.45rem .75rem}.step2-right-panel{position:sticky;top:1rem;height:75vh;overflow-y:auto}@media(max-width:1024px){.app-main,.step-section{padding:var(--space-5)}.step2-split{grid-template-columns:1fr!important}.step2-right-panel{position:static;height:auto;overflow-y:visible}}@media(max-width:1024px)and (min-width:769px){.grouper-header{width:160px!important;padding:.9rem .7rem!important;font-size:var(--fs-xs)}}@media(max-width:768px){.app-header{padding:var(--space-3) var(--space-4)}.app-header h1{font-size:var(--fs-md)}.app-header h1:before{font-size:var(--fs-lg)}.app-main{padding:var(--space-4);gap:var(--space-4)}.step-section{padding:var(--space-4);border-radius:var(--radius-md)}.step-section h2{font-size:var(--fs-md);margin-bottom:var(--space-4)}.button{width:100%;justify-content:center}}@media(max-width:480px){.app-header{padding:var(--space-3)}.app-header h1{font-size:var(--fs-base)}.header-subtitle{display:none}.header-actions{flex-direction:column;align-items:flex-end;gap:var(--space-2)}.user-email{font-size:var(--fs-xs);padding:var(--space-1) var(--space-2)}.app-main{padding:var(--space-3);gap:var(--space-3)}.step-section{padding:var(--space-3)}.step-description{font-size:var(--fs-sm)}.step2-split .step-description{display:none}.grouper-actions-sidebar .button{font-size:var(--fs-xs);padding:.4rem .6rem}}.text-muted{color:var(--gray-500)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.error-message{background:var(--danger-dim);color:var(--shopify-red);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--danger);margin-top:var(--space-4);font-size:var(--fs-base)}.success-message{background:var(--shopify-green-light);color:var(--shopify-green);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--success);margin-top:var(--space-4);font-size:var(--fs-base)}.storage-meter-nav{background:var(--ink-900);border-bottom:1px solid var(--border);padding:.35rem 1.5rem}.storage-meter-nav-inner{display:flex;align-items:center;gap:.6rem;max-width:1600px;margin:0 auto;font-size:var(--fs-xs)}.storage-meter-nav-label{font-weight:700;color:var(--accent);white-space:nowrap}.storage-meter-nav-calculating{font-size:var(--fs-xs);color:var(--text-muted);font-style:italic}.storage-meter-nav-bar-wrap{flex:1;max-width:180px;background:var(--ink-700);border-radius:99px;height:6px;overflow:hidden;flex-shrink:0}.storage-meter-nav-bar{height:100%;border-radius:99px;transition:width .4s ease,background .4s ease}.storage-meter-nav-text{color:var(--text-primary);font-weight:600;white-space:nowrap}.storage-meter-nav-warn{font-size:var(--fs-2xs);font-weight:600;color:var(--danger);background:var(--danger-dim);border:1px solid var(--danger);border-radius:4px;padding:1px 6px;white-space:nowrap}.toast-stack{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999;pointer-events:none}.toast-item{display:flex;align-items:center;gap:.75rem;background:var(--ink-800);color:var(--text-primary);padding:.65rem 1rem;border-radius:10px;font-size:var(--fs-sm);font-weight:500;box-shadow:var(--shadow-lg);pointer-events:all;animation:toastIn .25s ease;max-width:360px}.toast-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--fs-xs);padding:0;line-height:1;flex-shrink:0;transition:color .15s}.toast-dismiss:hover{color:var(--text-primary)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-header .app-wordmark{font-size:var(--fs-md);font-weight:600;color:#fff;margin:0}.app-main[hidden]{display:none}.header-actions{gap:var(--space-4);flex-wrap:nowrap}.app-header .nav-badge{min-width:1.6em;padding:.1em .45em;border-radius:999px;background:var(--danger);color:#fff;font-size:var(--fs-2xs);font-weight:700;line-height:1.4;text-align:center}@media(max-width:1024px){.header-content{flex-wrap:nowrap}.header-actions{width:auto;gap:var(--space-2);flex-wrap:nowrap}.app-header .button{width:auto;min-height:var(--tap)}.app-header{padding-left:max(var(--space-6),var(--safe-l));padding-right:max(var(--space-6),var(--safe-r))}}@media(max-width:768px){.app-header,.app-main{padding-left:max(var(--space-4),var(--safe-l));padding-right:max(var(--space-4),var(--safe-r))}}@media(max-width:640px){.header-subtitle{display:none}.header-actions{flex-direction:row;align-items:center}.app-wordmark{font-size:var(--fs-base)}.wsmenu-name{max-width:10rem}.app-main{padding-bottom:calc(var(--space-4) + var(--tabbar-h))}.button-debug-toggle{display:none}.storage-meter-nav{padding:.35rem var(--space-4)}.storage-meter-nav-inner{flex-wrap:wrap;row-gap:.25rem}.storage-meter-nav-bar-wrap{max-width:none}.storage-meter-nav-files{display:none}}@media(max-width:640px){.toast-stack{right:var(--space-3);left:var(--space-3);bottom:calc(var(--space-3) + var(--tabbar-h) + 4.8rem);align-items:stretch}.toast-item{max-width:none}}@media(max-width:640px){.step-section input:not([type=range]):not([type=checkbox]):not([type=radio]),.step-section select,.step-section textarea{font-size:var(--fs-md)}.step-section{padding:var(--space-3);border-radius:var(--radius-md)}.step-section h2{font-size:var(--fs-base);margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.step-section .step1-header{flex-direction:column;align-items:stretch;gap:.6rem;padding-bottom:var(--space-3)}.step-section .step1-header-actions{width:100%}.step-section .step1-import-btn{flex:1 1 0;min-height:var(--tap, 44px);justify-content:center;font-size:var(--fs-sm)}.step2-split{display:block!important}.step2-split .step-description{display:none}.step2-right-panel{position:sticky;bottom:var(--tabbar-h, 0px);z-index:80;height:auto;max-height:38vh;overflow-y:auto;margin-top:var(--space-3);padding:.5rem .75rem;background:var(--ink-800);border:1px solid var(--border-strong);border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 -8px 24px #0000002e}.step2-right-panel .grouper-actions-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-top:.5rem;padding-top:.5rem}.step2-right-panel .grouper-actions-sidebar .button{min-height:var(--tap, 44px);font-size:var(--fs-sm);padding:.4rem .5rem}.step2-right-panel:not(:has(.category-zones-container.has-selection)){max-height:26vh}.step2-right-panel:not(:has(.category-zones-container.has-selection)) .grouper-actions-sidebar{display:none}.batch-actions{flex-direction:column;gap:var(--space-2)}.batch-actions .button{width:100%;min-width:0;min-height:48px}}.app-header .wordmark{font-size:var(--fs-xl);color:#fff}
