:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#07080f;color:#e4e4f0;--color-bg-primary:#07080f;--color-bg-secondary:#0e0f1c;--color-bg-surface:#13151f;--color-bg-surface-translucent:rgba(19,21,31,.92);--color-bg-elevated:#1a1d2e;--color-bg-canvas:#07080f;--color-border-primary:#1e2035;--color-border-subtle:rgba(30,32,53,.7);--color-text-primary:#e8eaf6;--color-text-secondary:#9094b8;--color-text-tertiary:#6b7099;--color-text-muted:#44476a;--color-accent:#818cf8;--color-accent-hover:#6366f1;--color-accent-light:rgba(99,102,241,.15);--color-accent-border:#4338ca;--color-accent-glow:rgba(129,140,248,.2);--color-accent-gradient:linear-gradient(135deg,#6366f1,#818cf8);--color-danger:#f87171;--color-danger-bg:rgba(239,68,68,.12);--color-success:#4ade80;--color-success-bg:rgba(74,222,128,.12);--color-warning-bg:rgba(251,146,60,.12);--color-warning-border:#b45309;--color-warning-text:#fbbf24;--color-draft-border:#475569;--color-draft-bg:rgba(71,85,105,.18);--color-draft-text:#94a3b8;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 16px rgba(0,0,0,.5);--shadow-lg:0 12px 40px rgba(0,0,0,.6);--shadow-float:0 8px 32px rgba(0,0,0,.6);--landing-max-width:4320px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--header-height:56px;--left-rail-width:280px;--left-rail-collapsed-width:48px;--bottom-bar-height:80px;--z-canvas:1;--z-left-rail:10;--z-top-bar:20;--z-bottom-bar:20;--z-floating-cta:30;--z-debug:40;--z-modal:50}[data-theme=dark]{color-scheme:dark;background:#04050a;color:#e8eaf6;--color-bg-primary:#04050a;--color-bg-secondary:#0a0b14;--color-bg-surface:#0f1018;--color-bg-surface-translucent:rgba(15,16,24,.92);--color-bg-elevated:#141623;--color-bg-canvas:#04050a;--color-border-primary:#181a2a;--color-border-subtle:rgba(24,26,42,.7);--color-text-primary:#e8eaf6;--color-text-secondary:#8a8fb8;--color-text-tertiary:#5a5f88;--color-text-muted:#3a3e58;--color-accent:#818cf8;--color-accent-hover:#6366f1;--color-accent-light:rgba(99,102,241,.15);--color-accent-border:#4338ca;--color-accent-glow:rgba(129,140,248,.2);--color-accent-gradient:linear-gradient(135deg,#6366f1,#818cf8);--color-danger:#f87171;--color-danger-bg:rgba(239,68,68,.12);--color-success:#4ade80;--color-success-bg:rgba(74,222,128,.12);--color-warning-bg:rgba(251,146,60,.12);--color-warning-border:#b45309;--color-warning-text:#fbbf24;--color-draft-border:#475569;--color-draft-bg:rgba(71,85,105,.18);--color-draft-text:#94a3b8;--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-md:0 4px 16px rgba(0,0,0,.6);--shadow-lg:0 12px 40px rgba(0,0,0,.7);--shadow-float:0 8px 32px rgba(0,0,0,.7);--shadow-glow:0 0 24px rgba(129,140,248,.2)}[data-theme=light]{color-scheme:light;background:#faf8f5;color:#1c140d;--color-bg-primary:#faf8f5;--color-bg-secondary:#f0ebe3;--color-bg-surface:#fffefb;--color-bg-surface-translucent:hsla(36,33%,97%,.9);--color-bg-elevated:#fff;--color-bg-canvas:#f0ebe3;--color-border-primary:#e0d8cc;--color-border-subtle:hsla(36,24%,84%,.6);--color-text-primary:#1c140d;--color-text-secondary:#5a4838;--color-text-tertiary:#7a6655;--color-text-muted:#a89282;--color-accent:#5b45e0;--color-accent-hover:#4733cc;--color-accent-light:#eeecff;--color-accent-border:#c4b8f9;--color-accent-glow:rgba(91,69,224,.12);--color-accent-gradient:linear-gradient(135deg,#4733cc,#5b45e0);--color-danger:#c0392b;--color-danger-bg:#fff0ee;--color-success:#1a7a4a;--color-success-bg:#eef9f2;--color-warning-bg:#fff8ee;--color-warning-border:#fca854;--color-warning-text:#92400e;--color-draft-border:#94a3b8;--color-draft-bg:rgba(148,163,184,.12);--color-draft-text:#475569;--shadow-sm:0 1px 3px rgba(28,20,13,.08);--shadow-md:0 8px 24px rgba(28,20,13,.07);--shadow-lg:0 20px 48px rgba(28,20,13,.07);--shadow-float:0 8px 32px rgba(28,20,13,.1)}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background:var(--color-bg-primary)}.container{width:min(100%,3200px);margin:0 auto;padding:0 0 48px}.container:has(.page-section--wide){width:100%;max-width:none}.container:has(.editor-page){width:100%;max-width:none;margin:0;padding:clamp(16px,2.5vw,32px)}.container:has(.hp-landing){width:100%;max-width:none;margin:0;padding:0}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-lg);width:100%;position:relative;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.title{margin:0 0 6px;font-size:28px;font-weight:700;letter-spacing:-.02em}.subtitle{margin:0 0 24px;font-size:15px}.meta,.subtitle{color:var(--color-text-tertiary)}.meta{font-size:13px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}label{font-weight:600;color:var(--color-text-primary)}button,input,select,textarea{font:inherit}input[type=email],input[type=password],input[type=text],select{transition:border-color .2s ease,box-shadow .2s ease}input[type=email],input[type=password],input[type=text],select,textarea{padding:11px 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary)}textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}button{padding:12px 18px;border:none;border-radius:var(--radius-md);background:var(--color-accent-gradient);color:#fff;font-weight:600;cursor:pointer;box-shadow:var(--shadow-md);transition:transform .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 14px 22px rgba(37,99,235,.25)}button:disabled{opacity:.6;cursor:not-allowed}.banner{padding:12px 14px;background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text);border-radius:var(--radius-md);margin-bottom:16px}.wip-banner{position:absolute;top:18px;right:-64px;transform:rotate(45deg);background:var(--color-danger);color:#fff;font-weight:800;font-size:12px;letter-spacing:.2em;padding:8px 80px;text-transform:uppercase;box-shadow:0 10px 20px rgba(220,38,38,.3);z-index:2}.dropzone{border:2px dashed var(--color-border-primary);border-radius:14px;padding:20px;text-align:center;background:var(--color-bg-primary);display:flex;flex-direction:column;gap:12px}.dropzone:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.dropzone-lg{padding:28px;min-height:240px;justify-content:center}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.dropzone-cta{display:flex;flex-direction:column;align-items:center;gap:10px}.dropzone-icon{font-size:32px}.dropzone-title{font-size:16px;font-weight:700;color:var(--color-text-primary)}.dropzone-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.file-button{padding:10px 18px;border-radius:999px;border:1px solid var(--color-accent-border);background:var(--color-accent-light);color:var(--color-accent-hover);font-weight:700;cursor:pointer;box-shadow:0 10px 18px rgba(99,102,241,.18);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.file-button:hover{transform:translateY(-1px);border-color:var(--color-accent);box-shadow:0 14px 22px var(--color-accent-glow)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:12px;gap:12px;margin-top:8px}.preview-card{position:relative;background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px}.preview-card-delete{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:var(--color-danger);color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;z-index:2;padding:0}.preview-card:hover .preview-card-delete{opacity:1}.missing-warning-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#f59e0b;color:#fff;font-size:11px;font-weight:700;flex-shrink:0;line-height:1}.preview-name{font-size:12px;color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-badge{position:absolute;top:4px;left:4px;padding:2px 6px;border-radius:6px;font-size:10px;font-weight:700;line-height:1.4;text-transform:uppercase;letter-spacing:.03em;z-index:2;pointer-events:none}.preview-badge--display{background:var(--color-accent,#6366f1);color:#fff}.preview-badge--rollover{background:#8b5cf6;color:#fff}.preview-img-wrap{position:relative;display:flex;justify-content:center;align-items:center}.preview-img-wrap img{width:100%;height:auto;max-height:240px;object-fit:contain;border-radius:8px}.preview-card[draggable=true]{cursor:-webkit-grab;cursor:grab}.preview-card[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.preview-card--dragging{opacity:.45;outline:2px dashed var(--color-accent,#6366f1);outline-offset:-2px}.preview-reorder{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 4px;pointer-events:none;opacity:0;transition:opacity .18s ease}.preview-card:focus-within .preview-reorder,.preview-card:hover .preview-reorder{opacity:1}.preview-reorder-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:rgba(0,0,0,.45);color:#fff;font-size:15px;line-height:1;cursor:pointer;padding:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .15s,transform .12s}.preview-reorder-btn:hover:not(:disabled){background:rgba(99,102,241,.85);transform:scale(1.12)}.preview-reorder-btn:disabled{opacity:.25;cursor:default}.preview-order-num{pointer-events:none;font-size:12px;font-weight:700;color:#fff;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:6px;padding:1px 7px;min-width:20px;text-align:center;line-height:1.5}.preview-card-lg{padding:18px;gap:10px;width:100%;max-width:900px;margin:0 auto}.preview-title{font-weight:700;font-size:18px;color:#334155}.mock-preview,.mock-preview-media{width:100%;display:flex;justify-content:center}.mock-preview-media{position:relative;--_canvas-h:calc(100vh - var(--header-height) - var(--bottom-bar-height) - 32px);max-height:var(--_canvas-h);max-width:min(100%,calc(var(--_canvas-h) * .8),980px);aspect-ratio:4/5;align-items:center;overflow:hidden}.mock-preview-media img{max-width:100%;max-height:100%;width:100%;height:auto;border-radius:16px;display:block}.mock-print-area{position:absolute;border:2px dashed rgba(79,70,229,.9);border-radius:10px;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.6);background:rgba(99,102,241,.08);pointer-events:none}.mock-inner-print-area{position:absolute;border:1.5px dashed rgba(245,158,11,.85);border-radius:6px;background:none;pointer-events:none;z-index:20}.mock-overlay-upload{position:absolute;transform:translate(-50%,-50%);z-index:10;width:56px;height:56px;border-radius:50%;border:2px solid hsla(0,0%,100%,.25);background:rgba(99,102,241,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 20px rgba(0,0,0,.2);padding:0}.mock-overlay-upload:hover{background:rgba(99,102,241,.55);border-color:hsla(0,0%,100%,.45);transform:translate(-50%,-50%) scale(1.08);box-shadow:0 6px 28px rgba(99,102,241,.35)}.mock-overlay-upload:active{transform:translate(-50%,-50%) scale(.96)}.mock-overlay-upload-icon{font-size:30px;font-weight:300;line-height:1;color:#fff;pointer-events:none;position:relative;top:-2px}[data-theme=light] .mock-overlay-upload{background:rgba(91,69,224,.2);border-color:rgba(91,69,224,.3);box-shadow:0 4px 20px rgba(91,69,224,.15)}[data-theme=light] .mock-overlay-upload:hover{background:rgba(91,69,224,.35);border-color:rgba(91,69,224,.5);box-shadow:0 6px 28px rgba(91,69,224,.25)}[data-theme=light] .mock-overlay-upload-icon{color:#fff}.mock-art{position:absolute;pointer-events:auto;display:flex;align-items:center;justify-content:center;cursor:-webkit-grab;cursor:grab}.mock-art:active{cursor:-webkit-grabbing;cursor:grabbing}.mock-art img{width:100%;height:100%;object-fit:contain}.hint{font-size:13px;color:var(--color-text-tertiary)}.summary{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:12px;padding:16px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:8px 16px;gap:8px 16px}.actions{position:-webkit-sticky;position:sticky;bottom:1rem;z-index:10;display:flex;justify-content:flex-end;margin-top:10px}.actions.actions-split{justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.partner-connect{display:flex;align-items:center;gap:10px}.button-secondary.button-connect{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border-color:#16a34a;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;text-decoration:none}.button-secondary.button-connect:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 10px 18px rgba(22,163,74,.25)}.section-title{margin:0 0 4px;font-size:20px;font-weight:700}.items-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px}.items-list{display:flex;flex-direction:column;gap:14px;margin-bottom:12px}.size-grid{display:flex;flex-wrap:wrap;gap:6px}.size-pill{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:5px 10px;border:1.5px solid var(--color-border-primary);border-radius:999px;background:transparent;font-size:12px;font-weight:500;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s,border-color .15s,color .15s;color:var(--color-text-secondary)}.size-pill input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.size-pill:has(input:checked){background:var(--color-accent);border-color:var(--color-accent);color:#fff}.item-row{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) auto;grid-gap:12px;gap:12px;padding:16px;border:1px solid var(--color-border-primary);border-radius:12px;background:var(--color-bg-secondary)}.item-row-flat{display:flex;flex-direction:column;gap:16px}.partner-page-container{width:100%;padding:24px clamp(16px,2.5vw,48px) 48px}.partner-form-layout{width:100%}.partner-main-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr);grid-gap:32px;gap:32px;align-items:start}@media (max-width:900px){.partner-main-grid{grid-template-columns:1fr;gap:24px}}.partner-mocks-column{position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 16px)}.partner-details-column{display:flex;flex-direction:column;gap:16px}.dropzone-tall{min-height:400px}.preview-grid-compact{max-height:300px;overflow-y:auto}.variant-editor{max-width:clamp(600px,85vw,1600px)}.variant-editor-title{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--color-text-secondary)}.field-narrow{max-width:180px}.field-title{max-width:480px}.field-description{max-width:720px}.price-input-wrapper{display:flex;align-items:center;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-surface);overflow:hidden;transition:border-color .15s,box-shadow .15s}.price-input-wrapper:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.price-currency-symbol{display:flex;align-items:center;justify-content:center;width:36px;height:100%;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:16px;font-weight:700;border-right:1px solid var(--color-border-primary);padding:10px 0}.price-input{flex:1 1;border:none;background:transparent;padding:10px 12px;font-size:16px;font-weight:600;color:var(--color-text-primary);outline:none;min-width:0}.price-input::placeholder{color:var(--color-text-muted);font-weight:400}.item-actions{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:6px;font-size:12px;color:var(--color-text-tertiary)}.item-index{font-weight:600}.button-secondary{padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--color-accent-border);background:var(--color-accent-light);color:var(--color-accent);font-weight:600;cursor:pointer;box-shadow:none}.button-secondary:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(79,70,229,.15)}.button-ghost{padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border-primary);background:var(--color-bg-surface);color:var(--color-text-secondary);font-weight:600;cursor:pointer;box-shadow:none}.button-ghost:hover{background:var(--color-bg-secondary)}.editor-page{display:flex;flex-direction:column;gap:clamp(16px,2.5vw,28px)}.editor-page-header{margin-bottom:0}.editor-layout{display:grid;grid-template-columns:clamp(280px,25vw,420px) minmax(0,1fr);grid-gap:clamp(12px,2vw,24px);gap:clamp(12px,2vw,24px);align-items:stretch;min-height:calc(100vh - clamp(160px, 18vh, 240px))}.editor-column{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);min-width:0;min-height:0}.editor-controls{grid-column:1}.editor-controls-panel{background:var(--color-bg-surface-translucent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border-subtle);border-radius:16px;padding:clamp(14px,2vw,22px);display:flex;flex-direction:column;gap:clamp(12px,2vw,18px);max-height:calc(100vh - clamp(160px, 18vh, 240px));overflow:auto}.editor-preview-col{grid-column:2;min-width:0}.editor-preview-shell{background:radial-gradient(circle at 50% 30%,rgba(99,102,241,.04) 0,transparent 60%),var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:20px;padding:clamp(16px,2.2vw,28px);display:flex;align-items:center;justify-content:center;min-height:clamp(420px,70vh,860px);width:100%;overflow:hidden;box-shadow:inset 0 2px 12px rgba(15,23,42,.04);transform:translateX(var(--preview-nudge-x,0));transition:transform .25s ease}.editor-preview-card{width:min(100%,1100px);display:flex;flex-direction:column;gap:clamp(8px,1.6vw,14px)}.editor-section{border:1px solid var(--color-border-primary);border-radius:14px;background:var(--color-bg-primary);padding:10px 14px}.editor-section summary{cursor:pointer;font-weight:700;color:var(--color-text-primary);list-style:none}.editor-section summary::-webkit-details-marker{display:none}.editor-section-body{margin-top:12px;display:flex;flex-direction:column;gap:12px}.editor-actions{display:flex;flex-direction:column;gap:10px}.print-area{width:260px;height:340px;border:2px dashed #94a3b8;border-radius:12px;background:#f8fafc;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.print-area-placeholder{font-size:13px;color:#64748b;text-align:center;padding:16px}.art-layer{position:absolute;cursor:-webkit-grab;cursor:grab;border:1px solid rgba(79,70,229,.5);border-radius:6px;background:rgba(99,102,241,.05);display:flex;align-items:center;justify-content:center}.art-layer:active{cursor:-webkit-grabbing;cursor:grabbing}.art-layer img{width:100%;height:100%;object-fit:contain;pointer-events:none}.resize-handle{position:absolute;width:14px;height:14px;border-radius:50%;right:-7px;bottom:-7px;background:#4f46e5;border:2px solid #fff;cursor:nwse-resize}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 12px;border-radius:999px;border:1px solid var(--color-border-primary);background:var(--color-bg-surface);color:var(--color-text-primary);font-weight:600;box-shadow:none}.chip-active{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent-hover)}@media (max-width:1024px){.left-rail{width:var(--left-rail-collapsed-width)}.left-rail .left-rail-content{padding:8px}.left-rail .dropzone-actions,.left-rail .dropzone-title,.left-rail .editor-section-label,.left-rail .hint,.left-rail .layer-info,.left-rail .preset-grid{display:none}.editor-canvas{padding-left:calc(var(--left-rail-collapsed-width) + 24px);--preview-nudge-x:12px}}@media (max-width:720px){.app-header{grid-template-columns:auto 1fr}.app-header-center,.left-rail{display:none}.editor-canvas{padding-left:0;--preview-nudge-x:0px}.bottom-bar{flex-wrap:wrap;height:auto;min-height:var(--bottom-bar-height);padding:8px 12px}.floating-generate-cta{left:16px;right:16px;text-align:center}}.modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal-content{width:min(840px,100%);background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:16px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-body{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:16px;gap:16px}.modal-image{display:flex;flex-direction:column;align-items:center;gap:10px}.modal-image img{max-width:100%;max-height:420px;border-radius:12px;border:1px solid var(--color-border-primary)}.modal-footer{display:flex;justify-content:flex-end}.create-modal-card{max-width:440px;text-align:center;padding:40px 32px 32px;position:relative;animation:createModalIn .2s ease-out}@keyframes createModalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-modal-close{position:absolute;top:12px;right:14px;padding:4px 8px;background:none;border:none;box-shadow:none;font-size:22px;line-height:1;color:var(--color-text-tertiary);cursor:pointer}.create-modal-close:hover{color:var(--color-text-primary);transform:none;box-shadow:none}.create-modal-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 20px;border-radius:50%}.create-modal-icon--confirm{background:var(--color-accent-light);color:var(--color-accent)}.create-modal-icon--success{background:var(--color-success-bg);color:var(--color-success)}.create-modal-heading{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--color-text-primary)}.create-modal-subtext{margin:0 0 4px;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.create-modal-warnings{display:flex;align-items:flex-start;gap:8px;margin-top:16px;padding:10px 14px;border-radius:var(--radius-md);background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.25);color:#fbbf24;font-size:13px;text-align:left;line-height:1.45}.create-modal-warnings svg{flex-shrink:0;margin-top:1px}.create-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:28px}.create-modal-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;min-width:140px}.create-modal-btn:hover{transform:translateY(-1px)}.create-modal-btn--primary{border:none;background:var(--color-accent-gradient);color:#fff;box-shadow:0 4px 14px rgba(99,102,241,.3)}.create-modal-btn--primary:hover{box-shadow:0 8px 20px rgba(99,102,241,.4)}.create-modal-btn--secondary{border:1px solid var(--color-border-primary);background:var(--color-bg-surface);color:var(--color-text-secondary);box-shadow:none}.create-modal-btn--secondary:hover{border-color:var(--color-accent);color:var(--color-text-primary);box-shadow:none}.create-modal-loading-container{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 20px;border-radius:50%;background:var(--color-accent-light)}.create-modal-spinner{width:36px;height:36px;border:3px solid var(--color-accent-light);border-top-color:var(--color-accent);border-radius:50%;animation:createModalSpin .8s linear infinite}@keyframes createModalSpin{to{transform:rotate(1turn)}}.dropdown{position:relative;display:inline-block}.dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:20;width:320px;background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:var(--shadow-float);padding:12px}.dropdown-scroll{max-height:220px;overflow-y:auto;display:grid;grid-gap:8px;gap:8px}.dropdown-actions{display:flex;justify-content:flex-end;margin-top:12px}.field-display{display:inline-block;padding:11px 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:14px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.variant-editor{border-top:1px solid var(--color-border-primary);padding-top:16px;display:flex;flex-direction:column;gap:8px}.variant-tabs{display:flex;flex-wrap:wrap;gap:8px}.variant-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--color-accent-light);color:var(--color-accent-hover);font-weight:600}.variant-panel{border:1px solid var(--color-border-primary);border-radius:12px;padding:16px;background:var(--color-bg-surface)}.variant-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.variant-row{display:grid;grid-template-columns:40px 1fr auto auto;grid-gap:10px;gap:10px;border:1px solid var(--color-border-primary);padding:8px 10px;background:var(--color-bg-surface)}.variant-row,.variant-thumb{align-items:center;border-radius:10px}.variant-thumb{width:40px;height:40px;overflow:hidden;background:var(--color-border-primary);display:flex;justify-content:center;font-size:22px}.variant-thumb img{width:100%;height:100%;object-fit:cover}.variant-thumb--missing{background:var(--color-bg-elevated);border:1px dashed var(--color-border-primary);overflow:visible}.variant-meta{gap:6px}.variant-meta,.variant-pricing{display:flex;flex-direction:column}.variant-pricing{gap:2px;align-items:flex-end;min-width:80px}.variant-pricing-label{font-size:10px;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.variant-cost{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.variant-price-input-wrapper{display:flex;align-items:center;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-surface);overflow:hidden;transition:border-color .15s,box-shadow .15s}.variant-price-input-wrapper:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow)}.variant-price-input-wrapper--error{border-color:var(--color-warning-border);background:var(--color-warning-bg)}.field--validation-error{outline:2px solid var(--color-warning-border);border-radius:var(--radius-md);background:var(--color-warning-bg);padding:10px 10px 6px}.variant-price-symbol{display:flex;align-items:center;justify-content:center;width:22px;background:var(--color-bg-secondary);color:var(--color-text-tertiary);font-size:12px;font-weight:700;border-right:1px solid var(--color-border-primary);padding:4px 0}.variant-price-input{border:none;background:transparent;padding:4px 6px;font-size:13px;font-weight:600;color:var(--color-text-primary);outline:none;width:58px;min-width:0}.variant-price-input::placeholder{color:var(--color-text-muted);font-weight:400}.variant-title{font-weight:600;color:var(--color-text-primary)}.color-accordion{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);margin-bottom:.5rem;background:var(--color-bg-surface)}.color-accordion-summary{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;font-weight:500;color:var(--color-text-primary);list-style:none}.color-accordion-summary::-webkit-details-marker{display:none}.color-accordion-name{flex:1 1}.color-accordion-count{font-size:.8rem;color:var(--color-text-secondary)}.color-accordion-chevron{transition:transform .2s;color:var(--color-text-tertiary)}.color-accordion[open] .color-accordion-chevron{transform:rotate(90deg)}.color-accordion-content{padding:0 1rem 1rem;border-top:1px solid var(--color-border-subtle)}.color-swatch-dot{width:18px;height:18px;border-radius:50%;flex-shrink:0;display:inline-block}.product-meta-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.product-meta-row .field{flex:1 1;min-width:120px}.meta-fields-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:600px){.meta-fields-row{grid-template-columns:1fr}}.field-inline{display:flex;flex-direction:column;gap:6px}.field-label-inline{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.status-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--color-border-primary);background:var(--color-bg-secondary);cursor:pointer;font-size:13px;font-weight:600;transition:background .2s,border-color .2s;white-space:nowrap}.status-toggle-knob{width:20px;height:20px;border-radius:50%;background:var(--color-text-muted);transition:background .2s;flex-shrink:0}.status-toggle--active{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success)}.status-toggle--active .status-toggle-knob{background:var(--color-success)}.status-toggle--draft{border-color:var(--color-draft-border);background:var(--color-draft-bg);color:var(--color-draft-text)}.status-toggle--draft .status-toggle-knob{background:var(--color-draft-border)}.status-toggle-label{line-height:1}.link{color:var(--color-accent);text-decoration:none}.editor-section-flat{display:flex;flex-direction:column;gap:8px}.editor-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.garment-pills{display:flex;flex-wrap:wrap;gap:6px}.garment-pill{padding:7px 14px;border-radius:999px;border:1px solid var(--color-border-primary);background:var(--color-bg-surface);color:var(--color-text-secondary);font-weight:600;font-size:13px;cursor:pointer;box-shadow:none;transition:all .15s ease}.garment-pill:hover{border-color:#a5b4fc;background:#f5f3ff;transform:none;box-shadow:none}.garment-pill-active{background:#4f46e5;border-color:#4f46e5;color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.25)}.garment-pill-active:hover{background:#4338ca;border-color:#4338ca}.side-segmented{display:flex;gap:0;border-radius:10px;border:1px solid var(--color-border-primary);overflow:hidden;background:var(--color-bg-primary)}.side-segment{flex:1 1;padding:8px 0;text-align:center;font-weight:600;font-size:13px;cursor:pointer;background:transparent;border:none;border-right:1px solid var(--color-border-primary);color:var(--color-text-tertiary);transition:all .15s ease;box-shadow:none}.side-segment:last-child{border-right:none}.side-segment:hover:not(.side-segment-active){background:var(--color-bg-secondary);transform:none;box-shadow:none}.side-segment-active{background:#4f46e5;color:#fff;box-shadow:0 2px 8px rgba(79,70,229,.2)}.swatch-grid{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-border-primary);cursor:pointer;position:relative;transition:transform .15s ease,box-shadow .15s ease;padding:0;background:none;box-shadow:0 1px 3px rgba(0,0,0,.1);flex-shrink:0}.color-swatch:hover:not(:disabled){transform:scale(1.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}.color-swatch:disabled{opacity:.4;cursor:not-allowed}.color-swatch-selected{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e5,0 0 0 4px rgba(79,70,229,.2)}.color-swatch-selected:hover:not(:disabled){box-shadow:0 0 0 2px #4f46e5,0 0 0 4px rgba(79,70,229,.3)}.color-swatch-sm{width:32px;height:32px}.color-swatch-preview{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e5}.swatch-check{width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mock-color-chip{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:2px}.mock-color-remove{background:none;border:none;padding:0;cursor:pointer;color:#94a3b8;line-height:1;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.mock-color-remove:hover{color:#ef4444;background:rgba(239,68,68,.1)}.color-picker-anchor{position:relative}.color-picker-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease,border-color .15s ease}.color-picker-trigger:hover:not(:disabled){background:var(--color-bg-tertiary,#e2e8f0);border-color:var(--color-border-secondary,#94a3b8)}.color-picker-trigger:disabled{opacity:.4;cursor:not-allowed}.color-picker-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:260px;max-height:320px;display:flex;flex-direction:column;background:var(--color-bg-surface,#fff);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg,10px);box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:100;overflow:hidden}.color-picker-search-wrap{padding:8px 8px 4px;border-bottom:1px solid var(--color-border-subtle)}.color-picker-search{width:100%;padding:6px 10px;font-size:13px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);outline:none}.color-picker-search:focus{border-color:#4f46e5;box-shadow:0 0 0 2px rgba(79,70,229,.15)}.color-picker-list{overflow-y:auto;flex:1 1;padding:4px 0}.color-picker-empty{padding:16px;text-align:center;font-size:13px;color:var(--color-text-muted)}.color-picker-row{display:flex;align-items:center;padding:4px 8px;gap:8px;transition:background .1s ease}.color-picker-row:hover{background:var(--color-bg-secondary)}.color-picker-row-active{background:rgba(79,70,229,.06)}.color-picker-row-main{display:flex;align-items:center;gap:10px;flex:1 1;min-width:0;background:none;border:none;padding:4px 2px;cursor:pointer;text-align:left;color:inherit;font:inherit}.color-picker-row-main:hover{color:var(--color-text-primary)}.color-picker-swatch{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-border-primary);flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center}.color-picker-swatch .swatch-check{width:14px;height:14px}.color-picker-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-picker-add-btn{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text-tertiary,#94a3b8);transition:color .15s ease,transform .15s ease;padding:0}.color-picker-add-btn:hover{color:#4f46e5;transform:scale(1.15)}.color-picker-added{flex-shrink:0;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#4f46e5;padding-right:4px}.dropzone-file-name{font-size:13px;font-weight:600;color:#1f2937;word-break:break-all;text-align:center}.preview-toggle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#64748b}.mock-art-moveable{position:absolute;display:flex;align-items:center;justify-content:center}.mock-art-moveable img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.moveable-control-box .moveable-line{background:#4f46e5!important;height:1px!important}.moveable-control-box .moveable-control{background:#fff!important;border:2px solid #4f46e5!important;border-radius:50%!important;width:10px!important;height:10px!important;margin-top:-5px!important;margin-left:-5px!important}.moveable-control-box .moveable-rotation-control{background:rgba(79,70,229,.88)!important;border:1.5px solid hsla(0,0%,100%,.75)!important;border-radius:50%!important;width:22px!important;height:22px!important;margin-top:-11px!important;margin-left:-11px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px rgba(0,0,0,.45)!important;cursor:-webkit-grab!important;cursor:grab!important}.moveable-control-box .moveable-rotation-control:active{cursor:-webkit-grabbing!important;cursor:grabbing!important}.moveable-control-box .moveable-rotation-control:before{font-family:Font Awesome\ 6 Free!important;font-weight:900!important;content:"\f2f9"!important;font-size:11px!important;color:#fff!important;line-height:1!important;display:block!important}.moveable-control-box .moveable-rotation .moveable-line{width:1px!important;background:#4f46e5!important}.swirl-container{perspective:1200px;width:100%}.swirl-inner{width:100%}.garment-slide-wrapper{width:100%;overflow:hidden}.layers-list{display:flex;flex-direction:column;gap:6px}.layer-row{display:grid;grid-template-columns:40px 1fr auto;grid-gap:8px;gap:8px;align-items:center;padding:6px 8px;border:1px solid var(--color-border-primary);border-radius:10px;background:var(--color-bg-surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.layer-row:hover{border-color:var(--color-accent-border);background:var(--color-bg-primary)}.layer-row-selected{border-color:var(--color-accent);background:var(--color-accent-light);box-shadow:0 0 0 1px rgba(99,102,241,.15)}.layer-thumb{width:40px;height:40px;border-radius:8px;overflow:hidden;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.layer-thumb img{width:100%;height:100%;object-fit:contain}.layer-info{min-width:0;display:flex;flex-direction:column;gap:2px}.layer-name{font-size:13px;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-dims{font-size:11px;color:var(--color-text-muted)}.layer-dpi-row{display:flex;align-items:center;gap:6px}.dpi-chip{display:inline-block;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:700;line-height:1.4}.dpi-chip-ok{background:#dcfce7;color:#166534}.dpi-chip-warn{background:#fef9c3;color:#854d0e}.dpi-chip-hard-warn{background:#ffedd5;color:#9a3412}.dpi-chip-low{background:#fee2e2;color:#991b1b}.dpi-tooltip-wrapper{position:relative;display:inline-block;cursor:help}.dpi-tooltip-card{position:fixed;width:220px;padding:10px 12px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-float);z-index:9999;pointer-events:none;font-size:11px;line-height:1.5}.dpi-tooltip-card-top{transform:translateY(-100%)}.dpi-tooltip-row{display:flex;align-items:center;gap:8px;padding:3px 0;color:var(--color-text-secondary)}.dpi-tooltip-row[data-highlight]{color:var(--color-text-primary);font-weight:700}.dpi-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dpi-tooltip-dot-green{background:#4ade80}.dpi-tooltip-dot-amber{background:#fbbf24}.dpi-tooltip-dot-red{background:#f87171}.layer-controls{display:flex;gap:2px;flex-shrink:0}.layer-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;padding:0;box-shadow:none;transition:background .12s ease,color .12s ease}.layer-btn:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary);transform:none;box-shadow:none}.layer-btn:disabled{opacity:.3;cursor:not-allowed}.layer-btn-danger:hover:not(:disabled){background:#fef2f2;color:#dc2626}.preset-grid{display:flex;flex-wrap:wrap;gap:6px}.preset-btn{padding:6px 12px;border-radius:999px;border:1px solid var(--color-border-primary);background:var(--color-bg-surface);color:var(--color-text-secondary);font-weight:600;font-size:12px;cursor:pointer;box-shadow:none;transition:all .15s ease}.preset-btn:hover{transform:none;box-shadow:none}.preset-btn-active,.preset-btn:hover{border-color:var(--color-accent-border);background:var(--color-accent-light);color:var(--color-accent-hover)}.preset-btn-active{box-shadow:0 0 0 1.5px var(--color-accent-border)}.debug-overlay{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:10px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;display:flex;flex-direction:column;gap:4px}.debug-overlay-title{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:2px}.debug-row{display:flex;gap:8px;color:var(--color-text-primary)}.debug-label{color:#94a3b8;min-width:60px}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-top-bar);height:var(--header-height);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;background:var(--color-bg-surface-translucent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-subtle)}.app-header-left{display:flex;align-items:center;gap:12px}.app-header-logo{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--color-text-primary);text-decoration:none}.app-header-page-title{font-size:13px;color:var(--color-text-tertiary);font-weight:500}.app-header-center{display:flex;align-items:center;gap:16px;justify-content:center}.app-header-right{display:flex;align-items:center;gap:12px;justify-content:flex-end}.app-header-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border-primary);background:var(--color-bg-surface);color:var(--color-text-secondary);text-decoration:none;font-size:16px;flex-shrink:0;transition:background .15s ease,color .15s ease}.app-header-back:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.sign-out-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--color-border-primary);background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:14px;cursor:pointer;padding:0;box-shadow:none;transition:background .15s ease,color .15s ease}.sign-out-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);transform:none;box-shadow:none}.sign-out-modal{max-width:400px;text-align:center;padding:32px 28px 24px;animation:createModalIn .2s ease-out}.sign-out-modal-heading{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.sign-out-modal-text{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 24px}.sign-out-modal-actions{display:flex;gap:12px;justify-content:center}.sign-out-modal-confirm{background:#dc2626!important;color:#fff!important;border:none!important}.sign-out-modal-confirm:hover{background:#b91c1c!important}.container:has(.page-section) .app-header{position:relative;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;height:auto;padding:20px 24px 0}.shop-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);background:var(--color-accent-light);color:var(--color-accent);font-size:12px;font-weight:600}.shop-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);flex-shrink:0}.theme-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--color-border-primary);background:var(--color-bg-surface);color:var(--color-text-secondary);cursor:pointer;padding:0;box-shadow:none;transition:background .15s ease,color .15s ease}.theme-toggle:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);transform:none;box-shadow:none}.container:has(.page-section) .theme-toggle{border:none;background:transparent}.editor-page-canvas-first{width:100%;height:calc(100vh - var(--header-height));overflow:hidden;position:relative}.container:has(.editor-page-canvas-first){width:100%;max-width:none;margin:0;padding:0}.container:has(.partner-page){width:100%;max-width:3000px;margin:0 auto;padding:0}.editor-canvas{inset:0 0 var(--bottom-bar-height) 0;align-items:center;justify-content:center;z-index:var(--z-canvas);background:radial-gradient(circle at 50% 30%,var(--color-accent-glow) 0,transparent 60%),var(--color-bg-canvas);overflow:hidden;padding-left:calc(var(--left-rail-width) + 24px);transition:padding-left .25s ease;--preview-nudge-x:40px}.editor-canvas,.left-rail{position:absolute;display:flex}.left-rail{top:12px;left:12px;bottom:calc(var(--bottom-bar-height) + 12px);width:var(--left-rail-width);z-index:var(--z-left-rail);flex-direction:column;transition:width .25s ease}.left-rail-collapsed{width:var(--left-rail-collapsed-width)}.editor-page-canvas-first:has(.left-rail-collapsed) .editor-canvas{padding-left:calc(var(--left-rail-collapsed-width) + 24px);--preview-nudge-x:12px}.left-rail-content{flex:1 1;overflow-y:auto;overflow-x:hidden;background:var(--color-bg-surface-translucent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;gap:14px}.left-rail-collapsed .left-rail-content{padding:8px}.left-rail-collapsed .dropzone-actions,.left-rail-collapsed .dropzone-title,.left-rail-collapsed .editor-section-label,.left-rail-collapsed .hint,.left-rail-collapsed .layer-info,.left-rail-collapsed .preset-grid{display:none}.left-rail-toggle{position:absolute;top:8px;right:-14px;width:28px;height:28px;border-radius:50%;background:var(--color-bg-surface);border:1px solid var(--color-border-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;padding:0;box-shadow:var(--shadow-sm);color:var(--color-text-secondary);transition:background .15s ease}.left-rail-toggle:hover{background:var(--color-bg-secondary);transform:none;box-shadow:var(--shadow-sm)}.top-bar{display:flex;align-items:center;gap:12px}.top-bar-divider{width:1px;height:24px;background:var(--color-border-primary)}.top-bar .editor-section-flat{flex-direction:row;align-items:center;gap:8px}.top-bar .editor-section-label{display:none}.top-bar .side-segmented{min-width:180px}.bottom-bar{position:absolute;bottom:0;left:0;right:0;height:var(--bottom-bar-height);z-index:var(--z-bottom-bar);display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--color-bg-surface-translucent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border-subtle)}.bottom-bar-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);flex-shrink:0}.bottom-bar-swatches{display:flex;gap:5px;min-width:0;flex:1 1;overflow-x:auto}.bottom-bar-hint{font-size:12px;color:var(--color-text-tertiary);flex-shrink:0;margin-left:auto}.floating-generate-cta{position:absolute;bottom:calc(var(--bottom-bar-height) + 16px);right:88px;z-index:var(--z-floating-cta);padding:14px 28px;border-radius:var(--radius-pill);background:var(--color-accent-gradient);color:#fff;font-weight:700;font-size:15px;cursor:pointer;border:none;box-shadow:0 8px 24px rgba(79,70,229,.35);transition:transform .15s ease,box-shadow .15s ease}.floating-generate-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px rgba(79,70,229,.4)}.floating-generate-cta:disabled{opacity:.5;cursor:not-allowed}.floating-generate-cta-blocked{background:linear-gradient(135deg,#991b1b,#ef4444);box-shadow:0 8px 24px rgba(239,68,68,.35);opacity:1}.floating-generate-cta-blocked:disabled{opacity:1;cursor:not-allowed}.floating-generate-cta-warn{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 24px rgba(180,83,9,.4)}.floating-generate-cta-warn:hover:not(:disabled){box-shadow:0 12px 32px rgba(180,83,9,.5)}.floating-generate-cta-ok{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 8px 24px rgba(16,185,129,.35)}.floating-generate-cta-ok:hover:not(:disabled){box-shadow:0 12px 32px rgba(16,185,129,.45)}.floating-dpi-bars{position:absolute;top:72px;right:88px;z-index:var(--z-left-rail);width:360px;display:flex;flex-direction:column;gap:12px}.floating-dpi-bars-header{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-primary);text-shadow:0 1px 10px rgba(0,0,0,.7)}.dpi-bar-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:3px 10px;border-radius:var(--radius-pill);border:1px solid;line-height:1.6}.dpi-bar-status-green{color:#4ade80;border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.1)}.dpi-bar-status-amber{color:#fbbf24;border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.1)}.dpi-bar-status-red{color:#f87171;border-color:hsla(0,91%,71%,.4);background:hsla(0,91%,71%,.1)}.dpi-bar-row{display:flex;align-items:center;gap:12px}.dpi-bar-side-badge{width:18px;height:18px;border-radius:4px;background:var(--color-bg-elevated);color:var(--color-text-secondary);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dpi-bar-layer-name{flex:0 1 70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary);font-weight:600}.dpi-bar-track{flex:1 1;height:20px;background:rgba(0,0,0,.35);border-radius:var(--radius-pill);min-width:80px;border:1px solid hsla(0,0%,100%,.07);box-shadow:inset 0 2px 12px rgba(0,0,0,.5)}.dpi-bar-fill,.dpi-bar-track{overflow:hidden;position:relative}.dpi-bar-fill{height:100%;border-radius:var(--radius-pill)}.dpi-bar-fill:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.18),hsla(0,0%,100%,0) 60%);border-radius:inherit;pointer-events:none}.dpi-bar-fill-green{background:linear-gradient(90deg,#16a34a,#4ade80)}.dpi-bar-fill-amber{background:linear-gradient(90deg,#d97706,#fbbf24)}.dpi-bar-fill-red{background:linear-gradient(90deg,#dc2626,#f87171)}.dpi-bar-value{min-width:44px;text-align:right;font-weight:800;font-size:20px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.03em;text-shadow:0 1px 10px rgba(0,0,0,.6)}.dpi-bar-value-green{color:#4ade80}.dpi-bar-value-amber{color:#fbbf24}.dpi-bar-value-red{color:#f87171}@media (max-width:640px){.floating-dpi-bars{display:none}}[data-theme=light] .floating-dpi-bars-header{text-shadow:none}[data-theme=light] .dpi-bar-track{background:rgba(0,0,0,.07);border-color:rgba(0,0,0,.1);box-shadow:none}[data-theme=light] .dpi-bar-value{text-shadow:none}[data-theme=light] .dpi-bar-value-green{color:#16a34a}[data-theme=light] .dpi-bar-value-amber{color:#d97706}[data-theme=light] .dpi-bar-value-red{color:#dc2626}[data-theme=light] .dpi-bar-status-green{color:#16a34a;border-color:rgba(22,163,74,.35);background:rgba(22,163,74,.08)}[data-theme=light] .dpi-bar-status-amber{color:#d97706;border-color:rgba(217,119,6,.35);background:rgba(217,119,6,.08)}[data-theme=light] .dpi-bar-status-red{color:#dc2626;border-color:rgba(220,38,38,.35);background:rgba(220,38,38,.08)}.modal-content-lg{width:min(960px,95vw);max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-step-body{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1 1;min-height:0;padding-right:4px}.modal-footer-split{display:flex;justify-content:space-between;gap:12px}.swatch-grid-modal{gap:10px}.color-swatch-lg{width:44px;height:44px}.generating-step{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;gap:16px}.generating-spinner{width:48px;height:48px;border:4px solid var(--color-border-primary);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.gallery-color-group{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:12px;background:var(--color-bg-surface)}.gallery-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.gallery-group-title{font-weight:700;color:var(--color-text-primary)}.gallery-remove-btn{font-size:12px;color:var(--color-danger)!important;padding:4px 8px}.gallery-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:8px;gap:8px}.gallery-thumb{position:relative;cursor:pointer;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-primary);transition:border-color .15s ease}.gallery-thumb:hover{border-color:var(--color-accent)}.gallery-thumb-expand{position:absolute;top:6px;right:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);color:#fff;border-radius:var(--radius-sm);font-size:11px;opacity:.6;pointer-events:none;transition:opacity .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gallery-thumb:hover .gallery-thumb-expand{opacity:1}.gallery-thumb img{width:100%;aspect-ratio:4/5;object-fit:cover}.gallery-thumb-label{display:block;text-align:center;font-size:11px;color:var(--color-text-tertiary);padding:4px}.gallery-fullscreen{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;cursor:pointer}.gallery-fullscreen img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-lg)}.gallery-fullscreen-close{position:absolute;top:16px;right:16px;background:hsla(0,0%,100%,.15);color:#fff;border-radius:var(--radius-pill);padding:8px 16px;font-weight:600;border:none;cursor:pointer;box-shadow:none}.gallery-fullscreen-close:hover{background:hsla(0,0%,100%,.25);transform:none;box-shadow:none}.page-section{max-width:540px;margin:48px auto 0;padding:0 16px}.page-section--wide{max-width:640px}.page-section .title{font-size:32px;font-weight:800;letter-spacing:-.03em;margin:0 0 6px}.page-section .subtitle{margin:0 0 32px;color:var(--color-text-tertiary);font-size:15px}.page-section .actions{margin-top:28px}.admin-hub-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.admin-hub-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 24px;border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);background:var(--color-bg-secondary);text-decoration:none;color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.admin-hub-card:hover{border-color:var(--color-accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-hub-icon{font-size:32px}.admin-hub-label{font-size:18px;font-weight:700}.admin-hub-desc{font-size:13px;color:var(--color-text-tertiary);text-align:center}.combobox{position:relative}.combobox-input{width:100%;padding:11px 36px 11px 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary);font:inherit;transition:border-color .2s ease,box-shadow .2s ease}.combobox-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.combobox-clear{position:absolute;right:10px;top:50%;background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;border-radius:4px}.combobox-clear,.combobox-clear:hover{transform:translateY(-50%);box-shadow:none}.combobox-clear:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.combobox-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;max-height:260px;overflow-y:auto;background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-float);list-style:none;margin:0;padding:4px}.combobox-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease}.combobox-option:hover{background:var(--color-bg-secondary)}.combobox-option-selected{background:var(--color-accent-light)}.combobox-option-logo{width:28px;height:28px;border-radius:6px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);flex-shrink:0}.combobox-option-name{flex:1 1;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combobox-badge{flex-shrink:0;font-size:12px;font-weight:600;color:var(--color-success);padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-success-bg)}.combobox-empty{padding:16px 12px;text-align:center;color:var(--color-text-muted);font-size:14px}.dpi-summary-list{display:flex;flex-direction:column;gap:4px}.dpi-summary-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px}.dpi-summary-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.advanced-view-toggle,.dpi-summary-name{font-weight:600;color:var(--color-text-secondary)}.advanced-view-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--color-border-primary);background:var(--color-bg-surface);font-size:12px;cursor:pointer;box-shadow:none;transition:all .15s ease}.advanced-view-toggle:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);transform:none;box-shadow:none}.advanced-view-toggle-active{background:var(--color-accent-light);border-color:var(--color-accent-border);color:var(--color-accent)}.advanced-grid-overlay{pointer-events:none}.grid-line{position:absolute;background:rgba(99,102,241,.55)}.grid-line-v{width:2px;top:0;bottom:0;transform:translateX(-1px)}.grid-line-h{height:2px;left:0;right:0;transform:translateY(-1px)}.dpi-transform-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0 8px;gap:0 8px;padding-top:10px;border-top:1px solid hsla(0,0%,100%,.08)}.dpi-transform-cell{display:flex;flex-direction:column;gap:3px}.dpi-transform-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.dpi-transform-label,.dpi-transform-value{font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.5)}.dpi-transform-value{font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--color-text-primary)}[data-theme=light] .dpi-transform-row{border-top-color:rgba(0,0,0,.1)}[data-theme=light] .dpi-transform-label,[data-theme=light] .dpi-transform-value{text-shadow:none}.crosshair{position:absolute;pointer-events:none;z-index:6}.crosshair-v{width:2px}.crosshair-h,.crosshair-v{background:rgba(239,68,68,.8)}.crosshair-h{height:2px}.site-footer{max-width:3400px;margin:0 auto;padding:24px 16px;border-top:1px solid var(--color-border-primary);text-align:center;font-size:13px;color:var(--color-text-tertiary)}.site-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:12px}.site-footer-links a{color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.site-footer-links a:hover{color:var(--color-accent);text-decoration:underline}body:has(.editor-page-canvas-first) .site-footer{display:none}.b2b-apparel-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));grid-gap:clamp(16px,2vw,24px);gap:clamp(16px,2vw,24px);padding:clamp(20px,3vw,40px) 0}.b2b-apparel-type-card{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg,12px);cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,transform .1s ease}.b2b-apparel-type-card:hover{border-color:var(--color-accent);background:var(--color-bg-elevated);transform:translateY(-2px)}.b2b-apparel-type-img-wrap{width:100%;aspect-ratio:1/1;overflow:hidden;background:var(--color-bg-secondary)}.b2b-apparel-type-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.b2b-apparel-type-card:hover .b2b-apparel-type-img{transform:scale(1.03)}.b2b-apparel-type-content{display:flex;flex-direction:column;gap:8px;padding:16px 20px 20px}.b2b-apparel-type-label{font-size:20px;font-weight:700;color:var(--color-text-primary)}.b2b-apparel-type-tagline{font-size:13px;color:var(--color-text-secondary);line-height:1.4}.b2b-apparel-type-count{font-size:12px;color:var(--color-accent);font-weight:600;margin-top:4px}.b2b-inventory-header-row{display:flex;flex-direction:column;align-items:flex-start;gap:0}.b2b-apparel-back-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm,6px);color:var(--color-text-secondary);font-size:13px;cursor:pointer;white-space:nowrap;transition:all .15s ease;margin-bottom:14px}.b2b-apparel-back-btn:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:var(--color-bg-elevated)}.b2b-inventory-proceed-actions{display:flex;gap:8px;flex-shrink:0}.b2b-variant-panel{margin:24px 0 0;padding:20px;background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg,12px)}.b2b-variant-panel-header{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.b2b-variant-panel-title{font-size:15px;color:var(--color-text-primary)}.b2b-variant-panel-hint{font-size:12px;color:var(--color-text-tertiary)}.b2b-variant-section{margin-bottom:20px}.b2b-variant-section:last-child{margin-bottom:0}.b2b-variant-section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:10px}.b2b-variant-color-grid{display:flex;flex-wrap:wrap;gap:8px}.b2b-variant-color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;transition:border-color .15s ease,transform .1s ease;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;box-shadow:0 1px 3px rgba(0,0,0,.15)}.b2b-variant-color-swatch:hover{border-color:var(--color-text-primary);transform:scale(1.1)}.b2b-variant-color-swatch--selected{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px var(--color-accent-light)}.b2b-variant-color-swatch .swatch-check{position:absolute;inset:0;width:100%;height:100%}.b2b-variant-size-grid{display:flex;flex-wrap:wrap;gap:8px}.b2b-variant-size-chip{padding:6px 14px;border-radius:var(--radius-sm,6px);border:1px solid var(--color-border-primary);background:var(--color-bg-elevated);color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.b2b-variant-size-chip:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.b2b-variant-size-chip--selected{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent)}.b2b-variant-selection-summary{display:block;margin-top:8px;font-size:12px;color:var(--color-accent)}.inventory-select-modal-content{width:min(780px,95vw);max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.inventory-select-modal-body{padding:4px 0;overflow:hidden;flex:1 1;min-height:0;display:flex;flex-direction:column}.inventory-select-intro{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px;line-height:1.5}.inventory-select-loading{display:flex;align-items:center;justify-content:center;padding:32px;color:var(--color-text-tertiary);font-size:14px}.inventory-select-list{display:flex;flex-direction:column;gap:8px;flex:1 1;min-height:0;overflow-y:auto}.inventory-select-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md,8px);cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.inventory-select-item:hover{border-color:var(--color-accent);background:var(--color-bg-surface)}.inventory-select-item--active{border-color:var(--color-accent);background:var(--color-accent-light)}.inventory-select-name{font-size:14px;font-weight:600;color:var(--color-text-primary);flex:1 1}.inventory-select-code{font-size:12px;color:var(--color-text-tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--color-bg-surface);padding:2px 8px;border-radius:var(--radius-sm,4px);flex-shrink:0}.inventory-select-item--active .inventory-select-code{background:var(--color-bg-elevated)}.inventory-select-check{color:var(--color-accent);font-size:16px;font-weight:700;flex-shrink:0}.inventory-select-footer{margin-top:4px}.switch-garment-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;border-radius:var(--radius-md,8px);border:1px solid var(--color-border-primary);background:var(--color-bg-elevated);cursor:pointer;transition:border-color .15s ease,background .15s ease;text-align:left}.switch-garment-btn:hover{border-color:var(--color-accent);background:var(--color-bg-surface)}.switch-garment-btn-label{font-size:13px;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1;min-width:0}.switch-garment-btn-action{font-size:11px;font-weight:600;color:var(--color-accent);white-space:nowrap;flex-shrink:0}.left-rail-collapsed .switch-garment-btn-action,.left-rail-collapsed .switch-garment-btn-label{display:none}.switch-garment-category-list{display:flex;flex-direction:column;gap:8px}.confirmation-step{display:flex;flex-direction:column;gap:0}.confirmation-step-intro{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px;line-height:1.5}.confirmation-section{display:flex;flex-direction:column;gap:0;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md,8px);overflow:hidden;margin-bottom:20px}.confirmation-row{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border-subtle)}.confirmation-row:last-child{border-bottom:none}.confirmation-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);min-width:80px;flex-shrink:0;padding-top:2px}.confirmation-value{font-size:14px;color:var(--color-text-primary);line-height:1.4;word-break:break-word}.confirmation-code{color:var(--color-text-tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.confirmation-warning{font-size:12px;color:var(--color-warning,#f59e0b);margin-left:auto}.confirmation-intent{font-weight:600}.confirmation-intent--back,.confirmation-intent--front{color:var(--color-accent)}.confirmation-intent--both{color:#22c55e}.modal-step-intro{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px;line-height:1.5}.variant-select-section{margin-bottom:20px}.variant-select-section-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:10px}.variant-select-count{font-size:11px;text-transform:none;letter-spacing:0;color:var(--color-accent);font-weight:500}.variant-size-grid{display:flex;flex-wrap:wrap;gap:8px}.variant-size-chip{padding:6px 14px;border-radius:var(--radius-sm,6px);border:1px solid var(--color-border-primary);background:var(--color-bg-elevated);color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.variant-size-chip:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.variant-size-chip--selected{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent)}.mock-base-placeholder{display:none;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:100%;height:100%;min-height:200px;background:var(--color-bg-elevated);border:1px dashed var(--color-border-primary);border-radius:var(--radius-md,8px)}.mock-base-placeholder-inner{display:flex;flex-direction:column;align-items:center;gap:4px}.mock-base-placeholder-color{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.mock-base-placeholder-hint{font-size:12px;color:var(--color-text-tertiary)}.legal-page{max-width:680px;margin:0 auto;line-height:1.7;font-size:15px}.legal-page h2{font-size:20px;font-weight:700;margin:32px 0 12px}.legal-page h2,.legal-page h3{color:var(--color-text-primary)}.legal-page h3{font-size:16px;font-weight:600;margin:24px 0 8px}.legal-page p,.legal-page ul{margin:0 0 16px;color:var(--color-text-secondary)}.legal-page ul{padding-left:24px}.legal-page li{margin-bottom:6px}.legal-page a{color:var(--color-accent);text-decoration:underline}.legal-page a:hover{color:var(--color-accent-hover)}.legal-updated{font-size:13px;color:var(--color-text-muted);margin-bottom:24px}.b2b-landing{max-width:1100px;margin:0 auto;padding:0 0 80px}.b2b-landing-hero{display:grid;grid-template-columns:1fr auto;grid-gap:48px;gap:48px;align-items:center;padding:64px 0 56px;position:relative;overflow:hidden}.b2b-landing-hero-content{display:flex;flex-direction:column;gap:20px}.b2b-landing-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.b2b-landing-headline{margin:0;font-size:clamp(36px,5vw,56px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--color-text-primary)}.b2b-landing-subheadline{margin:0;font-size:18px;color:var(--color-text-secondary);line-height:1.6;max-width:520px}.b2b-landing-ctas{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:8px}.b2b-landing-cta-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:var(--color-accent-gradient);color:#fff;border-radius:var(--radius-pill);font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 8px 24px var(--color-accent-glow);transition:transform .15s ease,box-shadow .15s ease}.b2b-landing-cta-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px var(--color-accent-glow)}.b2b-landing-hero-visual{position:relative;width:280px;height:280px;flex-shrink:0}.b2b-landing-hero-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35}.b2b-landing-hero-orb--1{width:220px;height:220px;background:var(--color-accent);top:20px;left:20px}.b2b-landing-hero-orb--2{width:160px;height:160px;background:#06b6d4;bottom:10px;right:10px}.b2b-landing-hero-glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:80px;opacity:.18;color:var(--color-text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.b2b-landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px;margin-bottom:56px}.b2b-landing-feature{background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.b2b-landing-feature:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.b2b-landing-feature-icon{font-size:28px}.b2b-landing-feature-title{margin:0;font-size:17px;font-weight:700;color:var(--color-text-primary)}.b2b-landing-feature-body{margin:0;font-size:14px;color:var(--color-text-secondary);line-height:1.6}.b2b-landing-coming-soon{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;background:var(--color-bg-secondary);border:1px dashed var(--color-border-primary);border-radius:var(--radius-lg)}.b2b-landing-coming-soon-label{margin:0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.b2b-landing-coming-soon-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.b2b-landing-chip{display:inline-block;padding:6px 14px;background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-pill);font-size:13px;font-weight:500;color:var(--color-text-secondary)}@media (max-width:640px){.b2b-landing-hero{grid-template-columns:1fr}.b2b-landing-hero-visual{display:none}}.hp-landing{min-height:100vh;margin:0;width:100%;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden;position:relative}.hp-land-noise{position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px}[data-theme=light] .hp-land-noise{opacity:.028}.hp-land-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--color-bg-surface-translucent);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--color-border-subtle)}.hp-land-nav-inner{max-width:var(--landing-max-width);margin:0 auto;padding:0 clamp(20px,4vw,72px);height:70px;display:flex;align-items:center;justify-content:space-between}.hp-land-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--color-text-primary);letter-spacing:-.4px;text-decoration:none}.hp-land-logo-mark{font-size:24px;background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(99,102,241,.45));animation:hp-logo-pulse 4s ease-in-out infinite alternate}@keyframes hp-logo-pulse{0%{filter:drop-shadow(0 0 8px rgba(99,102,241,.35))}to{filter:drop-shadow(0 0 18px rgba(99,102,241,.65))}}.hp-land-nav-links{display:flex;align-items:center;gap:36px}.hp-land-nav-link{font-size:14px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color .2s;letter-spacing:.1px}.hp-land-nav-link:hover{color:var(--color-text-primary)}.hp-land-nav-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;background:linear-gradient(135deg,#4f46e5,#818cf8);color:#fff;font-size:14px;font-weight:600;border-radius:999px;text-decoration:none;transition:opacity .2s,box-shadow .2s,transform .15s;box-shadow:0 4px 18px rgba(79,70,229,.35)}.hp-land-nav-cta:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 28px rgba(79,70,229,.5)}.hp-land-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.hp-land-hero-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.hp-land-orb{position:absolute;border-radius:50%;filter:blur(130px);opacity:.22;will-change:transform;animation:hp-orb-drift 20s ease-in-out infinite alternate}.hp-land-orb--a{width:clamp(500px,50vw,900px);height:clamp(500px,50vw,900px);background:radial-gradient(circle,#6366f1 0,transparent 70%);top:-200px;left:-200px;animation-duration:22s}.hp-land-orb--b{width:clamp(400px,40vw,700px);height:clamp(400px,40vw,700px);background:radial-gradient(circle,#38bdf8 0,transparent 70%);top:25%;right:-100px;opacity:.12;animation-duration:17s;animation-direction:alternate-reverse}.hp-land-orb--c{width:clamp(350px,35vw,600px);height:clamp(350px,35vw,600px);background:radial-gradient(circle,#a855f7 0,transparent 70%);bottom:-100px;left:35%;opacity:.14;animation-duration:26s}.hp-land-orb--d{width:clamp(300px,28vw,500px);height:clamp(300px,28vw,500px);background:radial-gradient(circle,#f43f5e 0,transparent 70%);top:10%;left:55%;opacity:.07;animation-duration:19s;animation-direction:alternate-reverse}@keyframes hp-orb-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.05)}to{transform:translate(-20px,40px) scale(.96)}}.hp-land-grid-overlay{position:absolute;inset:0;background-image:radial-gradient(circle,hsla(0,0%,100%,.06) 1px,transparent 0);background-size:64px 64px}[data-theme=light] .hp-land-grid-overlay{background-image:radial-gradient(circle,rgba(28,20,13,.06) 1px,transparent 0)}[data-theme=light] .hp-land-orb--a{background:radial-gradient(circle,#f59e0b 0,transparent 70%);opacity:.13}[data-theme=light] .hp-land-orb--b{background:radial-gradient(circle,#f43f5e 0,transparent 70%);opacity:.07}[data-theme=light] .hp-land-orb--c{background:radial-gradient(circle,#a855f7 0,transparent 70%);opacity:.09}[data-theme=light] .hp-land-orb--d{background:radial-gradient(circle,#fb923c 0,transparent 70%);opacity:.06}.hp-land-hero-inner{position:relative;z-index:1;flex:1 1;display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,64px);padding:clamp(100px,14vh,160px) clamp(24px,5vw,96px) clamp(60px,8vh,120px);max-width:var(--landing-max-width);margin:0 auto;width:100%}.hp-land-hero-content{flex:1 1 auto;max-width:min(620px,50vw);animation:hp-fade-up .8s cubic-bezier(.16,1,.3,1) both}@keyframes hp-fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hp-land-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;padding:7px 16px;background:rgba(79,70,229,.12);border:1px solid rgba(129,140,248,.28);border-radius:999px;font-size:12.5px;font-weight:600;color:#a5b4fc;letter-spacing:.4px}[data-theme=light] .hp-land-eyebrow{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#92400e}.hp-land-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:hp-blink 2.2s ease-in-out infinite;flex-shrink:0}@keyframes hp-blink{0%,to{opacity:1;box-shadow:0 0 8px #4ade80}50%{opacity:.35;box-shadow:none}}.hp-land-headline{margin:0 0 26px;font-size:clamp(52px,6vw,96px);font-weight:900;line-height:1;letter-spacing:-3px;color:var(--color-text-primary)}.hp-land-headline-accent{background:linear-gradient(135deg,#818cf8,#38bdf8 60%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:hp-gradient-pan 5s linear infinite alternate}[data-theme=light] .hp-land-headline-accent{background:linear-gradient(135deg,#5b45e0,#ec4899 60%,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes hp-gradient-pan{0%{background-position:0}to{background-position:200%}}.hp-land-subheadline{margin:0 0 44px;font-size:clamp(16px,1.4vw,20px);line-height:1.68;color:var(--color-text-secondary);max-width:560px}.hp-land-hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:44px}.hp-land-btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#4f46e5,#818cf8);color:#fff;font-size:16px;font-weight:700;border-radius:999px;text-decoration:none;transition:opacity .2s,box-shadow .2s,transform .15s;box-shadow:0 8px 32px rgba(79,70,229,.45);position:relative;overflow:hidden}.hp-land-btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(hsla(0,0%,100%,.12),transparent);opacity:0;transition:opacity .2s}.hp-land-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(79,70,229,.55)}.hp-land-btn-primary:hover:after{opacity:1}.hp-land-btn-primary:active{transform:translateY(0)}.hp-land-btn-primary--lg{padding:18px 52px;font-size:18px}.hp-land-btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:14px 28px;border:1.5px solid var(--color-border-primary);color:var(--color-text-secondary);font-size:15px;font-weight:500;border-radius:999px;text-decoration:none;transition:border-color .2s,color .2s,background .2s,transform .15s;background:transparent}.hp-land-btn-ghost:hover{border-color:var(--color-accent);color:var(--color-text-primary);background:var(--color-accent-light);transform:translateY(-1px)}.hp-land-btn-ghost--light{border-color:hsla(0,0%,100%,.25);color:hsla(0,0%,100%,.8)}.hp-land-btn-ghost--light:hover{border-color:hsla(0,0%,100%,.6);color:#fff;background:hsla(0,0%,100%,.1)}.hp-land-trust{display:flex;flex-wrap:wrap;gap:10px 22px}.hp-land-trust-item{font-size:12.5px;color:var(--color-text-tertiary);font-weight:500;letter-spacing:.1px}.hp-land-hero-visual{position:relative;z-index:1;flex:0 0 auto;display:flex;align-items:center;padding:40px 40px 40px 0;margin-right:clamp(20px,3vw,60px);align-self:center;animation:hp-fade-up .9s cubic-bezier(.16,1,.3,1) .15s both}.hp-land-mockcard{flex:0 0 auto;width:clamp(280px,30vw,400px);margin-left:-40px;background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:22px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.45),0 4px 12px rgba(0,0,0,.15);transition:box-shadow .3s,transform .3s}.hp-land-mockcard:first-child{margin-left:0}.hp-land-mockcard--a{transform:rotate(-4deg);z-index:3;animation:hp-float-a 7s ease-in-out infinite alternate}.hp-land-mockcard--b{transform:rotate(1.5deg) translateY(-20px);z-index:2;animation:hp-float-b 9s ease-in-out infinite alternate}.hp-land-mockcard--c{transform:rotate(5deg);z-index:1;animation:hp-float-c 8s ease-in-out infinite alternate}@keyframes hp-float-a{0%{transform:rotate(-4deg) translateY(0)}to{transform:rotate(-3deg) translateY(-12px)}}@keyframes hp-float-b{0%{transform:rotate(1.5deg) translateY(-20px)}to{transform:rotate(2deg) translateY(-30px)}}@keyframes hp-float-c{0%{transform:rotate(5deg) translateY(0)}to{transform:rotate(4deg) translateY(-14px)}}.hp-land-mockcard-img{height:clamp(350px,20vw,410px);background:linear-gradient(135deg,#1e1b4b,#312e81);overflow:hidden}.hp-land-mockcard-real-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hp-land-mockcard:hover .hp-land-mockcard-real-img{transform:scale(1.04)}.hp-land-mockcard-body{padding:16px 18px}.hp-land-mockcard-brand{font-size:10.5px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.hp-land-mockcard-title{font-size:14px;font-weight:700;color:var(--color-text-primary);margin-bottom:10px;line-height:1.3}.hp-land-mockcard-swatches{display:flex;gap:5px;margin-bottom:10px}.hp-land-mockcard-swatch{width:14px;height:14px;border-radius:50%;border:1.5px solid hsla(0,0%,100%,.1);box-shadow:0 1px 3px rgba(0,0,0,.2)}[data-theme=light] .hp-land-mockcard-swatch{border-color:rgba(28,20,13,.12)}.hp-land-mockcard-price{font-size:13px;font-weight:700;color:var(--color-accent)}.hp-land-hero-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:hp-chip-pulse 4s ease-in-out infinite alternate}[data-theme=light] .hp-land-hero-chip{box-shadow:0 8px 24px rgba(28,20,13,.1)}.hp-land-hero-chip--a{top:0;left:-16px;animation-delay:0s}.hp-land-hero-chip--b{bottom:0;right:-16px;animation-delay:1.5s}@keyframes hp-chip-pulse{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.hp-land-hero-chip-icon{font-size:22px}.hp-land-hero-chip-val{font-size:18px;font-weight:900;color:var(--color-text-primary);line-height:1;letter-spacing:-.5px}.hp-land-hero-chip-lab{font-size:11px;color:var(--color-text-muted);font-weight:500}.hp-land-hero-fade{position:relative;z-index:1;height:80px;background:linear-gradient(to bottom,transparent,var(--color-bg-primary));pointer-events:none}.hp-land-stats{position:relative;z-index:1;background:#05060e;border-top:1px solid rgba(99,102,241,.2);border-bottom:1px solid rgba(99,102,241,.2)}[data-theme=light] .hp-land-stats{background:#1c140d;border-color:rgba(91,69,224,.25)}.hp-land-stats-inner{max-width:var(--landing-max-width);margin:0 auto;padding:clamp(28px,5vh,56px) clamp(20px,5vw,80px);display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.hp-land-stat{text-align:center;animation:hp-fade-up .7s cubic-bezier(.16,1,.3,1) both}.hp-land-stat-value{font-size:clamp(30px,3.2vw,54px);font-weight:900;background:linear-gradient(135deg,#818cf8,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px;letter-spacing:-1px}.hp-land-stat-label{font-size:13px;color:hsla(0,0%,100%,.45);font-weight:500;letter-spacing:.3px}.hp-land-ticker-wrap{position:relative;z-index:1;padding:28px 0;overflow:hidden;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-secondary)}.hp-land-ticker-label{text-align:center;font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:18px}.hp-land-ticker-track{overflow:hidden;position:relative}.hp-land-ticker-track:after,.hp-land-ticker-track:before{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.hp-land-ticker-track:before{left:0;background:linear-gradient(to right,var(--color-bg-secondary),transparent)}.hp-land-ticker-track:after{right:0;background:linear-gradient(to left,var(--color-bg-secondary),transparent)}.hp-land-ticker{display:flex;align-items:center;width:max-content;animation:hp-ticker-scroll 28s linear infinite}.hp-land-ticker:hover{animation-play-state:paused}@keyframes hp-ticker-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.hp-land-ticker-group{display:inline-flex;align-items:center;gap:14px;margin-right:14px}.hp-land-ticker-item{font-size:14px;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;transition:color .2s}.hp-land-ticker-item:hover{color:var(--color-text-primary)}.hp-land-ticker-sep{font-size:10px;color:var(--color-accent);opacity:.4}.hp-land-ticker--reverse{animation:hp-ticker-scroll-reverse 36s linear infinite}.hp-land-ticker--reverse:hover{animation-play-state:paused}@keyframes hp-ticker-scroll-reverse{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.hp-land-ticker-wrap--partners{margin-top:-8px}.hp-land-section-inner{max-width:var(--landing-max-width);margin:0 auto;padding:0 clamp(20px,5vw,80px)}.hp-land-section-header{text-align:center;margin-bottom:clamp(40px,6vw,80px)}.hp-land-section-eyebrow{margin:0 0 14px;font-size:12px;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:2px}[data-theme=light] .hp-land-section-eyebrow{color:#7c3aed}.hp-land-section-title{margin:0 0 16px;font-size:clamp(30px,3.5vw,54px);font-weight:900;color:var(--color-text-primary);letter-spacing:-1.5px;line-height:1.05}.hp-land-section-sub{font-size:clamp(15px,1.4vw,18px);color:var(--color-text-tertiary);max-width:560px;margin:0 auto;line-height:1.6}.hp-land-features{position:relative;z-index:1;padding:clamp(60px,9vh,120px) 0}.hp-land-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.hp-land-bento-card--wide{grid-column:span 1}.hp-land-bento-card{position:relative;padding:clamp(24px,2.5vw,40px);background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:24px;overflow:hidden;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .2s}.hp-land-bento-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,.25);border-color:color-mix(in srgb,var(--card-accent,#6366f1) 40%,var(--color-border-primary))}[data-theme=light] .hp-land-bento-card:hover{box-shadow:0 16px 44px rgba(28,20,13,.1)}.hp-land-bento-accent-blob{position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:var(--card-accent,#6366f1);filter:blur(80px);opacity:.08;pointer-events:none;transition:opacity .3s}.hp-land-bento-card:hover .hp-land-bento-accent-blob{opacity:.14}.hp-land-bento-card--soon{opacity:.65}.hp-land-bento-card--soon:hover{opacity:1}.hp-land-feat-icon{font-size:clamp(28px,3vw,40px);margin-bottom:18px;display:block;line-height:1}.hp-land-feat-title{margin:0 0 12px;font-size:clamp(16px,1.5vw,20px);font-weight:800;color:var(--color-text-primary);display:flex;align-items:center;gap:10px;letter-spacing:-.3px}.hp-land-feat-body{margin:0;font-size:14px;line-height:1.72;color:var(--color-text-secondary)}.hp-land-soon-badge{font-size:10.5px;font-weight:700;padding:3px 9px;background:rgba(129,140,248,.15);border:1px solid rgba(129,140,248,.3);border-radius:999px;color:#a5b4fc;letter-spacing:.3px}.hp-land-how{position:relative;z-index:1;padding:clamp(60px,9vh,120px) 0;background:var(--color-bg-secondary)}.hp-land-how-wedge{position:absolute;top:-2px;left:0;right:0;height:80px;background:var(--color-bg-primary);-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,100% 0,0 100%)}.hp-land-steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;position:relative}.hp-land-step{padding:0 clamp(16px,2.5vw,40px);position:relative;animation:hp-fade-up .7s cubic-bezier(.16,1,.3,1) both}.hp-land-step-number{font-size:clamp(56px,5.5vw,80px);font-weight:900;color:rgba(129,140,248,.18);line-height:1;margin-bottom:20px;letter-spacing:-3px;transition:color .3s}[data-theme=light] .hp-land-step-number{color:rgba(91,69,224,.15)}.hp-land-step:hover .hp-land-step-number{color:rgba(129,140,248,.35)}.hp-land-step-bar{height:2px;width:40px;background:linear-gradient(to right,var(--color-accent),transparent);border-radius:2px;margin-bottom:18px;opacity:.5}.hp-land-step-title{margin:0 0 12px;font-size:clamp(15px,1.4vw,18px);font-weight:800;color:var(--color-text-primary);letter-spacing:-.3px}.hp-land-step-body{margin:0;font-size:14px;line-height:1.72;color:var(--color-text-secondary)}.hp-land-cta-banner{position:relative;z-index:1;padding:clamp(80px,12vh,160px) clamp(20px,5vw,80px);text-align:center;overflow:hidden;background:#07080f}[data-theme=light] .hp-land-cta-banner{background:#1c140d}.hp-land-cta-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.hp-land-cta-orb--a{width:clamp(300px,40vw,600px);height:clamp(300px,40vw,600px);background:radial-gradient(circle,#4f46e5,transparent 70%);top:-150px;left:-100px;opacity:.25}.hp-land-cta-orb--b{width:clamp(250px,35vw,500px);height:clamp(250px,35vw,500px);background:radial-gradient(circle,#38bdf8,transparent 70%);bottom:-100px;right:-80px;opacity:.15}.hp-land-cta-inner{position:relative;z-index:1;max-width:800px;margin:0 auto}.hp-land-cta-eyebrow{margin:0 0 20px;font-size:12px;font-weight:700;color:rgba(129,140,248,.8);text-transform:uppercase;letter-spacing:2.5px}.hp-land-cta-title{margin:0 0 20px;font-size:clamp(38px,5vw,72px);font-weight:900;color:#f0f0ff;letter-spacing:-2px;line-height:1.05}.hp-land-cta-sub{font-size:clamp(15px,1.4vw,18px);color:hsla(0,0%,100%,.5);max-width:560px;line-height:1.65;margin:0 auto 44px}.hp-land-cta-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.hp-land-footer{position:relative;z-index:1;padding:clamp(24px,4vh,40px) 0;border-top:1px solid var(--color-border-primary);background:var(--color-bg-primary)}.hp-land-footer-inner{max-width:var(--landing-max-width);margin:0 auto;padding:0 clamp(20px,5vw,80px);justify-content:space-between;gap:20px}.hp-land-footer-inner,.hp-land-footer-links{display:flex;align-items:center;flex-wrap:wrap}.hp-land-footer-links{gap:6px 24px}.hp-land-footer-links a{font-size:13px;color:var(--color-text-muted);text-decoration:none;transition:color .18s}.hp-land-footer-links a:hover{color:var(--color-text-secondary)}.hp-land-footer-copy{margin:0;font-size:12.5px;color:var(--color-text-muted)}@media (max-width:1100px){.hp-land-bento{grid-template-columns:repeat(2,1fr)}.hp-land-bento-card--wide{grid-column:span 1}}@media (max-width:900px){.hp-land-hero-inner{flex-direction:column;align-items:flex-start;padding-top:clamp(90px,12vh,120px);padding-bottom:clamp(40px,6vh,80px)}.hp-land-hero-content{max-width:100%}.hp-land-hero-visual{width:100%;max-width:500px;padding-right:0;margin:0 0 0 auto;justify-content:center}.hp-land-mockcard--c{display:none}.hp-land-stats-inner,.hp-land-steps{grid-template-columns:repeat(2,1fr)}.hp-land-steps{gap:40px 24px}.hp-land-step{padding:0}.hp-land-steps:before{display:none}.hp-land-bento{grid-template-columns:1fr}}@media (max-width:640px){.hp-land-nav-links{display:none}.hp-land-stats-inner{grid-template-columns:repeat(2,1fr);padding:28px 20px}.hp-land-steps{grid-template-columns:1fr;gap:32px}.hp-land-footer-inner{flex-direction:column;align-items:flex-start;gap:16px}.hp-land-hero-chip{display:none}}.b2b-inventory{max-width:1100px;margin:0 auto;padding:clamp(24px,3vw,48px) clamp(24px,3vw,48px) 80px}.b2b-inventory-header{margin-bottom:24px}.b2b-inventory-title{margin:0 0 4px;font-size:clamp(24px,2.2vw,36px);font-weight:800;color:var(--color-text-primary);letter-spacing:-.5px;line-height:1.15}.b2b-inventory-subtitle{margin:0;font-size:14px;color:var(--color-text-secondary)}.b2b-inventory-results-meta{font-size:13px;color:var(--color-text-muted);margin-top:12px}.b2b-inventory-proceed-bar{display:flex;align-items:center;gap:16px;background:var(--color-bg-elevated);color:var(--color-text-primary);padding:12px 20px;border-radius:12px;border:1px solid var(--color-border-primary);box-shadow:var(--shadow-md);flex-shrink:0;margin-top:16px}.b2b-inventory-proceed-summary{display:flex;flex-direction:column;gap:2px}.b2b-inventory-proceed-summary strong{font-size:14px;font-weight:700;color:var(--color-text-primary)}.b2b-inventory-proceed-detail{font-size:12px;color:var(--color-text-secondary)}.b2b-inventory-proceed-btn{padding:10px 24px;background:var(--color-accent-gradient);color:#fff;border:none;border-radius:var(--radius-pill);font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .1s;box-shadow:0 2px 12px var(--color-accent-glow)}.b2b-inventory-proceed-btn:hover{opacity:.92;transform:translateY(-1px)}.b2b-inventory-proceed-clear{background:transparent;border:none;color:var(--color-text-muted);font-size:18px;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}.b2b-inventory-proceed-clear:hover{color:var(--color-text-primary)}.b2b-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));grid-gap:clamp(16px,2vw,28px);gap:clamp(16px,2vw,28px);margin-top:16px}.b2b-inventory-empty{grid-column:1/-1;text-align:center;padding:80px 20px;background:var(--color-bg-secondary);border-radius:16px;border:1px dashed var(--color-border-primary)}.b2b-inventory-empty-title{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--color-text-secondary)}.b2b-inventory-empty-hint{margin:0;font-size:14px;color:var(--color-text-muted)}.b2b-inventory-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:var(--color-bg-secondary);border-radius:16px;border:1px dashed var(--color-border-primary);margin-top:24px}.b2b-inventory-loading-text{margin:16px 0 4px;font-size:18px;font-weight:700;color:var(--color-text-secondary)}.b2b-inventory-loading-hint{margin:0;font-size:14px;color:var(--color-text-muted)}.b2b-style-card{border:1px solid var(--color-border-primary);border-radius:16px;transition:box-shadow .2s,border-color .2s,transform .15s}.b2b-style-card--selected{box-shadow:0 0 0 3px var(--color-accent-glow),var(--shadow-md)}.b2b-style-card-image-wrap{aspect-ratio:3/4}.b2b-style-card-image-placeholder{font-size:56px;opacity:.25}.b2b-style-card-category-badge{top:10px;left:10px;padding:4px 10px;background:rgba(5,7,26,.65);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;letter-spacing:.3px}.b2b-style-card-oos-badge{top:10px;right:10px;padding:4px 10px;background:rgba(220,38,38,.85);border-radius:999px}.b2b-style-card-body{padding:16px}.b2b-style-card-brand{font-weight:700;letter-spacing:.8px}.b2b-style-card-price{font-size:14px;color:var(--color-accent)}.b2b-style-card-colors{align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.b2b-style-card-colors-label,.b2b-style-card-colors-overflow{white-space:nowrap}.b2b-style-card-sizes{margin-top:8px;gap:6px}.b2b-style-card-sizes-label{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.b2b-style-card-footer{padding-top:10px;border-top:1px solid var(--color-border-subtle)}.b2b-style-card-select-hint{font-size:13px}.b2b-style-card-sku-count{font-size:12px}.b2b-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.b2b-filters-search{position:relative;display:flex;align-items:center;flex:1 1;min-width:220px;max-width:460px}.b2b-filters-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none;line-height:1;display:flex;align-items:center}.b2b-filters-input{width:100%;padding:10px 36px 10px 46px;border:1px solid var(--color-border-primary);border-radius:var(--radius-pill);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:14px;transition:border-color .2s,box-shadow .2s}.b2b-filters-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.b2b-filters-clear-btn{position:absolute;right:10px;width:20px;height:20px;padding:0;border-radius:50%;border:none;background:var(--color-bg-secondary);color:var(--color-text-muted);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none}.b2b-filters-selects{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.b2b-filters-select{padding:10px 16px;border:1px solid var(--color-border-primary);border-radius:var(--radius-pill);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:14px;cursor:pointer;transition:border-color .2s;height:42px}.b2b-filters-select:focus{outline:none;border-color:var(--color-accent)}.b2b-filters-reset-btn{padding:9px 16px;border:1px solid var(--color-border-primary);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:13px;cursor:pointer;box-shadow:none;background:transparent;transition:border-color .15s,color .15s}.b2b-filters-reset-btn:hover{border-color:var(--color-danger);color:var(--color-danger);transform:none;box-shadow:none}.b2b-style-card{background:var(--color-bg-surface);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;display:flex;flex-direction:column}.b2b-style-card:hover{border-color:var(--color-accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.b2b-style-card--selected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow),var(--shadow-md)}.b2b-style-card-image-wrap{position:relative;width:100%;aspect-ratio:1;background:var(--color-bg-secondary);overflow:hidden}.b2b-style-card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.b2b-style-card:hover .b2b-style-card-image{transform:scale(1.03)}.b2b-style-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;opacity:.3;background:var(--color-bg-canvas)}.b2b-style-card-category-badge{left:8px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.b2b-style-card-category-badge,.b2b-style-card-oos-badge{position:absolute;top:8px;padding:3px 10px;color:#fff;border-radius:var(--radius-pill);font-size:11px;font-weight:600}.b2b-style-card-oos-badge{right:8px;background:var(--color-danger)}.b2b-style-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1 1}.b2b-style-card-brand{margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.b2b-style-card-title{font-size:15px;line-height:1.3}.b2b-style-card-price,.b2b-style-card-title{margin:0;font-weight:700;color:var(--color-text-primary)}.b2b-style-card-price{font-size:13px}.b2b-style-card-price-note{font-weight:400;color:var(--color-text-muted);font-size:11px}.b2b-style-card-colors{display:flex;flex-direction:column;gap:4px}.b2b-style-card-colors-label{font-size:11px;color:var(--color-text-muted)}.b2b-style-card-swatches{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.b2b-style-card-colors-overflow{font-size:11px;color:var(--color-text-muted);padding:2px 4px}.b2b-style-card-sizes{display:flex;flex-direction:column;gap:4px;margin-top:4px}.b2b-style-card-sizes-label{font-size:11px;color:var(--color-text-muted)}.b2b-style-card-footer{margin-top:auto;padding-top:8px}.b2b-style-card-select-hint{font-size:12px;font-weight:600;color:var(--color-accent)}.b2b-style-card-sku-count{font-size:11px;color:var(--color-text-muted)}.b2b-color-swatch{border-radius:50%;border:2px solid transparent;overflow:hidden;cursor:pointer;padding:0;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,transform .15s,box-shadow .15s;box-shadow:none;position:relative}.b2b-color-swatch:hover{border-color:var(--color-accent);transform:scale(1.15);box-shadow:0 2px 6px var(--color-accent-glow)}.b2b-color-swatch--selected{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px var(--color-accent-glow)!important;transform:scale(1.1)}.b2b-color-swatch-img{width:100%;height:100%;object-fit:cover;display:block}.b2b-color-swatch-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.38);border-radius:50%}.b2b-color-swatch-check svg{width:60%;height:60%}.b2b-color-swatch-dot{width:60%;height:60%;border-radius:50%;background:var(--color-border-primary)}.b2b-size-selector{display:flex;gap:4px;flex-wrap:wrap}.b2b-size-chip{padding:4px 10px;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s;box-shadow:none}.b2b-size-chip:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);transform:none;box-shadow:none}.b2b-size-chip--selected{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent)}.b2b-size-chip:disabled{opacity:.4;cursor:not-allowed}.page-section--wide{max-width:3400px;margin:0 auto;padding:0 2px 15px;width:100%}.description-editor{display:flex;flex-direction:column;gap:0}.description-mode-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border-primary)}.description-mode-tab{padding:6px 16px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--color-border-primary);border-bottom:none;border-radius:6px 6px 0 0;background:transparent;color:var(--color-text-secondary);transition:background .15s,color .15s}.description-mode-tab.active{background:var(--color-bg-surface);color:var(--color-text-primary);border-bottom:2px solid var(--color-bg-surface);margin-bottom:-2px}.description-mode-tab:hover:not(.active){background:var(--color-bg-secondary);color:var(--color-text-primary)}.description-preview{min-height:120px;padding:12px;border:1px solid var(--color-border-primary);border-top:none;border-radius:0 0 8px 8px;background:var(--color-bg-surface);color:var(--color-text-primary);font-size:.9rem;line-height:1.6;overflow-y:auto;max-height:300px}.description-preview.empty{color:var(--color-text-secondary);font-style:italic}.description-preview ol,.description-preview ul{margin:.5em 0;padding-left:1.5em}.description-preview li{margin:.25em 0}.description-preview h2{font-size:1.2rem;font-weight:700;margin:.5em 0 .25em}.description-preview h3{font-size:1.05rem;font-weight:600;margin:.5em 0 .25em}.description-preview p{margin:.4em 0}.description-toolbar{display:flex;gap:4px;padding:6px 8px;border:1px solid var(--color-border-primary);border-top:none;background:var(--color-bg-primary);flex-wrap:wrap}.description-toolbar button{padding:4px 10px;font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid var(--color-border-primary);border-radius:4px;background:var(--color-bg-surface);color:var(--color-text-primary);transition:background .12s;line-height:1.2;min-width:32px;text-align:center}.description-toolbar button:hover{background:var(--color-bg-elevated)}.description-editable{min-height:120px;padding:12px;border:1px solid var(--color-border-primary);border-top:none;border-radius:0 0 8px 8px;background:var(--color-bg-surface);color:var(--color-text-primary);font-size:.9rem;line-height:1.6;outline:none;overflow-y:auto;max-height:300px}.description-editable:focus{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.description-editable ol,.description-editable ul{margin:.5em 0;padding-left:1.5em}.description-editable li{margin:.25em 0}.description-editable h2{font-size:1.2rem;font-weight:700;margin:.5em 0 .25em}.description-editable h3{font-size:1.05rem;font-weight:600;margin:.5em 0 .25em}.tag-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:.8rem;border-radius:999px;background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.tag-chip.locked{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.tag-chip .tag-remove{cursor:pointer;font-size:.75rem;opacity:.7;transition:opacity .12s;background:none;border:none;color:inherit;padding:0 2px;line-height:1}.tag-chip .tag-remove:hover{opacity:1}.tag-chip .tag-lock-icon{font-size:.7rem;opacity:.7}.b2b-card-focus-backdrop{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;animation:b2b-focus-fade .18s ease}.b2b-card-focus-modal{background:var(--color-bg-elevated,#fff);border-radius:16px;overflow:hidden;display:flex;flex-direction:row;width:100%;max-width:clamp(640px,55vw,960px);height:clamp(400px,65vh,720px);position:relative;box-shadow:0 24px 64px rgba(0,0,0,.35),0 4px 16px rgba(0,0,0,.2);animation:b2b-focus-zoom .22s cubic-bezier(.22,1,.36,1)}.b2b-card-focus-close{position:absolute;top:12px;right:12px;z-index:1;width:32px;height:35px;border-radius:50%;border:none;background:rgba(0,0,0,.45);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s;line-height:1}.b2b-card-focus-close:hover{background:rgba(0,0,0,.7)}.b2b-card-focus-image-wrap{position:relative;flex:0 0 55%;background:#f5f5f5;overflow:hidden}.b2b-card-focus-image{width:100%;height:100%;object-fit:contain;display:block}.b2b-card-focus-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:72px;opacity:.4}.b2b-card-focus-body{padding:20px;display:flex;flex-direction:column;gap:14px;flex:1 1;overflow-y:auto}.b2b-card-focus-meta{display:flex;flex-direction:column;gap:2px}.b2b-card-focus-title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.3}.b2b-card-focus-swatches{display:flex;flex-wrap:wrap;gap:6px}.b2b-card-focus-actions button{width:100%}@media (max-width:600px){.b2b-card-focus-modal{flex-direction:column;height:auto;max-height:92vh;overflow-y:auto}.b2b-card-focus-image-wrap{flex:none;width:100%;aspect-ratio:1/1}.b2b-card-focus-body{overflow-y:visible}}@keyframes b2b-focus-fade{0%{opacity:0}to{opacity:1}}@keyframes b2b-focus-zoom{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}