@font-face{font-family:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/schibsted-grotesk-latin-ext-400-normal-DHVTfbSM.woff2) format("woff2"),url(/assets/schibsted-grotesk-latin-ext-400-normal-DUPvg9bQ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/schibsted-grotesk-latin-400-normal-DPhJBilQ.woff2) format("woff2"),url(/assets/schibsted-grotesk-latin-400-normal-BkiRe4WW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/schibsted-grotesk-latin-ext-700-normal-o210KhU4.woff2) format("woff2"),url(/assets/schibsted-grotesk-latin-ext-700-normal-DDW2aNyx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/schibsted-grotesk-latin-700-normal-BkH0uJ1o.woff2) format("woff2"),url(/assets/schibsted-grotesk-latin-700-normal-Dz-okVa0.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Schibsted Grotesk,Inter,Arial,sans-serif;color:#142438;background:#f5f8fa;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400;--ink: #080d1a;--blue: #0f3381;--muted: #566b7a;--line: #dde5eb}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,label,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,label:has(input:focus-visible){outline:3px solid #3767b7;outline-offset:4px}button{background:none;border:0;color:inherit}a{color:inherit}input,textarea{accent-color:var(--blue)}.app-shell{max-width:1800px;margin:auto;padding:0 5.3%;background:radial-gradient(ellipse at 13% 40%,#e7f0f6aa,transparent 65%)}.site-header{height:105px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:45px}.brand{display:flex;gap:12px;text-decoration:none;align-items:center;font-size:20px;letter-spacing:2px;font-weight:800;line-height:1.15}.brand-mark{height:41px;width:41px;border-radius:12px;background:var(--ink);color:#fff;font-size:38px;line-height:41px;position:relative;text-align:center;font-weight:800;letter-spacing:-4px}.brand-mark>span{font-size:20px;position:absolute;right:2px;top:-9px}.brand-sub{font-size:7px;letter-spacing:1.8px;display:block;margin-top:5px}.site-header nav{display:flex;gap:27px;margin-left:auto;font-size:12px}.site-header nav button{padding:12px 0;color:#5b6f7e}.site-header nav .nav-active,.nav-active{color:var(--blue);font-weight:700}.header-tag{margin-left:30px;font-size:10px;font-weight:600;color:#5a7081;display:flex;gap:8px;align-items:center}.dot{width:6px;height:6px;background:#386055;display:inline-block;border-radius:50%}.intro{display:flex;align-items:center;justify-content:space-between;padding:48px 0 38px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;margin:0 0 14px;color:#536f85}h1{font-size:clamp(34px,3.4vw,54px);line-height:1.13;letter-spacing:-2px;font-weight:600;margin:0;color:var(--ink)}h1>span{color:#6a8497}.intro-copy{font-size:12px;line-height:1.8;color:#5f7381;margin-top:16px;margin-bottom:0}.price-card{display:flex;flex-direction:column;align-items:flex-end;padding-top:25px}.price-card>span{font-size:9px;letter-spacing:1.7px;color:#617989}.price-card strong{font-size:36px;font-weight:500;letter-spacing:-1.6px;margin-top:7px}.price-card small{font-size:10px;color:#607584;margin-top:8px}.studio-grid{display:grid;grid-template-columns:minmax(0,1.37fr) minmax(350px,1fr);gap:25px;align-items:start}.viewer-section{border:1px solid #dce5eb;border-radius:18px;background:radial-gradient(ellipse at 50% 38%,#fff,#eaf0f4 65%,#e2ebf1);min-height:617px;position:relative;overflow:hidden;box-shadow:0 15px 45px #24394c07}.viewer-topline{padding:23px 23px 0;display:flex;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:1.1px;color:#5a7283}.live-dot{display:inline-block;background:#477465;height:5px;width:5px;border-radius:50%;margin-right:7px;vertical-align:middle}.viewer-section canvas{display:block;touch-action:pan-y}.viewer-section>div:has(>canvas){height:470px!important;min-height:350px}.viewer-bottom{text-align:center;padding:0 10px 18px}.viewer-bottom p{color:#546d7d;font-size:10px;margin:5px 0 16px}.viewer-bottom p span{margin:0 7px}.focus-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.focus-controls button{font-size:9px;padding:8px 10px;border:1px solid #cddae5;border-radius:7px;background:#ffffffa8;backdrop-filter:blur(8px)}.focus-controls button:hover{background:#fff;border-color:#829bb4}.preview-footnote{display:flex;justify-content:space-between;border-top:1px solid #d6e1e8;font-size:8px;color:#607a8b;padding:15px 20px;gap:10px}.customise-panel{border:1px solid #e0e7ec;background:#ffffffc9;backdrop-filter:blur(20px);border-radius:18px;box-shadow:0 14px 35px #24394c05;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:26px 28px 19px}.panel-heading .eyebrow{font-size:8px;margin-bottom:8px}.panel-heading h2{font-size:23px;letter-spacing:-.8px;font-weight:600;margin:0}.step-count{font-size:15px;color:#1a4269;font-weight:600}.step-count span{font-size:10px;font-weight:400;color:#6d8293}.step-tabs{display:flex;border-top:1px solid #eef1f4;border-bottom:1px solid #e7edf1;padding:0 20px;justify-content:space-between}.step-tabs button{display:flex;align-items:center;gap:5px;position:relative;padding:15px 4px;color:#627787;font-size:8px;white-space:nowrap}.step-tabs button>span:first-child{display:grid;place-items:center;border:1px solid #cad5df;border-radius:50%;height:17px;width:17px;font-size:8px}.step-tabs button.selected{font-weight:700;color:var(--blue)}.step-tabs button.selected>span:first-child{background:var(--blue);color:#fff;border-color:var(--blue)}.step-tabs button.selected:after{content:"";height:2px;background:var(--blue);position:absolute;bottom:-1px;left:4px;right:4px}.step-content{padding:26px 28px;min-height:378px}h3{font-size:16px;letter-spacing:-.4px;margin:0 0 9px;font-weight:600}.help{font-size:11px;line-height:1.8;color:#617584;margin:0 0 22px}.preset-options{padding:0;border:0;display:flex;flex-direction:column;gap:9px}.preset-option{border:1px solid #dde5eb;border-radius:10px;display:flex;align-items:center;gap:13px;padding:15px;cursor:pointer;background:#fff}.preset-option.chosen{border-color:#4971a4;background:#f0f5fc}.preset-option input{position:absolute;opacity:0;pointer-events:none}.preset-icon{background:#edf2f7;color:#4d6b89;border-radius:8px;width:37px;height:37px;display:grid;place-items:center;font-size:22px}.preset-option.chosen .preset-icon{background:#e1eaf8;color:var(--blue)}.preset-option strong{font-weight:600;font-size:12px;display:block}.preset-option small{font-size:8px;color:#506779;display:block;margin-top:5px;letter-spacing:.5px}.radio-circle{width:15px;height:15px;border-radius:50%;border:1px solid #b9c9d6;margin-left:auto}.chosen .radio-circle{border:4px solid var(--blue);background:#fff}.info-box{display:flex;gap:9px;align-items:flex-start;background:#edf3f7;color:#496276;border:1px solid #dbe6ef;border-radius:8px;font-size:10px;line-height:1.8;padding:12px;margin:17px 0 0}.info-box p{margin:0}.info-box.warning{background:#fff6e9;color:#805320;border-color:#ead5b8}.step-footer{display:flex;align-items:center;gap:8px;padding:18px 27px;border-top:1px solid #e5ebf0}.step-footer>span{font-size:8px;color:#6d8392;margin:auto}.back-button{font-size:10px;padding:9px 0}.primary{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:8px;font-size:10px;font-weight:600;padding:12px 16px;display:inline-flex;justify-content:center;align-items:center;gap:25px;box-shadow:0 4px 9px #143b7720}.primary:hover:not(:disabled){background:#18499b}.workspace-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;color:#607887;padding:20px 2px}.workspace-bar>div{display:flex;gap:18px;align-items:center}.workspace-bar button{padding:5px 0;font-size:9px}.text-file-button{cursor:pointer}.text-file-button input,.import-pack input{position:absolute;width:1px;height:1px;opacity:0}.save-warning{color:#8b551e}.studio-promise{margin:28px 0 50px;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;color:#718a9a;font-size:9px}.studio-promise strong{font-size:11px;font-weight:500;color:#415b70;margin-left:13px}.site-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;font-size:12px;color:#566b7a;padding:20px 0 30px;border-top:1px solid var(--line)}.site-logo{display:block;object-fit:contain;flex-shrink:0}.site-header .brand{flex-shrink:0}.site-header .site-logo{width:96px;height:96px}.footer-brand{display:flex;align-items:center;gap:12px}.site-footer nav{display:flex;flex-wrap:wrap;gap:4px 18px}.site-footer a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}.staff-theme .site-logo{background:#080d1a;border-radius:6px}@media(max-width:600px){.site-header .site-logo{width:76px;height:76px}.site-footer nav{gap:0 20px}}.colour-field{border:0;margin:24px 0;padding:0}.colour-field legend{font-size:10px;color:#4c667b;width:100%;margin-bottom:11px}.colour-field legend strong{float:right;font-weight:600;color:#173957}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.swatch{background:var(--swatch);display:grid;place-items:center;border:1px solid #182c4322;border-radius:50%;width:30px;height:30px;position:relative;cursor:pointer;color:#fff;text-shadow:0 1px 3px black;box-shadow:inset 0 0 0 2px #fff4}.swatch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.swatch.active{outline:2px solid #183c6a;outline-offset:3px}.swatch.unavailable{opacity:.25}.swatch span{font-size:15px;pointer-events:none}.base-choice{border:0;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:10px}.base-choice legend{font-size:11px;font-weight:600;margin-bottom:12px}.base-choice label,.check-label{font-size:11px;line-height:1.8;display:flex;gap:8px;align-items:flex-start}.base-choice input,.check-label input{flex-shrink:0;margin-top:4px}.fine-print{font-size:9px;color:#637a8d;line-height:1.8;margin-top:15px}.upload-area{position:relative;border:1px dashed #adc3d7;border-radius:10px;background:#f3f7fb;display:flex;flex-direction:column;text-align:center;align-items:center;gap:8px;padding:23px 15px;cursor:pointer}.upload-area input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-area strong{font-size:12px;font-weight:600}.upload-area>span:not(.upload-icon){font-size:10px;color:#61798c}.upload-area small{font-size:8px;color:#6c8294;margin-top:3px}.upload-icon{height:30px;width:30px;background:#e0eaf6;border-radius:8px;display:grid;place-items:center;color:var(--blue);font-size:20px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.subtle{border:1px solid #cfdae3;background:#fff;padding:9px 12px;border-radius:6px;font-size:10px}.artwork-preview{border:1px solid var(--line);display:flex;gap:12px;align-items:center;border-radius:8px;padding:10px;margin:15px 0}.artwork-preview img{height:70px;width:85px;object-fit:contain;background:#fff;border:1px solid #eee}.artwork-preview strong{font-size:10px;word-break:break-word}.artwork-preview small{display:block;font-size:9px;color:#657f94;margin-top:6px}.range-label{display:block;font-size:10px;color:#3f5c73;margin:17px 0}.range-label>span{float:right}.range-label input{display:block;width:100%;margin:12px 0 0}.payload-label,.admin-card>label,.login-card>label{display:block;font-size:11px;margin:17px 0}.payload-label textarea,textarea,.login-card input,.admin-card>label>input{display:block;width:100%;border:1px solid #c7d5e0;border-radius:7px;padding:11px;background:#fff;color:#263e52;margin-top:9px;font-size:11px}textarea{resize:vertical;line-height:1.6}.payload-label textarea{word-break:break-all}.validation-tag{font-size:9px;color:#366957}.dimension-note{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;display:flex;flex-direction:column;gap:7px;font-size:11px}.dimension-note span{font-size:9px;color:#6a8193}.design-summary{font-size:11px;margin:23px 0}.design-summary>div{display:flex;gap:15px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e4ebf0}.design-summary dt{color:#61798a}.design-summary dd{text-align:right;margin:0;max-width:65%;overflow-wrap:anywhere}.download-button{width:100%;margin-top:20px;justify-content:space-between}.operation-status,.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);padding:15px 20px;border:1px solid #c8d8e7;background:#fff;box-shadow:0 12px 50px #142f4926;border-radius:10px;z-index:100;display:flex;align-items:center;gap:15px;font-size:12px;max-width:calc(100vw - 30px);width:max-content}.operation-status{bottom:auto;top:25px;background:#e9f3ff}.toast p{margin:0;max-width:650px;line-height:1.6}.toast button{font-size:24px}.toast.error{border-color:#ce887b;background:#fff4ef;color:#7d3229}.spinner{border:2px solid #acbfd2;border-top-color:var(--blue);height:17px;width:17px;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}details{font-size:10px;margin:17px 0}summary{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-main{padding:45px 0 60px;min-height:80vh}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.admin-heading h1{font-size:35px}.login-card,.admin-card{border:1px solid var(--line);padding:28px;border-radius:15px;background:#ffffffdb}.login-card{max-width:450px;margin:50px auto}.login-card h2,.admin-card h2{font-size:20px;margin:0 0 14px}.login-card .primary{width:100%;margin-top:8px}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;font-size:12px}.admin-toolbar>div{display:flex;gap:22px}.admin-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:20px}.admin-card p{font-size:11px;line-height:1.8;color:#5e7688}.import-pack{position:relative;display:inline-flex!important;background:#e8f0fa;border:1px solid #c4d4e5;padding:12px 16px;border-radius:7px;cursor:pointer;font-size:11px;margin:10px 10px 10px 0!important}.review-list{display:flex;flex-direction:column;gap:8px;margin-top:20px}.review-list>button{border:1px solid var(--line);padding:14px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:8px;border-radius:7px;font-size:11px}.review-list small{grid-column:1/-1;color:#657f91}.record-preview{font-size:10px;background:#edf2f6;padding:15px;border-radius:8px;max-height:400px;overflow:auto;white-space:pre-wrap;word-break:break-all}.asset-links{display:flex;flex-wrap:wrap;gap:12px;font-size:11px}.config-editor{height:500px;font-family:monospace}.model-row{border:1px solid var(--line);padding:14px;display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:12px;border-radius:8px}.danger-button{color:#8c322b;font-size:10px;padding:12px 0}.admin-card .check-label{margin:15px 0}@media(min-width:1500px){.app-shell{padding:0 7%}.intro{padding-top:60px}.viewer-section>div:has(>canvas){height:550px!important}.viewer-section{min-height:697px}.step-content{min-height:458px}.step-tabs button{font-size:10px}}@media(max-width:1050px){.app-shell{padding:0 4%}.header-tag{display:none}.studio-grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,1fr);gap:18px}.panel-heading,.step-content{padding-left:20px;padding-right:20px}.step-tabs{padding:0 13px}.step-tabs button{font-size:7px}.step-tabs button>span:first-child{width:15px;height:15px}.viewer-section>div:has(>canvas){height:465px!important}.preview-footnote{font-size:7px;padding:15px 12px}.studio-promise strong{font-size:9px}}@media(max-width:760px){.app-shell{padding:0 5%}.site-header{height:80px;gap:15px}.brand{font-size:17px;gap:8px}.brand-mark{transform:scale(.85);transform-origin:left center;margin-right:-4px}.brand-sub{font-size:5.5px}.site-header nav{gap:15px;font-size:9px}.intro{padding:32px 0 26px;align-items:flex-end;gap:15px}h1{font-size:34px;letter-spacing:-1.3px}.eyebrow{font-size:7px;letter-spacing:1.5px}.intro-copy{font-size:10px}.price-card{padding:0 0 4px}.price-card>span{font-size:6px;letter-spacing:.9px}.price-card strong{font-size:28px}.price-card small{font-size:7px;max-width:105px;text-align:right;line-height:1.5}.studio-grid{display:flex;flex-direction:column;gap:20px}.viewer-section,.customise-panel{width:100%}.viewer-section{min-height:465px}.viewer-section>div:has(>canvas){height:330px!important;min-height:300px}.viewer-topline{padding:18px 18px 0}.viewer-bottom{padding-bottom:13px}.preview-footnote{font-size:7px;padding:12px 15px}.step-tabs{padding:0 20px}.step-tabs button{font-size:9px}.panel-heading{padding:24px}.step-content{padding:25px;min-height:360px}.step-footer{padding:18px 24px}.swatches{gap:12px}.swatch{height:32px;width:32px}.workspace-bar{align-items:flex-start;flex-direction:column;padding:20px 0;gap:10px}.workspace-bar>div{gap:22px}.workspace-bar button,.workspace-bar .text-file-button{font-size:10px}.studio-promise{margin:15px 0 25px;display:grid;grid-template-columns:1fr;gap:17px;padding:22px 0}.studio-promise strong{font-size:11px;margin-left:20px}.site-footer{flex-wrap:wrap;font-size:12px;gap:15px;padding-bottom:25px}.admin-grid{grid-template-columns:1fr}.admin-heading{align-items:flex-start;flex-direction:column}.admin-heading h1{font-size:30px}.admin-toolbar{flex-wrap:wrap}.admin-toolbar>div{gap:17px}.admin-card{padding:20px}.login-card{margin:20px auto}.desktop-break{display:none}}@media(max-width:390px){.site-header nav{gap:9px;font-size:8px}.brand{font-size:15px}.intro h1{font-size:29px}.intro-copy{font-size:9px}.step-tabs{padding:0 12px}.step-tabs button{font-size:8px;gap:4px}.step-content{padding:22px 18px}.swatch{width:27px;height:27px}.swatches{gap:10px}.price-card strong{font-size:25px}.focus-controls button{font-size:8px;padding:7px 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.viewer-stage{height:465px;position:relative}.three-host{height:100%;width:100%;overflow:hidden}.three-host canvas{width:100%!important;height:100%!important}.viewer-status{position:absolute;inset:0;padding:35px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;gap:20px;background:#edf3f8}.viewer-status img{max-width:90%;max-height:330px;object-fit:contain}@media(min-width:1500px){.viewer-stage{height:550px}}@media(max-width:760px){.viewer-stage{height:330px}}@media(max-width:450px){.intro{flex-wrap:wrap}.intro>div:first-child{flex:1 1 220px}.price-card{align-items:flex-start;margin-top:8px}.price-card small{text-align:left;max-width:none}.site-header{height:auto;min-height:80px;flex-wrap:wrap;padding:15px 0;gap:12px}.brand{flex-shrink:0}.site-header nav{flex-wrap:wrap;margin-left:auto}.step-tabs{overflow-x:auto;gap:12px;justify-content:flex-start}.step-tabs button{flex-shrink:0}.step-footer{flex-wrap:wrap}.step-footer>span{flex:1;min-width:50px}.primary{flex-shrink:0}.workspace-bar>div{flex-wrap:wrap;row-gap:15px}.model-row{flex-wrap:wrap}.header-tag{display:none}}:root{background:#080d1a}html:has(.staff-theme){background:#f5f8fa}.customer-theme,.customer-view-menu{--ink: #f4f8fc;--blue: #62a8ed;--muted: #acbfd0;--line: #2c4058;--surface: #101b2e;color:var(--ink);color-scheme:dark}.customer-theme{background:radial-gradient(ellipse at 12% 30%,#0f33812b,transparent 56%),#080d1a;min-height:100vh}.customer-theme :is(h1,h2,h3,.price-card strong,.colour-field legend strong){color:var(--ink)}.customer-theme h1{font-weight:700}.customer-theme h1>span{color:#b6cee2}.customer-theme :is(.intro-copy,.help,.fine-print,.price-card small,.workspace-bar,.range-label,.design-summary dt,.artwork-preview small,.dimension-note span,.upload-area small,.upload-area>span:not(.upload-icon),.site-header nav button,.header-tag,.site-footer,.colour-field legend){color:var(--muted)}.customer-theme :is(.eyebrow,.price-card>span,.viewer-topline,.preview-footnote,.step-count span,.step-footer>span,.studio-promise){color:#acbfd0}.customer-theme .site-header nav .nav-active{color:#91c7fa}.customer-theme .site-header nav button{min-height:44px}.customer-theme .brand-mark{background:#132944;color:#f4f8fc;border:1px solid #355576}.customer-theme :is(.dot,.live-dot){background:#86d6b5}.customer-theme .intro{padding-top:42px;padding-bottom:32px}.customer-theme .studio-grid{grid-template-columns:minmax(0,1.37fr) minmax(350px,1fr)}.customer-theme .viewer-section{min-height:0;background:radial-gradient(ellipse at 45% 46%,#203b59,#122338 44%,#0d1728 80%);border-color:#2c4058;box-shadow:0 22px 60px #0003}.customer-theme .viewer-topline{padding:20px 22px 0}.customer-theme .viewer-frame{position:relative;height:535px}.customer-theme .viewer-stage{height:100%}.customer-theme .preview-footnote{border-color:var(--line);font-size:10px;padding:16px 20px;flex-wrap:wrap}.customer-theme .viewer-status{background:#101b2e;color:#d4eaf8;padding-bottom:110px}.customer-theme .viewer-status img{max-height:260px;border-radius:8px}.customer-theme .restore-status{font-size:11px;padding:10px 22px;color:#d4eaf8}.customer-theme .viewer-hint{position:absolute;bottom:25px;left:20px;margin:0;color:#d4eaf8;font-size:10px;pointer-events:none}.camera-tools{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:2}.camera-view-label{display:block;font-size:10px;text-align:right;margin-bottom:8px;color:#d4eaf8}.camera-dock{display:flex;align-items:center;gap:2px;padding:4px;border-radius:13px;background:#101b2ef2;border:1px solid #48617b;box-shadow:0 6px 24px #0004;backdrop-filter:blur(8px)}.camera-dock button{min-width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#f4f8fc}.camera-dock button:hover{background:#254365}.camera-dock button:focus-visible,.customer-view-menu button:focus-visible{outline:2px solid #91c7fa;outline-offset:-3px}.camera-dock .choose-view{font-size:12px;gap:6px;padding:0 10px}.dock-divider{height:24px;width:1px;background:#48617b;margin:0 3px}.customer-view-menu{position:fixed;width:254px;max-width:calc(100vw - 24px);max-height:min(430px,calc(100dvh - 24px));overflow:auto;overscroll-behavior:contain;z-index:90;border-radius:14px;background:#101b2e;border:1px solid #48617b;padding:12px;box-shadow:0 18px 55px #0009}.customer-view-menu h3{font-size:14px;margin:4px 8px 10px;color:#f4f8fc}.customer-view-menu [role=group]+[role=group]{border-top:1px solid #2c4058;margin-top:8px;padding-top:4px}.customer-view-menu p{color:#acbfd0;text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:1.4px;margin:12px 8px 5px}.customer-view-menu button{width:100%;min-height:44px;padding:10px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:#f4f8fc;font-size:12px;border-radius:7px}.customer-view-menu button:hover{background:#203b59}.customer-view-menu button[aria-pressed=true]{background:#203f66;color:#d4eaf8;font-weight:700}.customer-theme .customise-panel{background:#101b2ef5;border-color:#2c4058;backdrop-filter:none;box-shadow:0 18px 45px #0002}.customer-theme :is(.step-tabs,.step-footer,.design-summary>div){border-color:var(--line)}.customer-theme .step-count{color:#91c7fa}.customer-theme .step-tabs button{color:#acbfd0;min-height:48px}.customer-theme .step-tabs button.selected{color:#d4eaf8}.customer-theme .step-tabs button>span:first-child{border-color:#627d98}.customer-theme .step-tabs button.selected>span:first-child{color:#080d1a}.customer-theme .preset-option{background:#132136;border-color:#3b526c}.customer-theme .preset-option.chosen{background:#183455;border-color:#82bdf4}.customer-theme .preset-icon{background:#1e344e;color:#b6cee2}.customer-theme .preset-option.chosen .preset-icon{background:#264f7a;color:#d4eaf8}.customer-theme .preset-option small{color:#acbfd0}.customer-theme .radio-circle{border-color:#7890a8}.customer-theme .chosen .radio-circle{border-color:#91c7fa;background:#080d1a}.customer-theme .info-box{background:#142c43;color:#d4eaf8;border-color:#355575}.customer-theme .info-box.warning{background:#33291a;color:#f2cf98;border-color:#8c6b3e}.customer-theme .save-warning{color:#f2cf98}.customer-theme .validation-tag{color:#9ce0c2}.customer-theme .primary{background:#62a8ed;border-color:#62a8ed;color:#080d1a;min-height:44px;font-size:11px;font-weight:700;box-shadow:0 6px 22px #0003}.customer-theme .primary:hover:not(:disabled){background:#8fc8ff}.customer-theme button:disabled{opacity:1;color:#a0afbf;border-color:#34465e;background-color:#1a283d}.customer-theme :is(button,a,input,textarea,summary):focus-visible,.customer-theme label:has(input:focus-visible){outline-color:#91c7fa}.customer-theme .back-button,.customer-theme .context-focus{color:#b8dafa;min-height:44px}.customer-theme .context-focus{font-size:11px;display:inline-flex;align-items:center;gap:8px;padding:0 0 8px;margin:-4px 0 4px;text-decoration:underline;text-underline-offset:4px}.customer-theme .base-choice .context-focus{align-self:flex-start;padding-bottom:0;margin:-10px 0 -3px}.customer-theme .swatch.active{outline-color:#a7d5ff}.customer-theme .swatch{border-color:#678099}.customer-theme .upload-area{background:#14253b;border-color:#6b89a6}.customer-theme .upload-icon{background:#234567;color:#b8dafa}.customer-theme .subtle{background:#16283e;color:#d4eaf8;border-color:#536e89;min-height:44px}.customer-theme .payload-label textarea{background:#0c1626;border-color:#536e89;color:#f4f8fc}.customer-theme .studio-promise strong{color:#c0d5e5}.customer-theme .operation-status,.customer-theme .toast{background:#132940;color:#f4f8fc;border-color:#547899}.customer-theme .toast.error{background:#351e28;color:#ffc5c5;border-color:#bd7a87}.customer-theme .toast button{min-height:44px;min-width:44px}.customer-theme .spinner{border-color:#63819b;border-top-color:#d4eaf8}@media(min-width:1500px){.customer-theme .viewer-frame{height:595px}}@media(max-width:1100px){.customer-theme .studio-grid{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:18px}.customer-theme .viewer-hint{bottom:86px;left:0;right:0;text-align:center}}@media(max-width:850px){.customer-theme .studio-grid{display:flex;flex-direction:column}.customer-theme .viewer-frame{height:490px}}@media(max-width:600px){.customer-theme .viewer-frame{height:450px}.camera-tools{left:0;right:0;display:flex;flex-direction:column;align-items:center;bottom:max(16px,env(safe-area-inset-bottom))}.camera-view-label{margin-bottom:7px}.customer-theme .viewer-hint{bottom:98px;font-size:10px}.customer-theme .preview-footnote{font-size:9px;gap:9px;padding:14px}.customer-theme .intro{padding-top:26px}.customer-theme .price-card small{font-size:10px}.customer-theme .step-tabs{padding:0 10px}.customer-theme .step-tabs button{font-size:9px;gap:4px}.customer-theme .workspace-bar{font-size:10px}}@media(max-width:375px){.customer-theme .panel-heading{padding:22px 18px}.customer-theme .step-footer{padding:16px;flex-wrap:wrap}.customer-theme .step-footer>span{font-size:9px}.customer-theme .step-tabs button{font-size:8px;gap:3px}}@media(max-height:500px)and (orientation:landscape){.customer-theme .viewer-frame{height:380px}}@media(max-width:850px){.customer-theme .studio-grid{align-items:stretch}.customer-theme :is(.viewer-section,.customise-panel){width:100%}}.customer-view-menu [role=group]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.customer-view-menu [role=group]>p{grid-column:1 / -1}.customer-view-menu [role=group]:first-of-type>button:first-of-type,.customer-view-menu [role=group]:last-of-type>button:last-of-type{grid-column:1 / -1}