html,body,#root{width:100%;height:100%}*,:before,:after{box-sizing:border-box;font-family:inherit}body{font-family:var(--font-body);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600}#root{max-width:none!important;margin:0!important;padding:0!important}:root{--sidebar-w:420px;--gutter:18px;--brand-night:#131211;--brand-main:#3e2c11;--brand-hover:#272421;--text-muted:#625c52;--text-disabled:#c4bcac;--ink-faint:#8c857a;--surface-sidebar:#faf7f2;--surface-card:#fff;--surface-accent:#f0ede5;--surface-light:#f3eadc;--surface-app-top:#fdfcfa;--surface-viewport-top:#f0ede5;--surface-placeholder:#ded8cc;--skelett-svep:#f8f4ec;--gold-cta:#3e2c11;--gold-hover:#2e2009;--gold-light:#856124;--surface-chrome:#f5efe4;--info-link:#856124;--danger:#a33a2a;--warn:#96601a;--success:#2e6b4f;--success-mark:#2e6b4f;--success-on-dark:#7dbf9a;--danger-on-dark:#e08c79;--brand-rgb:62, 44, 17;--gold-rgb:133, 97, 36;--ink-rgb:19, 18, 17;--bg-primary:var(--surface-sidebar);--bg-elevated:#fdfcfa;--bg-panel:rgba(var(--brand-rgb), .045);--bg-workspace:var(--surface-sidebar);--bg-surface:var(--surface-card);--bg-subtle:rgba(var(--ink-rgb), .03);--bg-overlay:#fffffff5;--gallery-bg:var(--surface-light);--gallery-surface:var(--surface-card);--text-primary:var(--brand-night);--text-secondary:var(--text-muted);--text-dark:var(--brand-night);--muted-dark:rgba(var(--ink-rgb), .66);--border-subtle:#ded8cc;--border-strong:#c4bcac;--shadow-soft:0 18px 42px rgba(var(--ink-rgb), .08);--shadow-panel:0 26px 54px rgba(var(--ink-rgb), .1);--accent:#856124;--accent-ink:#fff;--cta-ink:#faf7f2;--radius-lg:0;--radius-md:0;--radius-sm:0;--tap:44px;--ctrl-h:44px;--slider-h:44px;--thumb:22px;--track-h:6px;--field-bg:#fff;--field-line:rgba(var(--brand-rgb), .18);--focus:#a8864f2e;--focus-ring:#a8864f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--font-nav:15px;--font-xs:12px;--font-sm:13px;--font-base:14px;--font-md:16px;--font-lg:18px;--font-xl:22px;--font-2xl:28px;--font-3xl:36px;--font-4xl:48px;--lh-tight:1;--lh-heading:1.2;--lh-body:1.4;--lh-prose:1.5;--radius-xs:0;--radius-xl:0;--radius-pill:999px;--radius-field:2px;--shadow-xs:0 2px 4px rgba(var(--ink-rgb), .04);--shadow-sm:0 4px 12px rgba(var(--ink-rgb), .08);--shadow-md:0 8px 20px rgba(var(--ink-rgb), .12);--shadow-lg:0 12px 32px rgba(var(--ink-rgb), .14);--shadow-xl:0 20px 40px rgba(var(--ink-rgb), .18);--z-base:0;--z-content:1;--z-sticky:10;--z-drawer:50;--z-hint:60;--z-mobile-nav:90;--z-modal-backdrop:190;--z-modal:200;--z-toast:300;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--btn-h:44px;--btn-h-sm:36px;--btn-pad-x:20px;--btn-pad-x-sm:14px;--btn-radius:0;--btn-font:var(--font-base);--btn-font-sm:var(--font-sm);--btn-font-weight:500}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--btn-h);padding:0 var(--btn-pad-x);color:inherit;font-family:inherit;font-size:var(--btn-font);font-weight:var(--btn-font-weight);line-height:var(--lh-tight);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:0;display:inline-flex}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--sm{min-height:var(--btn-h-sm);padding:0 var(--btn-pad-x-sm);font-size:var(--btn-font-sm)}.btn--primary{background:var(--gold-cta);color:var(--cta-ink);border-color:var(--gold-cta)}.btn--primary:hover:not(:disabled){background:var(--gold-hover);border-color:var(--gold-hover)}.btn--primary:active:not(:disabled){transform:translateY(1px)}.btn--secondary{background:var(--surface-card);color:var(--brand-night);border-color:rgba(var(--brand-rgb), .22)}.btn--secondary:hover:not(:disabled){background:rgba(var(--brand-rgb), .04)}.btn--ghost{color:rgba(var(--ink-rgb), .72);border-color:rgba(var(--ink-rgb), .16);background:0 0}.btn--ghost:hover:not(:disabled){background:rgba(var(--ink-rgb), .04);color:var(--text-primary)}.btn--danger{background:var(--danger);color:var(--accent-ink);border-color:var(--danger)}.btn--danger:hover:not(:disabled){filter:brightness(.94)}.btn--icon{min-width:var(--btn-h);border-radius:0;gap:0;padding:0}.btn--icon.btn--sm{min-width:var(--btn-h-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}body{background:linear-gradient(180deg, var(--surface-app-top) 0%, var(--bg-workspace) 100%);color:var(--text-primary);font-family:var(--font-body)}:root{--topbar-h:72px;--preview-h:36dvh;--iconbar-w:100px;--detail-w:372px;--tabbar-h:64px}.appShell{grid-template-rows:var(--topbar-h) 1fr;grid-template-columns:1fr;height:100dvh;display:grid;overflow:hidden}.appShell.isMobileLayout{grid-template-rows:var(--topbar-h) 1fr}.appShell.isMobileLayout[data-preview=stort]{--preview-h:36dvh}.appShell.isMobileLayout[data-preview=mellan]{--preview-h:25dvh}.appShell.isMobileLayout .canvasArea{flex:0 0 var(--preview-h);min-height:0}.appShell.isMobileLayout .configBar{display:none}.canvasToolBtn--vagg{cursor:pointer;position:relative}.vaggProv{border:1px solid var(--border-strong);border-radius:0;width:18px;height:18px;display:block}.vaggInput{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.canvasToolBtn--vagg:focus-within{outline:2px solid var(--focus-ring);outline-offset:1px}.ark{background:var(--surface-card);border-top:1px solid var(--border-subtle);flex-direction:column;flex:auto;min-height:0;display:flex}.arkHandtag{appearance:none;align-self:center;align-items:center;gap:var(--space-1);height:32px;padding:0 var(--space-3);border:1px solid var(--border-strong);background:var(--surface-app-top);color:var(--text-muted);font-family:inherit;font-size:var(--font-xs);letter-spacing:.04em;white-space:nowrap;cursor:pointer;z-index:1;border-radius:999px;flex:none;margin-top:-16px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.arkHandtag:hover{background:rgba(var(--brand-rgb), .06);border-color:rgba(var(--brand-rgb), .5);color:var(--text-primary)}.stegrad{z-index:2;background:var(--surface-card);border-bottom:1px solid var(--border-subtle);flex:none;display:flex;position:sticky;top:0}.stegKnapp{min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1 1 0;padding:12px 4px;font-size:12px;line-height:1.2;overflow:hidden}.stegKnapp--bred{flex:1.3 1 0}.stegKnapp.isActive{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.stegBock{color:var(--success,#2e6b4f);margin-right:3px}.stegOfardig{border:1.5px solid var(--warn);border-radius:50%;flex:none;width:8px;height:8px;margin-right:4px;display:inline-block}.iconBtnLabel .stegOfardig{margin-right:3px}@media (width<=374px){.stegKnapp.isKlar .stegKnappEtikett{display:none}.stegKnapp.isKlar{flex:none;padding-inline:10px}.stegBock{margin-right:0}}.arkStegrubrik{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-3) 18px var(--space-2);flex:none;display:flex}.arkStegTitel{font-family:var(--font-display);font-size:var(--font-xl);letter-spacing:.015em;color:var(--text-dark);margin:0;font-weight:600}.arkStegRaknare{font-size:var(--font-sm);letter-spacing:.01em;color:var(--text-muted);white-space:nowrap;font-weight:500}.arkKropp{min-height:0;padding:var(--space-4) 18px;flex:auto;overflow-y:auto}.arkFot{border-top:1px solid var(--border-subtle);background:var(--surface-chrome);padding:10px 18px calc(10px + env(safe-area-inset-bottom));flex:none}.arkFotRad{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:10px;display:flex}.arkFotSpec{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);font-size:13px;overflow:hidden}.arkFotPris{color:var(--ink);font-variant-numeric:tabular-nums;flex:none;font-size:17px;font-weight:600}.arkFotKnappar{gap:10px;display:flex}.arkFotBakat{border:1px solid var(--border-subtle);background:var(--surface-card);min-height:48px;color:var(--ink);cursor:pointer;border-radius:0;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:15px;display:inline-flex}.arkFotBakat:disabled{opacity:.4;cursor:not-allowed}.arkFotNasta{border:1px solid var(--gold-cta);background:var(--gold-cta);min-height:48px;color:var(--cta-ink);cursor:pointer;border-radius:0;flex:auto;justify-content:center;align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex}.topbar{background:var(--surface-chrome);color:var(--text-primary);padding:0 var(--space-3);z-index:var(--z-sticky);grid-row:1;align-items:center;gap:10px;display:flex;box-shadow:0 1px #0000002e}.topbarCenter{flex:1 1 0;justify-content:center;display:flex}.topbarRight{align-items:center;gap:var(--space-2);flex:none;display:flex}.topbarBackFull{align-items:center;gap:6px;display:inline-flex}.topbarBackShort{display:none}.topbarHamburger{appearance:none;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:6px;line-height:0;display:none}.isMobileLayout .topbarHamburger{align-items:center;display:flex}.isMobileLayout .topbarBack{display:none}@media (width<=480px){.topbar{padding:0 var(--space-2);gap:var(--space-1);justify-content:space-between}.topbarRight{margin-left:0}}.mobileNavOverlay{z-index:var(--z-modal-backdrop);background:#00000073;position:fixed;inset:0}.mobileNavDrawer{background:var(--surface-chrome);width:min(340px,88vw);z-index:var(--z-modal);flex-direction:column;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000059}.mobileNavDrawer.isOpen{transform:translate(0)}.mobileNavDrawerHeader{padding:var(--space-4) 20px;border-bottom:1px solid var(--border-subtle);height:var(--topbar-h);box-sizing:border-box;justify-content:space-between;align-items:center;display:flex}.mobileNavLogo{width:auto;height:30px}.mobileNavClose{appearance:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);background:0 0;border:none;line-height:0}.mobileNavLink{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-nav);padding:18px var(--space-5);border-bottom:1px solid var(--border-subtle);text-decoration:none;transition:background .15s,color .15s;display:flex}.mobileNavLink:hover{background:rgba(var(--brand-rgb), .06);color:var(--text-primary)}.mobileNavLink.isActive{color:var(--brand-main);font-weight:500}button.mobileNavLink{appearance:none;border:none;border-bottom:1px solid var(--border-subtle);font:inherit;font-size:var(--font-nav);text-align:left;cursor:pointer;background:0 0;width:100%}.topbarLogo{width:auto;height:47px}.topbarBack{appearance:none;border:1px solid var(--border-subtle);color:var(--text-muted);padding:var(--space-1) 10px;font-size:var(--font-xs);cursor:pointer;white-space:nowrap;background:0 0;border-radius:0;align-items:center;gap:6px;display:inline-flex}.topbarBack:hover{background:rgba(var(--brand-rgb), .06)}.topbarCartBtn{min-width:var(--tap);appearance:none;border:1px solid var(--border-strong);background:var(--surface-app-top);min-height:var(--tap);color:var(--text-dark);cursor:pointer;line-height:var(--lh-tight);justify-content:center;align-items:center;gap:9px;padding:0 18px;transition:background .15s,border-color .15s;display:inline-flex;position:relative}.topbarCartBtn:hover{background:rgba(var(--brand-rgb), .06);border-color:rgba(var(--brand-rgb), .5)}.topbarCartIcon{font-size:20px;line-height:var(--lh-tight);justify-content:center;align-items:center;display:inline-flex;transform:translateY(-.5px)}.topbarCartText{font-size:var(--font-base);color:var(--text-dark);white-space:nowrap;font-weight:600}.topbarLeft{flex:none;align-items:center;gap:0;display:flex}.topbarInlineNav{height:var(--topbar-h);margin-left:var(--space-2);align-items:center;display:flex}.topbarNavLink{color:var(--text-muted);font-size:var(--font-nav);letter-spacing:.04em;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;height:100%;padding:0 14px;text-decoration:none;transition:color .15s;display:flex}.topbarNavLink:hover{color:var(--text-primary)}.topbarNavLink.isActive{color:var(--brand-main);border-bottom-color:var(--brand-main)}button.topbarNavLink{appearance:none;font:inherit;font-size:var(--font-nav);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000}.mainArea{flex-direction:row;grid-row:2;min-height:0;display:flex;overflow:hidden}.appShell.isMobileLayout .mainArea{flex-direction:column;position:relative}.iconSidebar{flex:0 0 var(--iconbar-w);width:var(--iconbar-w);background:var(--surface-chrome);box-shadow:inset -1px 0 0 var(--border-subtle);flex-direction:column;align-items:center;gap:10px;padding:18px 0;display:flex;overflow-y:auto}.iconBtn{border:1px solid var(--border-subtle);background:var(--bg-elevated);width:88px;min-height:56px;color:var(--text-muted);justify-content:center;align-items:center;gap:var(--space-1);cursor:pointer;padding:var(--space-2) 2px;border-radius:0;flex-direction:column;transition:background .16s,color .16s;display:flex}.iconBtn:hover{background:var(--surface-light);border-color:var(--accent);color:var(--text-primary)}.iconBtn.isActive{background:var(--gold-cta);border-color:var(--gold-cta);color:var(--cta-ink);box-shadow:none}.iconBtn.isDone{color:var(--text-muted)}.iconBtn.isDone .iconBtnIcon{color:var(--success);font-size:var(--font-md)}.iconBtn.isActive.isDone .iconBtnIcon{color:var(--success-on-dark)}.iconBtnIcon{font-size:20px;line-height:var(--lh-tight)}.iconBtnLabel{font-size:var(--font-xs);text-align:center;line-height:var(--lh-heading);font-weight:400}.detailPanel{background:var(--bg-elevated);border-right:1px solid var(--border-subtle);flex-direction:column;flex:0 0 0;width:0;min-height:0;transition:flex-basis .28s,width .28s;display:flex;overflow:hidden}.detailPanel.isOpen{flex-basis:var(--detail-w);width:var(--detail-w)}.detailPanelHead{background:var(--surface-card);flex-direction:column;flex:none;display:flex}.panelHeadTop{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 18px 6px;display:flex}.panelHeadTitle{font-family:var(--font-display);font-weight:600;font-size:var(--font-xl);color:var(--text-dark);letter-spacing:.015em;white-space:nowrap;flex:auto;min-width:0;margin:0}.panelHeadClose{appearance:none;border:1px solid rgba(var(--ink-rgb), .14);color:rgba(var(--ink-rgb), .6);cursor:pointer;background:0 0;border-radius:0;flex:none;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.panelHeadClose:hover{background:rgba(var(--ink-rgb), .05);color:var(--brand-night);border-color:rgba(var(--ink-rgb), .28)}.panelHeadSteg{padding:var(--space-1) 18px 10px;font-size:var(--font-sm);color:var(--text-muted);letter-spacing:.01em;font-weight:500}.panelNavBtn{appearance:none;align-items:center;gap:var(--space-1);color:var(--brand-main);border:1px solid rgba(var(--brand-rgb), .28);font-size:var(--font-sm);cursor:pointer;white-space:nowrap;background:0 0;border-radius:0;flex:none;padding:6px 14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.panelNavBtn--nasta{background:var(--gold-cta);border-color:var(--gold-cta);color:var(--cta-ink);font-weight:600}.panelNavBtn--nasta:disabled{opacity:.4}.panelNavBtn:hover:not(:disabled){background:rgba(var(--brand-rgb), .06);border-color:rgba(var(--brand-rgb), .5)}.panelNavBtn:disabled{opacity:.3;cursor:default}.detailPanelBody{border-top:1px solid var(--border-subtle);flex-direction:column;flex:auto;min-height:0;padding:18px 18px 0;display:flex;overflow-y:auto}.detailPanelBody:has(.panelContent--frame){overflow-y:hidden}.panelContent--frame,.panelContent--frame .control{flex-direction:column;flex:auto;min-height:0;display:flex}.panelContent--frame .frameGrid{flex:auto;align-content:start;max-height:none}.panelContent--frame>.frameValueProps,.panelContent--frame .control>.label,.panelContent--frame .frameCategoryChips{flex:none}.panelContent--frame .frameFamilyList{flex:auto;min-height:0;max-height:none}.sliderHead{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:10px;display:flex}.sliderLabel{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.sliderValue{color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.sliderScale{color:var(--text-muted);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.sizeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sizeOption{justify-content:space-between;align-items:baseline;gap:var(--space-2);border:1px solid var(--border-subtle);background:var(--surface-card);min-height:44px;color:var(--ink);text-align:left;cursor:pointer;border-radius:0;padding:12px 16px;transition:border-color .12s,background-color .12s;display:flex}.sizeOption:hover:not(:disabled){border-color:var(--border-strong)}.sizeOption.isActive{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--surface-chrome)}.sizeOption:disabled{cursor:not-allowed;opacity:.45}.sizeOptionMatt{font-size:15px;font-weight:600;line-height:1.2}.sizeOptionMeta{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13.5px;line-height:1.2}.sizeOption--eget{grid-column:1/-1}.sizeFields{margin-top:calc(12px - var(--panel-block-gap,18px));grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sizeField{flex-direction:column;gap:6px;display:flex}.sizeFieldLabel{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.sizeFieldInput{width:100%;font:inherit;color:var(--ink);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-field);padding:11px 12px;font-size:16px}.sizeFieldInput:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.canvasArea{background:var(--surface-viewport-top);flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;overflow:hidden}.canvasDisclaimer{justify-content:center;align-items:center;gap:var(--space-2);padding:6px var(--space-3) var(--space-2);font-size:11px;line-height:var(--lh-body);color:var(--text-secondary);text-align:center;opacity:.85;background:var(--bg-surface);flex-shrink:0;margin:0;display:flex}.canvasDisclaimerText{flex:0 auto}.canvasDisclaimerClose{appearance:none;color:inherit;cursor:pointer;padding:var(--space-1);opacity:.6;transition:opacity var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;display:inline-flex}.canvasDisclaimerClose:hover{opacity:1;background:rgba(var(--ink-rgb), .06)}.viewportCanvas{width:100%;height:100%;display:block}.canvasToolbar{gap:var(--space-1);z-index:var(--z-sticky);flex-direction:column;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.canvasToolBtn{appearance:none;border:1px solid rgba(var(--ink-rgb), .14);color:var(--text-dark);padding:var(--space-2) 10px;font-size:var(--font-xs);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe0;border-radius:0;flex-direction:column;align-items:center;gap:3px;min-width:58px;font-weight:500;transition:background .14s,color .14s,border-color .14s;display:flex}.canvasToolBtn:hover{background:var(--surface-accent);border-color:rgba(var(--brand-rgb), .3)}.canvasToolBtn.isActive{background:var(--brand-main);border-color:var(--brand-main);color:var(--accent-ink)}.canvasToolBtn.isUnavailable{opacity:.4;cursor:not-allowed}.canvasToolBtn:disabled{opacity:.5;cursor:default}.canvasToolLabel{line-height:var(--lh-tight);text-align:center}.canvasMobileTools{max-height:calc(100% - 28px);z-index:var(--z-sticky);justify-content:flex-end;align-items:flex-end;gap:var(--space-2);flex-direction:column-reverse;display:flex;position:absolute;top:14px;right:14px}.canvasMobileToolsBackdrop{z-index:var(--z-sticky);position:fixed;inset:0}.canvasMobileToolsMenu{gap:var(--space-1);overscroll-behavior:contain;border:1px solid var(--border-subtle);min-height:0;padding:var(--space-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-sticky);background:#fffffff5;border-radius:0;flex-direction:column;display:flex;overflow-y:auto;box-shadow:0 4px 20px #0000001f}.canvasMobileToolsMenu .canvasToolBtn{min-width:150px;font-size:var(--font-sm);flex-direction:row;justify-content:flex-start;gap:10px;padding:10px 14px}.canvasMobileToolsToggle{appearance:none;border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--text-dark);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-sticky);background:#ffffffeb;border-radius:0;justify-content:center;align-items:center;transition:background .14s;display:flex;box-shadow:0 2px 10px #0000001a}.canvasMobileToolsToggle:hover{background:var(--surface-accent)}.canvasMobileToolsToggle.isActive{background:var(--brand-main);color:var(--accent-ink);border-color:var(--brand-main)}.slidePanelBackdrop{z-index:var(--z-content);position:absolute;inset:0}.slidePanel{background:var(--surface-card);max-height:0;box-shadow:0 -4px 24px rgba(var(--ink-rgb), .14);z-index:var(--z-drawer);border-radius:0;flex-direction:column;flex:0 0 0;transition:max-height .3s,flex-basis .3s;display:flex;overflow:hidden}.slidePanel.isOpen{flex-basis:58vh;max-height:58vh}.slidePanelDragArea{cursor:pointer;flex-direction:column;flex:none;display:flex}.slidePanelDragArea:active{cursor:grabbing}.slidePanelHandle{flex:none;justify-content:center;align-items:center;width:100%;height:12px;display:flex}.slidePanelHead .panelHeadTop{padding-top:var(--space-1)}.slidePanelHandle:before{content:"";background:#00000038;border-radius:0;width:36px;height:4px}.slidePanelDragArea:active .slidePanelHandle:before{background:#00000057}.slidePanelHead{border-bottom:1px solid var(--border-subtle);flex-direction:column;flex:none;display:flex}.slidePanelBody{padding:var(--space-4) 18px;flex:auto;min-height:0;overflow-y:auto}.slidePanelBody:has(.frameCategoryChips){flex-direction:column;display:flex;overflow-y:hidden}.bottomTabBar{background:var(--surface-card);border-top:1px solid var(--border-subtle);height:var(--tabbar-h);flex-direction:row;grid-row:3;align-items:stretch;display:flex}.tabBtn{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;transition:color .14s;display:flex}.tabBtn:hover{color:var(--brand-main)}.tabBtn.isActive{color:var(--text-primary);background:var(--surface-light);box-shadow:inset 0 0 0 1px var(--accent)}.tabBtn.isDone .tabBtnIcon{color:var(--success-mark);font-size:var(--font-base)}.stegKnapp.isPulsing{color:var(--accent,#856124);animation:1.8s ease-in-out infinite stegPuls}@keyframes stegPuls{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.stegKnapp.isPulsing{animation:none}}@keyframes tabPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.25)}}.tabBtnIcon{font-size:var(--font-lg);line-height:var(--lh-tight)}.tabBtnLabel{font-size:var(--font-xs);font-weight:400}.panelContent{flex-direction:column;gap:18px;display:flex}.mobileViewSwitch,.sidebar,.viewport{display:none}.mobileViewBtn{appearance:none;border:1px solid var(--border-strong);color:var(--text-dark);min-height:40px;padding:var(--space-2) 14px;font-weight:700;font-size:var(--font-sm);cursor:pointer;background:#ffffffd6;border-radius:0;box-shadow:inset 0 1px #ffffffbf}.mobileViewBtn.isActive{background:linear-gradient(180deg, var(--brand-hover), var(--brand-main));border-color:rgba(var(--brand-rgb), .5);color:var(--accent-ink)}.isMobileHidden{display:none!important}.sidebar{border-right:1px solid var(--border-subtle);background:linear-gradient(135deg, rgba(var(--gold-rgb), .06) 0%, rgba(var(--gold-rgb), 0) 24%), radial-gradient(88% 70% at 0% 0%, rgba(var(--brand-rgb), .1) 0%, rgba(var(--brand-rgb), 0) 72%), linear-gradient(180deg, var(--bg-elevated), var(--bg-primary));color:var(--text-primary);flex-direction:column;min-width:340px;height:100%;min-height:0;display:flex;overflow:hidden}.sidebarHeader{padding:22px 20px var(--space-4);border-bottom:1px solid var(--border-subtle);background:linear-gradient(#ffffff6b,#fff0);flex:none}.brandLockup{align-items:start;gap:10px;display:grid}.brandLogo{width:min(240px,100%);height:auto;display:block}.brandSub{font-size:var(--font-sm);color:var(--text-secondary);margin-top:0}.sidebarScroll{padding:var(--gutter);flex:auto;min-height:0;padding-bottom:14px;overflow:auto}.stack{gap:14px;padding-bottom:14px;display:grid}.accordionCard{background:var(--gallery-surface);box-shadow:var(--shadow-soft);border:1px solid rgba(var(--brand-rgb), .1);border-radius:0;overflow:clip}.accordionHeader{background:linear-gradient(180deg, #ffffffbf, #fff0), linear-gradient(90deg, rgba(var(--gold-rgb), .05), rgba(var(--gold-rgb), 0));width:100%;min-height:48px;color:var(--text-dark);padding:var(--space-4) 18px;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.accordionTitle{font-weight:600;font-size:var(--font-base);letter-spacing:.015em}.accordionChevron{font-size:var(--font-base);color:rgba(var(--brand-rgb), .58);transition:transform .2s}.accordionCard.isOpen .accordionChevron{transform:rotate(180deg)}.accordionContentWrap{will-change:max-height, opacity;transition:max-height .24s,opacity .2s;overflow:hidden}.accordionContent{padding:0 18px 18px}.cardTitle{font-weight:600;font-size:var(--font-base);color:var(--text-dark);justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.hr{background:rgba(var(--brand-rgb), .12);height:1px;margin:14px 0}.fileRow{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px dashed rgba(var(--brand-rgb), .24);background:linear-gradient(180deg, #fffffff0, rgba(var(--brand-rgb), .03)), linear-gradient(90deg, rgba(var(--gold-rgb), .06), rgba(var(--gold-rgb), 0));border-radius:0;display:flex}.fileText{flex:auto;gap:2px;min-width:0;display:grid}.fileTitleValfri{color:var(--text-muted);font-weight:400}.fileTitle{color:rgba(var(--ink-rgb), .92);font-weight:600;font-size:var(--font-sm)}.fileSub{color:var(--text-secondary);font-size:var(--font-xs)}.fileBtn{background:var(--gold-cta);min-height:44px;color:var(--cta-ink);padding:var(--space-2) 14px;font-size:15px;font-size:var(--font-sm);cursor:pointer;white-space:nowrap;border:none;border-radius:0;font-weight:500;transition:background .15s}.fileBtn:hover{background:var(--gold-hover)}.fileBtn:active{transform:translateY(1px)}.hiddenFile{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.label{color:rgba(var(--ink-rgb), .8);font-size:var(--font-sm);letter-spacing:.01em;align-items:center;font-weight:600;display:flex}.help{font-size:var(--font-xs);color:var(--text-secondary);margin-top:var(--space-2)}.help--flush{margin-top:0}.sizeInfoBanner{padding:10px var(--space-3);background:var(--surface-alt,#0f2e2e0a);font-size:var(--font-xs);line-height:var(--lh-body);color:var(--text-secondary);border:1px solid #0f2e2e14;border-radius:0;gap:10px;margin-top:14px;margin-bottom:14px;display:flex}.sizeInfoBanner svg{color:var(--text-primary);opacity:.7;flex-shrink:0;margin-top:1px}.sizeInfoBanner strong{color:var(--text-primary);font-weight:600}.framingChoices{flex-direction:column;gap:10px;display:flex}.framingChoice{min-height:44px;padding:var(--space-2) 14px;border:1px solid rgba(var(--brand-rgb), .16);color:rgba(var(--ink-rgb), .9);cursor:pointer;background:#ffffffeb;border-radius:0;align-items:center;gap:12px;transition:background .16s,border-color .16s;display:flex}.framingChoice:hover{background:rgba(var(--brand-rgb), .05);border-color:rgba(var(--brand-rgb), .24)}.framingChoice.isActive{background:rgba(var(--brand-rgb), .1);border-color:var(--brand-main);color:var(--brand-night)}.framingChoiceInput{opacity:0;width:0;height:0;margin:0;position:absolute}.framingChoice:has(.framingChoiceInput:focus-visible){outline:2px solid var(--brand-main);outline-offset:2px}.framingChoiceDot{border:2px solid var(--brand-night);background:0 0;border-radius:50%;flex-shrink:0;width:18px;height:18px}.framingChoice.isActive .framingChoiceDot{background:radial-gradient(circle, var(--brand-night) 0 45%, transparent 46%)}.framingChoiceName{font-size:14px;font-weight:600;line-height:var(--lh-body);text-align:left;flex:1}.framingChoicePrice{white-space:nowrap;font-size:13px;font-weight:700}.bildFoljd>.sizeInfoBanner{margin-top:0;margin-bottom:0}.bildKravMarke{margin-left:var(--space-2);font-size:var(--font-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-weight:600}.bildLed{font-size:var(--font-base);line-height:var(--lh-body);margin:0}.bildLed--dov{color:var(--text-muted)}.bildLank{appearance:none;font:inherit;color:var(--accent);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.bildLank:hover{color:var(--gold-hover,var(--accent))}.help.error{color:var(--danger)}.help.warn{color:var(--warn)}.control{gap:var(--space-2);display:grid}.presetRow{gap:var(--space-2);flex-wrap:wrap;display:flex}.presetPill{min-height:44px;padding:var(--space-2) 14px;border:1px solid rgba(var(--brand-rgb), .16);color:rgba(var(--ink-rgb), .9);align-items:center;gap:var(--space-2);cursor:pointer;background:#ffffffeb;border-radius:0;font-size:15px;font-weight:500;transition:background .16s,border-color .16s,transform .12s;display:inline-flex;box-shadow:inset 0 1px #ffffffc7}.presetPill:hover{background:rgba(var(--brand-rgb), .05);border-color:rgba(var(--brand-rgb), .24)}.presetPill:active{transform:translateY(1px)}.presetPill.isActive{background:rgba(var(--brand-rgb), .1);border:1px solid var(--brand-main);color:var(--brand-night)}.presetPill.isDisabled,.presetPill:disabled{opacity:.4;cursor:not-allowed;background:0 0}.presetPill.isDisabled:hover,.presetPill:disabled:hover{border-color:rgba(var(--ink-rgb), .12);background:0 0}.priceDelta{color:rgba(var(--ink-rgb), .5);margin-left:2px;font-size:11px;font-weight:400}.presetPill.isActive .priceDelta{color:rgba(var(--brand-rgb), .7)}.presetPillColor{min-width:112px}.swatch{border-radius:var(--radius-pill);border:1px solid rgba(var(--ink-rgb), .18);flex:none;width:14px;height:14px}.frameCategoryRad{margin-bottom:10px;position:relative}.frameCategoryRad:after{content:"";inset-block:0;pointer-events:none;background:linear-gradient(to right, transparent, var(--surface-card));opacity:1;width:24px;transition:opacity .14s;position:absolute;right:0}.frameCategoryRad.arSlut:after{opacity:0}.frameCategoryChips{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:6px;display:flex;overflow:auto hidden}.frameCategoryChips::-webkit-scrollbar{display:none}.frameCategoryChip{padding:var(--space-1) var(--space-3);border:1px solid rgba(var(--brand-rgb), .2);background:var(--surface-card);font-size:var(--font-xs);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:0;font-weight:500;transition:background .12s,border-color .12s,color .12s}.frameCategoryChip:hover{border-color:var(--brand-main);background:rgba(var(--brand-rgb), .05)}.frameCategoryChip.isActive{background:var(--brand-main);border-color:var(--brand-main);color:var(--accent-ink)}.frameValueProps{padding:10px var(--space-3);background:var(--bg-subtle);border:1px solid rgba(var(--ink-rgb), .08);border-radius:0;gap:6px;margin:0 0 14px;list-style:none;display:grid}.frameValueProps li{align-items:center;gap:var(--space-2);font-size:var(--font-xs);color:rgba(var(--ink-rgb), .78);line-height:var(--lh-heading);display:flex}.frameValueProps svg{color:var(--brand-main);flex-shrink:0}.frameFamilyList{max-height:340px;padding-right:var(--space-1);overflow-y:auto}@media (width<=999px){.arkKropp{padding-top:0}.arkKropp>.panelContent{padding-top:var(--space-4)}.frameFamilyList{max-height:none;padding-right:0;overflow-y:visible}.arkKropp .panelContent--frame,.arkKropp .panelContent--frame .control{min-height:0;display:block}}.frameFamilyGroup+.frameFamilyGroup{margin-top:24px}.frameFamilyLabel{z-index:1;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-card);margin:0 0 8px;padding:4px 0;font-size:12px;font-weight:600;position:sticky;top:0}@media (width<=999px){.frameFamilyLabel{margin-inline:-18px;padding-inline:18px}}.frameGrid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(90px,1fr));padding-right:2px;display:grid}@media (width<=999px){.frameGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.frameGrid::-webkit-scrollbar{width:4px}.frameGrid::-webkit-scrollbar-track{background:0 0}.frameGrid::-webkit-scrollbar-thumb{background:rgba(var(--brand-rgb), .2);border-radius:0}.frameThumbnailBtn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-1) 6px;background:var(--surface-card);cursor:pointer;text-align:center;box-shadow:0 1px 3px rgba(var(--ink-rgb), .06);border:2px solid #0000;border-radius:0;flex-direction:column;transition:border-color .12s,background .12s;display:flex;position:relative}.frameThumbnailBtn:hover{border-color:rgba(var(--brand-rgb), .28);background:var(--surface-sidebar)}.frameThumbnailBtn.isActive{border-color:var(--brand-main);background:rgba(var(--brand-rgb), .05)}.frameThumbnailImg{aspect-ratio:1;border:1px solid rgba(var(--ink-rgb), .06);background-color:#0000;background-position:50%;background-size:cover;border-radius:0;width:100%;position:relative}.frameThumbnailCheck{background:var(--brand-main);width:20px;height:20px;color:var(--accent-ink);font-size:var(--font-xs);font-weight:700;line-height:var(--lh-tight);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.frameThumbnailLabel{color:var(--brand-night);text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;font-weight:600;line-height:var(--lh-heading);overflow:hidden}.frameThumbnailFinish{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;line-height:var(--lh-heading);font-weight:400;overflow:hidden}.frameThumbnailUpcharge{color:rgba(var(--ink-rgb), .45);font-size:11px;line-height:var(--lh-tight)}.infoIconBtn{appearance:none;border:1px solid var(--border-strong);color:var(--brand-main);width:28px;height:28px;font-size:11px;line-height:var(--lh-tight);cursor:pointer;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;justify-content:center;align-items:center;margin-left:6px;font-style:normal;transition:background .15s;display:inline-flex;position:relative}.infoIconBtn:after{content:"";width:var(--tap);height:var(--tap);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.infoIconBtn:hover{background:var(--surface-light);border-color:var(--accent)}.infoIconBtn:active{background:rgba(var(--brand-rgb), .18)}.infoPopup{padding:10px var(--space-3);border:1px solid rgba(var(--brand-rgb), .14);background:rgba(var(--brand-rgb), .05);font-size:var(--font-xs);color:rgba(var(--ink-rgb), .78);line-height:var(--lh-prose);border-radius:0}.doubleHint{font-size:var(--font-xs);color:var(--text-secondary);margin-top:2px}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.valuePill{height:var(--ctrl-h);min-width:96px;padding:0 var(--space-3);border:1px solid rgba(var(--brand-rgb), .16);background:linear-gradient(180deg, #fffffff5, rgba(var(--brand-rgb), .03));color:rgba(var(--ink-rgb), .95);font-weight:500;font-size:var(--font-sm);cursor:text;-webkit-user-select:none;user-select:none;border-radius:0;justify-content:center;align-items:center;display:flex}.valueInput{height:var(--ctrl-h);min-width:96px;padding:0 var(--space-3);border-radius:var(--radius-field);border:1px solid rgba(var(--brand-rgb), .18);font-weight:500;font-size:var(--font-sm);color:var(--text-primary);background:#fffffff5;outline:none}.valueInput:focus{border-color:var(--accent)}.stepper{gap:10px;display:flex}.stepBtn{width:var(--tap);height:var(--tap);font-size:var(--font-md);border:1px solid rgba(var(--brand-rgb), .16);color:rgba(var(--ink-rgb), .95);cursor:pointer;background:#fffffff0;border-radius:0;font-weight:600;transition:transform 60ms,box-shadow .15s;box-shadow:inset 0 1px #ffffffc7}.stepBtn:active{transform:translateY(1px)}.sliderWrap{align-items:center;gap:var(--space-3);display:flex}.slider{width:100%;height:var(--slider-h);appearance:none;background:0 0;outline:none}.slider::-webkit-slider-runnable-track{height:var(--track-h);border-radius:var(--radius-pill);background:rgba(var(--brand-rgb), .16)}.slider::-moz-range-track{height:var(--track-h);border-radius:var(--radius-pill);background:rgba(var(--brand-rgb), .16)}.slider::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--surface-card), var(--surface-light));border:1px solid rgba(var(--brand-rgb), .28);box-shadow:0 10px 18px rgba(var(--ink-rgb), .12);margin-top:calc((var(--track-h) - var(--thumb)) / 2)}.slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--surface-card), var(--surface-light));border:1px solid rgba(var(--brand-rgb), .28);box-shadow:0 10px 18px rgba(var(--ink-rgb), .12)}.colorRow{align-items:center;gap:10px;display:flex}.colorInput{border-radius:var(--radius-field);border:1px solid rgba(var(--brand-rgb), .18);background:0 0;width:44px;height:34px;padding:0}.ppColorRow{gap:var(--space-2);flex-wrap:wrap;display:flex}.ppColorSwatch{align-items:center;gap:var(--space-2);min-height:44px;padding:6px var(--space-3) 6px var(--space-2);border:1px solid rgba(var(--brand-rgb), .16);color:rgba(var(--ink-rgb), .9);font-size:15px;font-size:var(--font-xs);cursor:pointer;background:#ffffffeb;border-radius:0;font-weight:500;transition:background .16s,border-color .16s,transform .12s;display:inline-flex;box-shadow:inset 0 1px #ffffffc7}.ppColorSwatch:hover:not(:disabled){background:rgba(var(--brand-rgb), .05);border-color:rgba(var(--brand-rgb), .24)}.ppColorSwatch:active:not(:disabled){transform:translateY(1px)}.ppColorSwatch.isActive{background:rgba(var(--brand-rgb), .1);border:1px solid var(--brand-main);color:var(--brand-night)}.ppColorSwatch:disabled{cursor:not-allowed;opacity:.55}.ppColorSwatchChip{border:1px solid var(--border-strong);border-radius:0;flex:none;width:26px;height:26px;position:relative;overflow:hidden}.ppColorSwatchCore{height:4px;position:absolute;inset:50% 0 0;transform:translateY(-50%)}.ppColorSwatchLabel{white-space:nowrap}.toggleRow{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.toggleMeta{gap:2px;display:grid}.toggleTitle{color:rgba(var(--ink-rgb), .92);font-weight:600;font-size:var(--font-sm)}.toggleSub{color:var(--text-secondary);font-size:var(--font-xs)}.toggleBtn{min-width:58px;min-height:34px;padding:6px var(--space-3);border:1px solid rgba(var(--brand-rgb), .2);color:rgba(var(--ink-rgb), .9);font-weight:500;font-size:var(--font-xs);cursor:pointer;background:#fffffff0;border-radius:0;transition:background .15s,border-color .15s,color .15s}.toggleBtn.isOn{background:rgba(var(--brand-rgb), .12);border-color:rgba(var(--brand-rgb), .44);color:rgba(var(--ink-rgb), .95)}.measurePanel{padding:10px var(--space-3);border:1px solid rgba(var(--brand-rgb), .16);background:linear-gradient(180deg, rgba(var(--brand-rgb), .055), rgba(var(--gold-rgb), .045)), #ffffffb8;border-radius:0;gap:6px;margin-top:10px;display:grid}.measureRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.measureLabel{font-size:var(--font-xs);color:rgba(var(--ink-rgb), .78);font-weight:400}.measureValue{font-size:var(--font-xs);color:rgba(var(--ink-rgb), .92);font-weight:500}.ctaFixed{border-top:1px solid var(--border-subtle);background:linear-gradient(180deg, #ffffff4d, #fff0), linear-gradient(180deg, rgba(var(--gold-rgb), .06), #f5f8f7f5);z-index:var(--z-content);flex:none;padding:14px 18px 18px;position:sticky;bottom:0}.summaryRow{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);border-top:1px solid var(--border-subtle);padding-top:10px;display:flex}.summaryItem{gap:2px;min-width:0;display:grid}.summaryLabel{color:var(--text-muted);letter-spacing:.01em;font-size:11px}.summaryValue{font-size:var(--font-xs);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.primaryButton{width:100%;min-height:52px;padding:14px var(--space-4);background:var(--gold-cta);color:var(--cta-ink);cursor:pointer;border:none;border-radius:0;font-weight:500;transition:background .15s,transform 80ms}.primaryButton:hover{background:var(--gold-hover)}.primaryButton:active{transform:translateY(1px)}.viewport{background:linear-gradient(180deg, var(--surface-viewport-top) 0%, var(--bg-workspace) 100%);flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.viewportStage{flex:auto;min-height:0;position:relative;overflow:hidden}.mobileDemoFooter{display:none}.viewportActionBarShell{position:relative}.viewportActionBarHint,.mobileSummaryCta{display:none}.viewportCanvas{z-index:var(--z-content);position:absolute;inset:0}@media (width<=480px){.dpiBanner{padding:10px var(--space-3);font-size:var(--font-sm);top:12px}.dpiBannerActions{flex-direction:column;gap:6px}.dpiBannerBtn{width:100%;padding:var(--space-2) var(--space-3)}}.aiHintChip{z-index:var(--z-hint);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(var(--ink-rgb), .08);max-width:min(680px,100vw - 32px);box-shadow:0 12px 32px rgba(var(--ink-rgb), .14);font-size:var(--font-base);line-height:var(--lh-body);color:rgba(var(--ink-rgb), .92);background:#fffffff5;border-radius:0;align-items:center;gap:14px;padding:10px 20px;animation:.32s ease-out aiHintChipIn;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes aiHintChipIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.aiHintDot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 0 rgba(var(--gold-rgb,193, 154, 107), .55);border-radius:50%;flex:none;animation:1.8s ease-in-out infinite aiHintDotPulse}@keyframes aiHintDotPulse{0%,to{box-shadow:0 0 0 0 rgba(var(--gold-rgb,193, 154, 107), .55)}50%{box-shadow:0 0 0 6px rgba(var(--gold-rgb,193, 154, 107), 0)}}.aiHintChip--warn .aiHintDot{background:var(--warn)}.aiHintChip--success .aiHintDot{background:var(--success)}.aiHintText{flex:auto;min-width:0}.aiHintCaret{vertical-align:text-bottom;opacity:.6;background:currentColor;width:2px;height:1em;margin-left:2px;animation:.7s steps(2,end) infinite aiHintCaretBlink;display:inline-block}@keyframes aiHintCaretBlink{50%{opacity:0}}.aiHintActions{flex-wrap:wrap;flex:none;gap:6px;display:flex}.aiHintBtn{font-size:var(--font-sm);padding:var(--space-1) var(--space-3);border:1px solid rgba(var(--ink-rgb), .16);color:inherit;cursor:pointer;background:0 0;border-radius:0;font-weight:500;transition:background .12s,border-color .12s}.aiHintBtn:hover{background:rgba(var(--ink-rgb), .04)}.aiHintBtn.isPrimary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.aiHintBtn.isPrimary:hover{filter:brightness(.94)}@media (width<=640px){.aiHintChip{bottom:calc(env(safe-area-inset-bottom,0px) + 88px);padding:var(--space-3) var(--space-4);font-size:var(--font-base);border-radius:0;flex-direction:column;align-items:flex-start;gap:10px;max-width:calc(100vw - 24px)}.aiHintDot{margin-top:var(--space-1);align-self:flex-start}.aiHintActions{width:100%}.aiHintBtn{padding:var(--space-2) var(--space-3);flex:auto}}.viewportLoadingOverlay{z-index:var(--z-content);-webkit-backdrop-filter:blur(10px)saturate(108%);backdrop-filter:blur(10px)saturate(108%);background:#f4f7f647;place-items:center;display:grid;position:absolute;inset:0}.viewportLoadingCard{border:1px solid rgba(var(--brand-rgb), .18);min-width:168px;box-shadow:0 20px 34px rgba(var(--ink-rgb), .12);background:#ffffffdb;border-radius:0;justify-items:center;gap:10px;padding:18px 20px;display:grid}.viewportSpinner{border-radius:var(--radius-pill);border:3px solid rgba(var(--brand-rgb), .14);border-top-color:var(--accent);width:34px;height:34px;animation:.85s linear infinite viewportSpinnerTurn}.viewportLoadingText{font-size:var(--font-sm);color:rgba(var(--ink-rgb), .86);letter-spacing:.01em;font-weight:500}@keyframes viewportSpinnerTurn{to{transform:rotate(360deg)}}.viewportControlsToggle{z-index:var(--z-content);border:1px solid rgba(var(--brand-rgb), .18);color:rgba(var(--ink-rgb), .92);padding:var(--space-2);cursor:pointer;width:44px;height:44px;box-shadow:0 4px 12px rgba(var(--ink-rgb), .08);-webkit-backdrop-filter:blur(8px)saturate(110%);backdrop-filter:blur(8px)saturate(110%);opacity:.72;background:#ffffffd6;border-radius:0;justify-content:center;align-items:center;transition:opacity .15s,box-shadow .15s;display:inline-flex;position:absolute;top:14px;left:14px}.viewportControlsToggle:hover{opacity:1;box-shadow:0 8px 20px rgba(var(--ink-rgb), .12)}.viewportControlsToggle.isActive{border-color:rgba(var(--brand-rgb), .38);box-shadow:0 16px 28px rgba(var(--ink-rgb), .14)}.viewportControlsToggleIconWrap{border:1px solid rgba(var(--brand-rgb), .22);background:#fffffff0;border-radius:0;place-items:center;width:34px;height:34px;display:grid}.viewportControlsToggleIcon{width:18px;height:18px;display:block}.viewportControlsPanel{z-index:var(--z-content);border:1px solid rgba(var(--brand-rgb), .18);width:248px;color:rgba(var(--ink-rgb), .92);padding:var(--space-3) var(--space-3) 10px;box-shadow:0 18px 32px rgba(var(--ink-rgb), .14);-webkit-backdrop-filter:blur(10px)saturate(110%);backdrop-filter:blur(10px)saturate(110%);background:#ffffffe6;border-radius:0;position:absolute;top:66px;left:14px}.viewportControlsPanelHead{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;gap:10px;display:flex}.viewportControlsClose{border:1px solid rgba(var(--brand-rgb), .18);color:rgba(var(--ink-rgb), .86);font-size:var(--font-xs);cursor:pointer;background:#ffffffeb;border-radius:0;padding:6px 10px;font-weight:500}.viewportControlsHints{gap:var(--space-1);padding:var(--space-2) 10px;background:rgba(var(--brand-rgb), .05);font-size:var(--font-xs);color:rgba(var(--ink-rgb), .65);line-height:var(--lh-prose);border-radius:0;flex-direction:column;margin-bottom:10px;display:flex}.viewportSliderLabel{font-size:var(--font-sm);margin:10px 0 var(--space-1);font-weight:700;display:block}.viewportSliderRow{align-items:center;gap:var(--space-2);grid-template-columns:14px 1fr 14px;display:grid}.viewportSliderRow span{text-align:center;font-size:var(--font-lg);color:rgba(var(--ink-rgb), .8)}.viewportSlider{appearance:none;background:0 0;width:100%;height:32px}.viewportSlider::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:rgba(var(--brand-rgb), .16);height:6px}.viewportSlider::-moz-range-track{border-radius:var(--radius-pill);background:rgba(var(--brand-rgb), .16);height:6px}.viewportSlider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-pill);border:1px solid rgba(var(--brand-rgb), .24);background:linear-gradient(180deg, var(--surface-card), var(--surface-light));width:20px;height:20px;box-shadow:0 8px 12px rgba(var(--ink-rgb), .12);margin-top:-8px}.viewportSlider::-moz-range-thumb{border-radius:var(--radius-pill);border:1px solid rgba(var(--brand-rgb), .24);background:linear-gradient(180deg, var(--surface-card), var(--surface-light));width:20px;height:20px;box-shadow:0 8px 12px rgba(var(--ink-rgb), .12)}.viewportActionBar{z-index:var(--z-content);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid rgba(var(--brand-rgb), .16);max-width:min(94vw,980px);box-shadow:0 14px 26px rgba(var(--ink-rgb), .12);-webkit-backdrop-filter:blur(10px)saturate(110%);backdrop-filter:blur(10px)saturate(110%);background:#ffffffd6;border-radius:0;flex-wrap:wrap;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.viewportActionBtn{border:1px solid rgba(var(--brand-rgb), .18);color:rgba(var(--ink-rgb), .9);font-size:var(--font-xs);min-height:36px;padding:var(--space-2) 14px;cursor:pointer;background:#ffffffeb;border-radius:0;font-weight:500}.viewportActionBtn:hover{background:var(--surface-card)}.viewportActionBtn.isActive{border-color:rgba(var(--brand-rgb), .42);background:rgba(var(--brand-rgb), .12)}.viewportActionBtn:disabled{opacity:.58;cursor:wait}.viewportActionBtn.isUnavailable{opacity:.46;cursor:not-allowed}.viewportActionBtn.isUnavailable:hover{background:#ffffffeb}.frameDetailsSheet{z-index:var(--z-modal);pointer-events:none;position:fixed;inset:0}.frameDetailsSheet.isOpen{pointer-events:auto}.frameDetailsBackdrop{background:rgba(var(--ink-rgb), .32);opacity:0;transition:opacity .28s;position:absolute;inset:0}.frameDetailsSheet.isOpen .frameDetailsBackdrop{opacity:1}.frameDetailsModal{background:var(--surface-card);max-height:72vh;box-shadow:0 -4px 24px rgba(var(--ink-rgb), .16);border-radius:0;flex-direction:column;transition:transform .3s;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.frameDetailsSheet.isOpen .frameDetailsModal{transform:translateY(0)}@media (width>=700px){.frameDetailsModal{opacity:0;border-radius:0;width:min(92vw,500px);max-height:80vh;transition:transform .26s,opacity .22s;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-40%)scale(.96)}.frameDetailsSheet.isOpen .frameDetailsModal{opacity:1;transform:translate(-50%,-50%)scale(1)}}.frameDetailsHandle{background:#00000026;border-radius:0;flex:none;width:36px;height:4px;margin:10px auto 0}@media (width>=700px){.frameDetailsHandle{display:none}}.frameDetailsHead{padding:14px 18px var(--space-3);border-bottom:1px solid var(--border-subtle);flex:none;justify-content:space-between;align-items:center;display:flex}.frameDetailsTitle{font-size:var(--font-md);letter-spacing:.015em;color:var(--brand-night);margin:0;font-weight:600}.frameDetailsCloseIcon{appearance:none;background:var(--surface-accent);color:var(--brand-night);width:30px;height:30px;font-size:17px;line-height:var(--lh-tight);cursor:pointer;border:none;border-radius:0;flex:none;justify-content:center;align-items:center;font-weight:500;display:flex}.frameDetailsCloseIcon:hover{background:var(--surface-light)}.frameDetailsTable{flex:auto;min-height:0;overflow-y:auto}.frameDetailsRow{gap:var(--space-2);border-bottom:1px solid rgba(var(--brand-rgb), .08);grid-template-columns:1fr 1fr;padding:10px 18px;display:grid}.frameDetailsRow:last-child{border-bottom:none}.frameDetailsKey{font-size:var(--font-sm);color:var(--text-secondary);font-weight:400}.frameDetailsValue{font-size:var(--font-sm);color:var(--text-dark);font-weight:500}.frameDetailsCloseBtn{border:none;border-top:1px solid var(--border-subtle);background:var(--surface-card);width:100%;color:var(--brand-main);font-size:var(--font-base);cursor:pointer;text-align:center;flex:none;padding:14px 18px;font-weight:500}.frameDetailsCloseBtn:hover{background:var(--surface-light)}.confirmResetOverlay{z-index:var(--z-modal);place-items:center;display:grid;position:fixed;inset:0}.confirmResetBackdrop{background:rgba(var(--ink-rgb), .24);position:absolute;inset:0}.confirmResetModal{border:1px solid rgba(var(--brand-rgb), .18);background:linear-gradient(180deg, rgba(var(--gold-rgb), .06), rgba(var(--gold-rgb), 0)), #fffffff7;width:min(92vw,440px);box-shadow:0 24px 48px rgba(var(--ink-rgb), .2);border-radius:0;padding:22px 20px 18px;position:relative}.confirmResetTitle{font-size:var(--font-xl);font-weight:600;line-height:var(--lh-heading);letter-spacing:-.01em;color:var(--brand-night);margin:0 0 10px}.confirmResetBody{color:rgba(var(--ink-rgb), .82);line-height:var(--lh-prose);margin:0}.confirmResetActions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.confirmResetBtn{border:1px solid rgba(var(--brand-rgb), .24);min-height:42px;font-size:var(--font-base);cursor:pointer;border-radius:0;padding:10px 18px;font-weight:500;transition:transform 80ms,background .15s,border-color .15s}.confirmResetBtn:active{transform:translateY(1px)}.confirmResetBtn.isSecondary{color:rgba(var(--ink-rgb), .92);background:#fffffff0}.confirmResetBtn.isPrimary{background:var(--gold-cta);color:var(--cta-ink);border-color:#0000}.confirmResetBtn.isPrimary:hover{background:var(--gold-hover)}.viewport:before{content:"";pointer-events:none;z-index:var(--z-base);background:radial-gradient(88% 54% at 50% 32%, #ffffffad 0%, #fff0 72%), radial-gradient(140% 96% at 50% 122%, rgba(var(--brand-rgb), .1) 0%, rgba(var(--brand-rgb), 0) 70%);position:absolute;inset:0}@media (width<=1000px){:root{--sidebar-w:1fr}.appShell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:100dvh;overflow:hidden}.mobileViewSwitch{border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg, #fffffff5, var(--surface-light));z-index:var(--z-content);grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;display:grid;position:sticky;top:0}.sidebar,.viewport{grid-area:2/1;min-height:0}.sidebar{min-width:unset;border-bottom:none;border-right:none;min-height:0}.sidebarScroll{padding:14px}.viewport{height:100%;min-height:0}.viewportStage{flex:auto;min-height:0}.viewportControlsToggle{top:10px;left:10px}.viewportControlsPanel{width:224px;top:62px;left:10px;transform:none}.viewportCanvas{inset:0}.mobileDemoFooter{padding:10px 10px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-subtle);background:linear-gradient(180deg, #ffffff57, #fff0), linear-gradient(180deg, rgba(var(--gold-rgb), .05), #f5f8f7fa);box-shadow:0 -10px 24px rgba(var(--ink-rgb), .06);z-index:var(--z-content);gap:10px;display:grid;position:relative}.viewportActionBarShell{grid-template-columns:clamp(18px,5vw,28px) minmax(0,1fr) clamp(18px,5vw,28px);align-items:center;gap:clamp(4px,1.8vw,8px);padding-inline:clamp(2px,1vw,6px);display:grid}.viewportActionBarHint{opacity:.72;pointer-events:none;place-items:center;min-height:34px;display:grid}.viewportActionBarHint:before{content:"";border-top:2px solid rgba(var(--brand-rgb), .48);border-right:2px solid rgba(var(--brand-rgb), .48);width:10px;height:10px}.viewportActionBarHint.isLeft:before{transform:rotate(-135deg)}.viewportActionBarHint.isRight:before{transform:rotate(45deg)}.viewportActionBarMobile{scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:0;flex-wrap:nowrap;justify-content:flex-start;gap:8px;min-width:0;max-width:none;padding:8px;position:static;bottom:auto;left:auto;right:auto;overflow:auto hidden;transform:none}.viewportActionBarMobile::-webkit-scrollbar{display:none}.mobileSummaryCta{gap:10px;padding:0 6px 6px;display:grid}.mobileSummaryCta .summaryRow{border-top:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:0;padding-top:0;display:grid}.mobileSummaryCta .primaryButton{min-height:48px}.viewportActionBtn{scroll-snap-align:start;flex:none;min-height:34px;padding:8px 12px;font-size:11px}.confirmResetOverlay{padding:10px}.confirmResetModal{width:min(100% - 8px,400px);padding:18px 16px 14px}.confirmResetTitle{font-size:22px}.confirmResetBody{font-size:13px}.confirmResetActions{grid-template-columns:1fr;margin-top:14px;display:grid}.confirmResetBtn{width:100%}.card{padding:16px}.accordionHeader{padding:14px 16px}.accordionContent{padding:0 16px 16px}.summaryRow{flex-direction:column;gap:8px}.valuePill,.valueInput{min-width:110px}.stepBtn{width:48px;height:48px}.ctaFixed{border-top:1px solid rgba(var(--brand-rgb), .16);-webkit-backdrop-filter:blur(10px)saturate(120%);backdrop-filter:blur(10px)saturate(120%);background:linear-gradient(#ffffff85 0%,#f5f8f7e0 36%,#f5f8f7fa 100%);position:sticky;bottom:0}.summaryLabel,.summaryValue{text-shadow:none}}.brandRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.cartIndicatorBtn{align-items:center;gap:var(--space-2);min-height:34px;padding:6px var(--space-3) 6px 10px;border:1px solid rgba(var(--brand-rgb), .18);color:rgba(var(--ink-rgb), .88);font-size:var(--font-xs);cursor:pointer;background:#ffffffeb;border-radius:0;flex-shrink:0;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex;box-shadow:inset 0 1px #ffffffbf}.cartIndicatorBtn:hover{background:var(--surface-card);border-color:rgba(var(--brand-rgb), .28)}.sidebarReturnLink{align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:0;font-weight:700;text-decoration:none;transition:color .15s;display:inline-flex}.sidebarReturnLink:hover{color:var(--brand-main)}.addedToCartOverlay{z-index:var(--z-modal);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.addedToCartBackdrop{background:rgba(var(--ink-rgb), .36);position:absolute;inset:0}.addedToCartModal{border:1px solid rgba(var(--brand-rgb), .16);background:linear-gradient(180deg, rgba(var(--gold-rgb), .07), rgba(var(--gold-rgb), 0)), #fffffffa;width:min(92vw,360px);box-shadow:0 28px 56px rgba(var(--ink-rgb), .22);padding:var(--space-5) 22px 20px;border-radius:0;gap:14px;display:grid;position:relative}.addedToCartTitle{font-size:var(--font-xl);letter-spacing:-.01em;color:var(--brand-night);margin:0;font-weight:600}.addedToCartSpecs{gap:var(--space-1);padding:var(--space-3) 14px;background:rgba(var(--brand-rgb), .05);border:1px solid rgba(var(--brand-rgb), .1);font-size:var(--font-sm);color:rgba(var(--ink-rgb), .82);line-height:var(--lh-body);border-radius:0;display:grid}.addedToCartPrice{color:var(--brand-night);font-weight:700;font-size:var(--font-md);margin-top:2px}.addedToCartActions{gap:var(--space-2);display:grid}.addedToCartActions .primaryButton{min-height:48px}.addedToCartAccessoryLink{padding:var(--space-2) var(--space-3);font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;text-underline-offset:3px;opacity:.8;background:0 0;border:none;margin:14px auto 0;font-weight:500;text-decoration:underline;transition:opacity .12s;display:block}.addedToCartAccessoryLink:hover{opacity:1}.cartOverlay{top:var(--topbar-h);z-index:var(--z-mobile-nav);background:linear-gradient(135deg, rgba(var(--gold-rgb), .05) 0%, rgba(var(--gold-rgb), 0) 20%), linear-gradient(180deg, var(--bg-elevated), var(--bg-primary));flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.cartHeader{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) 20px;border-bottom:1px solid var(--border-subtle);flex:none;display:flex}.cartTitle{font-size:var(--font-lg);letter-spacing:.01em;color:var(--brand-night);margin:0;font-weight:600}.cartCloseBtn{border:1px solid rgba(var(--brand-rgb), .2);min-height:34px;color:rgba(var(--ink-rgb), .86);font-size:var(--font-sm);cursor:pointer;white-space:nowrap;background:#ffffffeb;border-radius:0;align-items:center;gap:6px;padding:6px 14px;font-weight:500;transition:background .15s;display:inline-flex}.cartCloseBtn:hover{background:var(--surface-card)}.cartScroll{min-height:0;padding:var(--space-4) 20px;flex:auto;overflow-y:auto}.cartItemList{gap:var(--space-3);max-width:680px;margin:0 auto;display:grid}.cartItem{background:var(--surface-card);border:1px solid rgba(var(--brand-rgb), .12);box-shadow:var(--shadow-soft);padding:14px var(--space-4);border-radius:0}.cartItemBody{align-items:center;gap:var(--space-3);display:flex}.cartItemInfo{flex:1 1 0;gap:6px;display:grid}.cartItemThumb{object-fit:cover;border:1px solid rgba(var(--brand-rgb), .12);background:var(--surface-light);border-radius:0;flex:none;width:64px;height:64px}.cartItemTitle{font-weight:600;font-size:var(--font-base);color:var(--brand-night)}.cartItemActions{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.cartItemEditBtn{appearance:none;border:1px solid rgba(var(--brand-rgb), .28);color:var(--brand-main);padding:var(--space-1) 10px;font-size:var(--font-xs);cursor:pointer;white-space:nowrap;background:0 0;border-radius:0;font-weight:500;transition:background .15s,border-color .15s}.cartItemEditBtn:hover{background:rgba(var(--brand-rgb), .06);border-color:rgba(var(--brand-rgb), .5)}.cartItemRemoveBtn{border:1px solid rgba(var(--brand-rgb), .15);background:var(--surface-light);width:36px;height:36px;color:rgba(var(--ink-rgb), .5);cursor:pointer;border-radius:0;place-items:center;font-size:17px;transition:background .15s,color .15s,border-color .15s;display:grid}.cartItemRemoveBtn:hover{background:var(--danger);color:var(--accent-ink);border-color:var(--danger)}.cartItemSpecs{font-size:var(--font-sm);color:rgba(var(--ink-rgb), .72);line-height:var(--lh-body);gap:3px;display:grid}.cartItemPrice{font-weight:700;font-size:var(--font-md);color:var(--brand-night)}.cartEmpty{place-items:center;gap:var(--space-2);margin:var(--space-5) var(--space-4);padding:var(--space-6) var(--space-4);border:1px solid var(--border-subtle);text-align:center;display:grid}.cartEmptyIcon{color:var(--ink-faint);line-height:0}.cartEmptyTitle{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:23px;font-weight:600}.cartEmptyText{color:var(--text-muted);font-size:15px;line-height:var(--lh-body);max-width:34ch;margin:0}.cartAccessorySection{max-width:680px;margin:var(--space-5) auto 0;padding:20px var(--space-1) 0;border-top:1px solid var(--border-subtle)}.cartAccessoryHeading{font-size:var(--font-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 10px;font-weight:600}.cartAccessoryHeading+.cartAccessoryHeading,.cartAccessoryList+.cartAccessoryHeading{margin-top:18px}.cartAccessoryList{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cartAccessoryRow{align-items:center;gap:var(--space-3);background:var(--bg-surface);border:1px solid rgba(var(--ink-rgb), .08);border:1px solid #0f2e2e0f;border-radius:0;padding:10px;display:flex}.cartAccessoryThumb{object-fit:contain;background:var(--surface-card);border-radius:0;flex-shrink:0;width:48px;height:48px}.cartAccessoryInfo{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.cartAccessoryName{font-size:var(--font-sm);color:var(--text-primary);font-weight:600;line-height:var(--lh-heading)}.cartAccessoryDesc{color:var(--text-secondary);font-size:11px;line-height:var(--lh-body);-webkit-line-clamp:3;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cartAccessoryPrice{font-size:var(--font-sm);color:var(--text-primary);margin-top:2px;font-weight:600}.cartAccessoryAdd{align-items:center;gap:var(--space-1);padding:6px var(--space-3);font-size:var(--font-xs);border:1px solid var(--text-primary);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:0;flex-shrink:0;font-weight:500;transition:background .12s;display:inline-flex}.cartAccessoryAdd:hover:not(:disabled){background:#0f2e2e14}.cartAccessoryAdd.isAdded,.cartAccessoryAdd:disabled{color:var(--text-secondary);cursor:default;background:0 0;border-color:#0f2e2e33}.cartAccessoryRemove{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cartAccessoryRemove:hover{color:var(--danger);background:#0f2e2e0f}.cartAccessoryStepper{border:1px solid rgba(var(--brand-rgb), .18);background:var(--surface-card);border-radius:0;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:inline-flex}.cartAccessoryStepperBtn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.cartAccessoryStepperBtn:hover{background:rgba(var(--brand-rgb), .08);color:var(--brand-night)}.cartAccessoryStepperBtn:first-child:hover{color:var(--danger)}.cartAccessoryStepperCount{text-align:center;min-width:22px;font-size:var(--font-sm);color:var(--brand-night);font-variant-numeric:tabular-nums;font-weight:600}.cartAccessoryUnit{color:var(--text-secondary);font-weight:400;font-size:var(--font-xs);margin-left:var(--space-1)}@media (width<=1000px){.cartAccessoryStepperBtn{width:36px;height:36px}}.cartAccessoryAllLink{font-size:var(--font-xs);color:var(--text-primary);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:14px;padding:0;font-weight:500;text-decoration:underline}.cartAccessoryAllLink:hover{opacity:.7}.cartAccessoryModalBackdrop{z-index:var(--z-modal-backdrop);padding:var(--space-4);background:#00000080;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow:hidden}.cartAccessoryModal{background:var(--surface-light);border-radius:0;flex-direction:column;width:100%;max-width:560px;max-height:calc(100% - 32px);display:flex;overflow:hidden}@media (width<=600px){.cartAccessoryModalBackdrop{padding:0}.cartAccessoryModal{border-radius:0;height:100%;max-height:100%}}.cartAccessoryModalHeader{padding:calc(var(--space-4) + env(safe-area-inset-top,0px)) 20px var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.cartAccessoryModalTitle{font-size:var(--font-lg);margin:0;font-weight:600}.cartAccessoryModalClose{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;display:inline-flex}.cartAccessoryModalClose:hover{background:#0f2e2e0f}.cartAccessoryModalBody{padding:var(--space-4) 20px 20px;--fade:24px;-webkit-mask-image:linear-gradient(180deg, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);-webkit-mask-image:linear-gradient(180deg, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);mask-image:linear-gradient(180deg, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);flex:auto;overflow-y:auto}.cartAccessoryInCartBadge{margin-left:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-pill);background:rgba(var(--brand-rgb), .08);color:var(--brand-main);vertical-align:middle;font-size:11px;font-weight:500;display:inline-block}.cartAccessoryCategory+.cartAccessoryCategory{margin-top:var(--space-5)}.cartAccessoryCategoryHeading{font-size:var(--font-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 10px;font-weight:600}.cartFooter{border-top:1px solid var(--border-subtle);padding:var(--space-4) 20px calc(var(--space-4) + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex:none;gap:10px;width:100%;max-width:680px;margin:0 auto;display:grid}@media (width>=1000px){.cartOverlay{grid-template:"header header""scroll footer"1fr/minmax(0,1fr) 360px;display:grid}.cartHeader{grid-area:header}.cartScroll{padding-right:var(--space-5);grid-area:scroll}.cartFooter{border-top:none;border-left:1px solid var(--border-subtle);grid-area:footer;align-content:start;align-self:start;max-width:none;margin:0;position:sticky;top:0}}.cartTotal{font-size:var(--font-md);color:var(--brand-night);justify-content:space-between;align-items:center;gap:10px;font-weight:700;display:flex}.cartTrustBadges{margin:var(--space-1) 0 0;padding:10px var(--space-3);background:rgba(var(--brand-rgb), .045);border:1px solid rgba(var(--brand-rgb), .08);border-radius:0;gap:6px;list-style:none;display:grid}.cartTrustBadges li{align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-secondary);line-height:var(--lh-heading);display:flex}.cartTrustBadges svg{color:var(--brand-main);opacity:.85;flex-shrink:0}.cartConsent{margin-top:var(--space-3);padding:var(--space-3) 14px;gap:var(--space-2);background:#c8a96e14;border:1px solid #c8a96e3d;border-radius:0;display:grid}.cartConsentHeading{font-size:var(--font-sm);color:var(--brand-night);font-weight:700;line-height:var(--lh-heading)}.cartConsentBody,.cartConsentLinks{font-size:var(--font-xs);color:var(--text-secondary);line-height:var(--lh-body);margin:0}.cartConsentLinks a{color:var(--brand-main);text-underline-offset:2px;text-decoration:underline}.cartConsentLinks a:hover{color:var(--brand-night)}.cartConsentCheckbox{cursor:pointer;align-items:flex-start;gap:10px;min-height:44px;padding:6px 0;display:flex}.cartConsentCheckbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-main);cursor:pointer;flex-shrink:0;margin:2px 0 0}.cartConsentCheckbox span{font-size:var(--font-sm);color:var(--text-primary);line-height:var(--lh-body)}.cartShipping{font-size:var(--font-sm);padding-top:var(--space-1);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:10px;display:flex}.cartShippingLabel{color:var(--text-secondary);font-weight:400}.cartShippingValue{color:var(--text-dark);font-weight:500}.cartTotalNote{font-size:var(--font-xs);color:var(--text-muted);line-height:var(--lh-body);margin:0}.cartContinueBtn{border:1px solid rgba(var(--brand-rgb), .22);min-height:42px;color:rgba(var(--ink-rgb), .88);font-size:var(--font-base);cursor:pointer;background:#fffffff0;border-radius:0;padding:10px 18px;font-weight:500;transition:background .15s}.cartContinueBtn:hover{background:var(--surface-card)}.cartClearBtn{min-height:36px;padding:var(--space-2) 14px;border:1px solid rgba(var(--ink-rgb), .14);color:var(--text-muted);font-size:var(--font-xs);cursor:pointer;background:0 0;border-radius:0;place-self:center;font-weight:400;transition:color .15s,border-color .15s}.cartClearBtn:hover{color:var(--danger);border-color:var(--danger)}@media (width<=1000px){.cartHeader{padding:14px var(--space-4);gap:var(--space-2);flex-wrap:wrap}.cartTitle{font-size:var(--font-md);order:-1;width:100%}.cartHeaderLeft,.returnToStoreBtn{flex:auto}.cartScroll{padding:var(--space-3) 14px}.cartFooter{padding:var(--space-3) 14px calc(var(--space-3) + env(safe-area-inset-bottom,0px))}}.consentBanner{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(var(--brand-rgb), .18);max-width:560px;padding:14px var(--space-4);z-index:var(--z-toast);background:#fffffffa;border-radius:0;flex-direction:column;gap:10px;margin:0 auto;display:flex;position:fixed;box-shadow:0 10px 30px #0000001f}.consentBannerText{font-size:var(--font-sm);line-height:var(--lh-body);color:rgba(var(--ink-rgb), .88);margin:0}.consentBannerActions{justify-content:flex-end;gap:var(--space-2);display:flex}.consentBannerBtn{min-height:36px;padding:var(--space-2) var(--space-4);border:1px solid rgba(var(--brand-rgb), .24);font-size:var(--font-sm);cursor:pointer;border-radius:0;font-weight:500;transition:transform 80ms,background .15s,border-color .15s}.consentBannerBtn:active{transform:translateY(1px)}.consentBannerBtn.isSecondary{color:rgba(var(--ink-rgb), .82);background:#fffffff0}.consentBannerBtn.isPrimary{background:var(--gold-cta);color:var(--cta-ink);border-color:#0000}.consentBannerBtn.isPrimary:hover{background:var(--gold-hover)}.prelaunchOverlay{z-index:var(--z-modal-backdrop);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.prelaunchBackdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14161a73;position:absolute;inset:0}.prelaunchModal{background:var(--surface-card);border-radius:0;width:100%;max-width:460px;padding:28px 26px 22px;position:relative;box-shadow:0 20px 60px #00000040}.prelaunchClose{width:32px;height:32px;color:rgba(var(--ink-rgb), .6);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.prelaunchClose:hover{background:rgba(var(--ink-rgb), .06);color:rgba(var(--ink-rgb), .9)}.prelaunchTitle{font-size:var(--font-xl);color:rgba(var(--ink-rgb), .95);margin:0 0 10px;font-weight:600}.prelaunchBody{font-size:var(--font-base);line-height:var(--lh-prose);color:rgba(var(--ink-rgb), .78);margin:0 0 18px}.prelaunchForm{gap:var(--space-3);flex-direction:column;display:flex}.prelaunchInput{border-radius:var(--radius-field);border:1px solid rgba(var(--brand-rgb), .22);height:44px;color:rgba(var(--ink-rgb), .95);background:var(--surface-card);padding:0 14px;font-family:inherit;font-size:15px}.prelaunchInput:focus{border-color:var(--accent)}.prelaunchError{color:var(--danger);font-size:var(--font-sm);margin:-4px 0 0}.prelaunchActions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1);display:flex}.prelaunchBtn{min-height:40px;padding:var(--space-2) 18px;border:1px solid rgba(var(--brand-rgb), .24);font-size:var(--font-base);cursor:pointer;border-radius:0;font-weight:500;transition:transform 80ms,background .15s,border-color .15s}.prelaunchBtn:active{transform:translateY(1px)}.prelaunchBtn:disabled{opacity:.6;cursor:not-allowed}.prelaunchBtn.isSecondary{color:rgba(var(--ink-rgb), .82);background:#fffffff0}.prelaunchBtn.isPrimary{background:var(--gold-cta);color:var(--cta-ink);border-color:#0000}.prelaunchBtn.isPrimary:hover:not(:disabled){background:var(--gold-hover)}.prelaunchBadge{bottom:calc(var(--tabbar-h) + 12px + env(safe-area-inset-bottom,0px));z-index:var(--z-mobile-nav);padding:var(--space-1) 10px;border-radius:var(--radius-pill);color:var(--accent-ink);letter-spacing:.02em;text-transform:uppercase;pointer-events:none;background:#14161ac7;font-size:11px;font-weight:500;position:fixed;left:12px}@media (width<=1000px){.prelaunchModal{padding:var(--space-5) 20px 18px}.prelaunchTitle{font-size:19px}.prelaunchBody{font-size:var(--font-base)}.prelaunchActions{flex-direction:column-reverse}.prelaunchActions .prelaunchBtn{width:100%}}.configBar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:10px var(--space-4);margin:10px var(--space-3) var(--space-2);border:1px solid rgba(var(--ink-rgb), .08);background:var(--bg-surface);box-shadow:0 1px 2px rgba(var(--ink-rgb), .05);border-radius:0;flex:none;order:-1;display:flex}.configBarSummary{align-items:center;gap:var(--space-2);flex:auto;min-width:0;display:flex;overflow:hidden}.configBarFrameName{font-size:var(--font-sm);color:var(--brand-night);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.configBarSeparator{color:rgba(var(--ink-rgb), .3);font-size:var(--font-xs)}.configBarSize{font-size:var(--font-sm);color:rgba(var(--ink-rgb), .72);white-space:nowrap}.configBarChip{appearance:none;align-items:center;gap:var(--space-1);padding:3px var(--space-2);border:1px solid rgba(var(--gold-rgb), .5);background:rgba(var(--gold-rgb), .14);color:rgba(var(--ink-rgb), .85);letter-spacing:.01em;cursor:pointer;white-space:nowrap;border-radius:0;flex-shrink:0;font-size:11px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.configBarChip:hover{background:rgba(var(--gold-rgb), .22);border-color:rgba(var(--gold-rgb), .7)}.configBarChip svg{color:var(--brand-main);opacity:.8}.configBarAction{flex-shrink:0;align-items:center;gap:10px;display:flex}.configBarPrice{color:var(--brand-night);white-space:nowrap;font-size:15px;font-weight:700}.configBarCta{appearance:none;background:var(--gold-cta);color:var(--cta-ink);padding:var(--space-2) 18px;font-size:var(--font-sm);cursor:pointer;white-space:nowrap;border:none;border-radius:0;font-weight:600;transition:background .15s}.configBarCta:hover{background:var(--gold-hover)}.configBarCta:disabled{opacity:.6;cursor:default}@media (width<=1000px){.configBar{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));border-bottom:none;border-radius:0;order:0;margin:0}}@media (width<=480px){.configBarSummary{flex-wrap:wrap;align-content:flex-start;gap:6px;min-height:64px}.configBarFrameName,.configBarSeparator,.configBarSize{font-size:var(--font-xs)}.configBarPrice{font-size:var(--font-base)}.configBar{gap:var(--space-2);padding:var(--space-2) var(--space-3) calc(10px + env(safe-area-inset-bottom,0px))}}@media (width<=1000px){.configBarCta{min-height:44px;padding:var(--space-3) 18px}.cartCloseBtn{min-height:44px;padding:10px var(--space-4)}.cartAccessoryModalClose{width:44px;height:44px}.cartContinueBtn{min-height:44px}.panelNavBtn{min-height:44px;padding:10px var(--space-4)}.panelHeadClose{width:44px;height:44px}.frameDetailsCloseIcon{width:44px;height:44px;font-size:19px}.mobileNavClose{min-width:44px;min-height:44px;padding:10px}.presetPill,.toggleBtn{min-height:44px}.viewportActionBtn{min-height:44px;padding:10px 14px}.confirmResetBtn,.cartIndicatorBtn{min-height:44px}.cartClearBtn{min-height:44px;padding:10px var(--space-4)}.cartItemRemoveBtn{min-width:44px;min-height:44px}.cartItemEditBtn{min-height:44px}.cartAccessoryStepperBtn{width:44px;height:44px}.cartAccessoryAdd{min-height:44px;padding:10px 14px}.consentBannerBtn{min-height:44px;padding:10px var(--space-4)}.prelaunchBtn{min-height:44px}.aiHintBtn{min-height:44px;padding:10px 14px}.fileBtn{min-height:44px}.stepBtn{min-width:44px;min-height:44px}.canvasToolBtn,.topbarCartBtn{min-height:44px}.topbarHamburger{min-width:44px;min-height:44px}.frameThumbnailBtn{min-height:44px}.frameCategoryChip{min-height:44px;padding:var(--space-2) 14px}}@media (width<=480px){.topbarCartTotal{display:none}}.aiHintChip--banner{align-items:flex-start;gap:var(--space-2);background:var(--bg-elevated);border:1px solid var(--accent);box-shadow:var(--shadow-sm);border-left-width:3px;padding:14px 16px 14px 19px}.aiHintChip--banner .aiHintKropp{flex-direction:column;gap:3px;min-width:0;display:flex}.aiHintChip--banner .aiHintRubrik{color:var(--accent);font-size:15.5px;font-weight:600;line-height:var(--lh-heading)}.aiHintChip--banner.aiHintChip--warn .aiHintRubrik{color:var(--warn)}.aiHintChip--banner.aiHintChip--danger .aiHintRubrik{color:var(--danger)}.aiHintChip--banner.aiHintChip--success .aiHintRubrik{color:var(--success)}.aiHintChip--banner .aiHintText{color:var(--text-muted);font-size:var(--font-sm)}.aiHintChip--banner .aiHintText strong{color:inherit}.aiHintChip--banner.aiHintChip--warn{border-color:var(--warn)}.aiHintChip--banner.aiHintChip--danger{border-color:var(--danger)}.aiHintChip--banner.aiHintChip--success{border-color:var(--success)}.aiHintChip--banner .aiHintBtn.isPrimary{color:var(--cta-ink)}.aiHintChip--banner.aiHintChip--warn .aiHintBtn.isPrimary{background:var(--warn);border-color:var(--warn)}.aiHintChip--banner.aiHintChip--danger .aiHintBtn.isPrimary{background:var(--danger);border-color:var(--danger)}.aiHintChip--banner.aiHintChip--success .aiHintBtn.isPrimary{background:var(--success);border-color:var(--success)}.aiHintChip--banner .aiHintBtn:not(.isPrimary){color:var(--accent);border-color:var(--border-strong)}.toast{left:12px;bottom:calc(var(--tabbar-h) + 58px + env(safe-area-inset-bottom,0px));z-index:var(--z-toast);align-items:flex-start;gap:var(--space-3);max-width:min(360px,100vw - 24px);animation:toastIn var(--dur-base) var(--ease-out) both;background:#1e1b18;border:1px solid #272421;border-left-width:3px;padding:13px 14px 13px 17px;display:flex;position:fixed;box-shadow:0 20px 44px -22px #0000008c}.toast--success{border-left-color:var(--success-on-dark)}.toast--danger{border-left-color:var(--danger-on-dark)}.toast--neutral{border-left-color:#272421}.toastKropp{flex-direction:column;gap:2px;min-width:0;display:flex}.toastRubrik{color:var(--cta-ink);font-size:var(--font-base);font-weight:600}.toastText{color:#c9b89c;font-size:var(--font-sm);line-height:var(--lh-body)}.toastClose{color:#c9b89c;width:24px;height:24px;font-size:var(--font-lg);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.toastClose:hover{color:var(--cta-ink)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation-duration:.01ms}}.frameThumbnailSkelett{top:var(--space-1);left:var(--space-1);right:var(--space-1);aspect-ratio:1;background:linear-gradient(100deg, var(--surface-accent) 20%, var(--skelett-svep) 42%, var(--surface-accent) 64%);background-size:220% 100%;animation:1.3s linear 6 both skelettSvep;position:absolute}@keyframes skelettSvep{0%{background-position:140% 0}to{background-position:-40% 0}}@media (prefers-reduced-motion:reduce){.frameThumbnailSkelett{background:var(--surface-accent);animation:none}}@media (width<=700px){.topbarLogo{height:30px}}@media (width<=999px){.cartOverlay{-webkit-overflow-scrolling:touch;overflow-y:auto}.cartScroll{flex:none;min-height:0;overflow-y:visible}.cartFooter{position:static}.cartVidare{z-index:var(--z-content);justify-content:space-between;align-items:center;gap:var(--space-3);min-height:64px;margin-top:calc(var(--space-4) * -1);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--bg-elevated);border-top:1px solid var(--border-subtle);box-shadow:0 -8px 20px -14px rgba(var(--ink-rgb), .35);display:flex;position:sticky;bottom:0}.cartVidareSumma{font-size:var(--font-lg);color:var(--text-primary);font-weight:700}.cartVidareBtn{min-height:var(--tap);background:var(--gold-cta);color:var(--cta-ink);font-family:inherit;font-size:var(--font-base);cursor:pointer;border:none;padding:0 22px;font-weight:600}.cartVidareBtn:hover{background:var(--gold-hover)}}@media (width<=700px){.prelaunchBadge{top:calc(var(--topbar-h) + 12px);bottom:auto}}.panelSummering{z-index:var(--z-content);gap:var(--space-2);padding:16px 22px var(--space-2);background:var(--surface-chrome);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex;bottom:0}.panelSummeringRad{font-size:var(--font-sm);color:var(--text-muted);justify-content:space-between;gap:14px;display:flex}.panelSummeringEtikett{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.panelSummeringBelopp{font-variant-numeric:tabular-nums;color:var(--text-muted);flex:none}.panelSummeringVarde{color:var(--text-primary);text-align:right;min-width:0;font-weight:600}.panelSummeringTotal{padding-top:var(--space-2);border-top:1px solid var(--border-subtle);font-size:var(--font-md);color:var(--text-primary);justify-content:space-between;margin-top:2px;font-weight:700;display:flex}.panelSummeringNot{font-size:var(--font-xs);color:var(--ink-faint);line-height:var(--lh-body)}.panelFotNav{gap:var(--space-2);padding:var(--space-3) 22px var(--space-4);background:var(--surface-chrome);display:flex}@media (height<=800px){.panelFotNav{border-top:1px solid var(--border-subtle)}}.panelFotNav .panelNavBtn{min-height:48px;font-size:var(--font-md);padding:0 16px}.panelFotNav .panelNavBtn--nasta{flex:auto;justify-content:center}@media (width<=700px){.panelSummering{display:none}}.cartConsentCheckbox.harFel input[type=checkbox]{outline:1px solid var(--danger);outline-offset:2px}.cartConsentFel{margin:var(--space-2) 0 0;color:var(--danger);align-items:center;gap:7px;font-size:13.5px;display:flex}.cartConsentFel svg{flex:none}.panelNavBtn--nasta:hover:not(:disabled){background:var(--gold-hover);border-color:var(--gold-hover);color:var(--cta-ink)}.ppColorSwatch,.ppColorSwatchLabel,.fileBtn{font-size:15px}.frameCategoryChip{border-radius:var(--radius-pill);min-height:44px;font-size:14px}.canvasMobileToolsMenu{--tona:30px;-webkit-mask-image:linear-gradient(180deg, #000 calc(100% - var(--tona)), transparent 100%);-webkit-mask-image:linear-gradient(180deg, #000 calc(100% - var(--tona)), transparent 100%);mask-image:linear-gradient(180deg, #000 calc(100% - var(--tona)), transparent 100%)}.canvasMobileToolsMenu.arSlut{-webkit-mask-image:none;mask-image:none}.frameDetailsModal{background:var(--surface-app-top);border:1px solid var(--border-subtle)}@media (width<=699px){.frameDetailsModal{max-height:88vh}}@media (width>=700px){.frameDetailsModal{width:min(94vw,880px)}}.frameDetailsHead{padding:var(--space-2) var(--space-4) var(--space-3);align-items:baseline}.frameDetailsRubrik{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.frameDetailsTitle{font-family:var(--font-display);font-size:var(--font-xl);font-weight:600;line-height:var(--lh-heading);letter-spacing:0}.frameDetailsUnder{font-size:var(--font-sm);color:var(--text-muted)}.frameDetailsCloseIcon{width:var(--tap);height:var(--tap);border:1px solid var(--border-strong);background:0 0}@media (width>=700px){.frameDetailsHead{padding:var(--space-4) var(--space-5) var(--space-4)}.frameDetailsRubrik{align-items:baseline;gap:var(--space-3);flex-direction:row}}.frameDetailsBody{gap:var(--space-4);min-height:0;padding:var(--space-4);flex:auto;display:grid;overflow-y:auto}@media (width>=700px){.frameDetailsBody{grid-template-columns:400px minmax(0,1fr);gap:0;padding:0}.frameDetailsRam{padding:var(--space-5);border-right:1px solid var(--border-subtle)}.frameDetailsVal{padding:var(--space-5)}}.frameDetailsRam,.frameDetailsVal{flex-direction:column;min-width:0;display:flex}.frameDetailsRam{gap:var(--space-4)}.frameDetailsVal{gap:var(--space-5);background:var(--surface-chrome);margin:0 calc(var(--space-4) * -1);padding:var(--space-4) var(--space-4) var(--space-2)}@media (width>=700px){.frameDetailsVal{margin:0}}.frameDetailsFoto{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.frameDetailsFotoRuta{border:1px solid var(--border-subtle);background:var(--surface-card);padding:var(--space-2)}.frameDetailsFotoRuta img{aspect-ratio:3;object-fit:cover;object-position:center;width:100%;display:block}.frameDetailsFoto figcaption,.frameDetailsNot{font-size:var(--font-xs);line-height:var(--lh-body);color:var(--text-muted)}.frameDetailsProfil{gap:var(--space-4);grid-template-columns:120px minmax(0,1fr);align-items:center;display:grid}@media (width>=700px){.frameDetailsProfil{grid-template-columns:150px minmax(0,1fr)}}.frameDetailsProfilRuta{border:1px solid var(--border-subtle);background:var(--surface-app-top);padding:var(--space-2)}.frameDetailsProfilRuta img{width:100%;display:block}.frameDetailsMatt{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.frameDetailsMatt .frameDetailsRow{border-bottom:1px solid var(--border-subtle);padding:0 0 var(--space-1)}.frameDetailsTable{flex-direction:column;display:flex}.frameDetailsRow{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--font-base);line-height:var(--lh-body);border-bottom:1px solid var(--border-subtle);display:flex}.frameDetailsRam>.frameDetailsTable .frameDetailsRow:last-child{border-bottom:none}.frameDetailsKey{color:var(--text-muted)}.frameDetailsValue{text-align:right;font-weight:600}.frameDetailsGrupp{flex-direction:column;display:flex}.frameDetailsKicker{font-size:var(--font-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);padding-bottom:var(--space-2);font-weight:600}.frameDetailsGrupp .frameDetailsRow{border-top:1px solid var(--border-subtle);border-bottom:none}.frameDetailsGrupp .frameDetailsRow:last-child{border-bottom:1px solid var(--border-subtle)}.frameDetailsFot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--surface-chrome);flex:none;display:flex}.frameDetailsCloseBtn{width:auto;min-height:var(--btn-h);padding:0 var(--space-4);border:1px solid var(--border-strong);background:var(--surface-app-top);font-size:var(--font-base);flex:auto;font-weight:500}@media (width>=700px){.frameDetailsFot{padding:var(--space-4) var(--space-5);background:0 0}.frameDetailsCloseBtn{flex:none}}@media (height<=800px){.panelSummering{display:none}}