@font-face{font-family:Manrope;src:url('./media/Manrope.woff2');font-weight:200 800}*{box-sizing:border-box}body{margin:0;color:#253352;background:#fff;font:14px/1.5 Manrope,Arial,sans-serif}button,input,select{font:inherit;color:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #315ac8;outline-offset:3px}h1,h2,h3,p{margin:0}button{background:white;border:1px solid #c5ccd7;border-radius:5px;padding:9px 12px;font-size:12px}.desk-header{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:21px 3vw;border-bottom:1px solid #dde1e8}.brand{text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.7px}.brand span{display:block;font-size:11px;font-weight:500;letter-spacing:0}.desk-header nav{display:flex;gap:26px;font-size:12px}.desk-header nav a{text-decoration:none;padding:8px 0}.desk-header nav a[aria-current]{border-bottom:2px solid #315ac8;font-weight:800}.owner-link{font-size:11px}main{max-width:1680px;margin:auto;padding:0 3vw}.desk-title{display:flex;justify-content:space-between;align-items:center;padding:27px 0 25px;gap:20px}h1{font-size:36px;letter-spacing:-1.8px;line-height:1.1}.desk-title p{font-size:13px;margin-top:8px;color:#56637c}.history-controls{display:flex;gap:7px}.design-desk{display:grid;grid-template-columns:175px minmax(0,1fr) 250px;border-block:1px solid #dde1e8;min-height:600px}.toolbox{padding:22px 16px 22px 0}.toolbox h2,.design-settings h2{font-size:14px;letter-spacing:-.3px;margin-bottom:17px}.toolbox>button{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;padding:12px 4px;text-align:left;font-size:12px}.toolbox>button span{width:24px;font-size:23px;text-align:center;line-height:1}.upload-control{display:block;padding:10px 0;font-size:12px;font-weight:700;cursor:pointer}.upload-control input{max-width:100%;font-size:10px;margin-top:8px}.toolbox>p,.design-settings p{font-size:11px;color:#56637c;line-height:1.65;margin:10px 0 22px}.toolbox .layer-title{margin-top:32px;margin-bottom:8px}#layers{padding:0;list-style:none;margin:0}#layers button{width:100%;text-align:left;border:0;border-left:2px solid transparent;border-radius:0;padding:9px 7px;font-size:11px;margin-top:3px;overflow-wrap:anywhere}#layers button[aria-pressed=true]{border-color:#315ac8;background:#edf1fa}.layer-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.layer-actions button{font-size:10px;padding:7px}.preview-desk{border-inline:1px solid #dde1e8;min-width:0;background:#f6f7f9}.canvas-tools{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.canvas-tools button{font-size:11px;border:0;background:transparent;padding:8px 10px}.canvas-tools button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #25335222}#canvas-size{font-size:11px}.stage{height:465px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 18px;background:#f4b5c9;isolation:isolate;transition:background .2s}.stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 15% 20%,#fff5,transparent 60%);z-index:-1}.selection-hint{position:absolute;bottom:12px;left:16px;font-size:10px;color:#253352;background:#fffC;padding:4px 8px;border-radius:3px}#artboard{position:relative;flex:none;touch-action:none;max-width:86%;max-height:84%;filter:drop-shadow(7px 10px 7px #25335226)}#artboard>svg{display:block;width:100%;height:100%;overflow:visible}#artboard [data-layer]{cursor:grab;outline:none}#artboard [data-layer].selected>.hit-area{stroke:#315ac8;stroke-width:2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}#artboard [data-layer]:focus>.hit-area{stroke:#df5c32;stroke-width:3;vector-effect:non-scaling-stroke}.stage[data-material=holographic]{background:conic-gradient(from 35deg at 48% 55%,#efd2fb,#b8ded9,#f8d99d,#c9bff1,#edb9d5,#b8ded9,#efd2fb)}.stage[data-material=matte]{background:#c3dfd0}.stage[data-material=white-vinyl]{background:#d9e4e4}.stage[data-material=reflective]{background:linear-gradient(115deg,#a6afbc,#edf3f8 45%,#b7becb 65%,#e0e6ed)}body[data-preset=window] .stage.context{background:linear-gradient(115deg,#637a7d,#b3c4c4 60%,#708b8b)}.context-detail{display:none}.context .context-detail{display:block;position:absolute;pointer-events:none}.context .selection-hint{display:none}body[data-preset=window] .context .context-detail{inset:0 12%;border:12px solid #344e56;box-shadow:inset 0 0 0 2px #dce5e5,18px 0 25px #25335244}body[data-preset=window] .context .context-detail:after{content:'';position:absolute;width:8px;height:30px;right:8px;bottom:20%;background:#e4e9ee;box-shadow:2px 2px 4px #0003}body[data-preset=fleet] .stage.context{background:#dbe3eb}body[data-preset=fleet] .context .context-detail{left:3%;right:3%;top:17%;bottom:16%;background:#f8fafc;border:2px solid #afbac7;border-radius:8% 22% 7% 7%;box-shadow:0 22px 0 -12px #253352}body[data-preset=fleet] .context .context-detail:before,body[data-preset=fleet] .context .context-detail:after{content:'';position:absolute;width:65px;height:65px;border:12px solid #283042;background:#b3bdca;border-radius:50%;bottom:-32px;left:12%}body[data-preset=fleet] .context .context-detail:after{left:auto;right:12%}body[data-preset=fleet] .context #artboard{transform:scale(.72)}body[data-preset=sticker] .context #artboard{transform:rotate(-8deg) scale(.85)}.material-tray{padding:20px;display:flex;flex-direction:column;gap:10px}.material-tray>span{font-size:11px;font-weight:700}.material-tray>div{display:flex;gap:10px;flex-wrap:wrap}.material-tray button{background:transparent;border:1px solid transparent;display:flex;align-items:center;gap:7px;font-size:11px;padding:6px}.material-tray button[aria-pressed=true]{border-color:#315ac8}.swatch{display:block;width:22px;height:22px;border-radius:50%;border:1px solid #9ca9ba}.matte{background:#c3dfd0}.holo{background:conic-gradient(#d4b0ee,#a8e0d1,#fbe5ad,#d4b0ee)}.white{background:#fff}.reflective{background:linear-gradient(120deg,#8f9dab,#f2f5fa,#8f9dab)}.simulation-note{font-size:10px;color:#56637c;padding:0 20px 20px;max-width:650px}.design-settings{padding:22px 0 22px 20px}.design-settings label{display:block;font-size:11px;font-weight:650;margin:12px 0}.design-settings input:not([type=file]){display:block;width:100%;margin-top:7px;border:1px solid #b7c0cf;border-radius:4px;padding:10px;background:#fff;font-size:12px;min-width:0}.design-settings input[type=color]{padding:3px;height:35px}.design-settings input[type=range]{padding:0;accent-color:#315ac8}.size-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}#selected-settings{border-top:1px solid #dde1e8;margin-top:22px;padding-top:15px}#selected-name{font-size:12px;overflow-wrap:anywhere}output{float:right;font-size:10px}details{border-top:1px solid #dde1e8;padding:16px 0;margin-top:10px}summary{font-size:12px;font-weight:700;cursor:pointer}details button{font-size:11px;margin-top:12px}details p{margin-bottom:0!important}.proof-bar{padding:25px 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.proof-bar h2{font-size:20px;letter-spacing:-.5px}.proof-bar p{font-size:12px;color:#56637c;margin-top:5px}.primary{background:#315ac8;color:#fff;border-color:#315ac8;font-weight:700;padding:13px 18px}.review-check{font-size:12px;max-width:300px;display:flex;gap:8px;align-items:start}.review-check input{margin-top:3px}#native-result{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;flex-basis:100%;padding:15px;background:#edf1fa}#status{font-size:13px;padding:16px 0;border-top:1px solid #dde1e8;min-height:55px;overflow-wrap:anywhere}.customer-boundary{font-size:11px;line-height:1.7;color:#56637c;padding:15px 0 35px;max-width:850px}.customer-boundary p+p{margin-top:8px}[hidden]{display:none!important}.gallery main{max-width:1250px;padding-top:50px}.gallery h1{font-size:clamp(40px,6vw,78px);letter-spacing:-.055em}.gallery-intro{font-size:17px;margin:22px 0 40px;max-width:550px}.experience-list{display:flex;flex-direction:column;gap:30px}.experience-link{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center;text-decoration:none;border-top:1px solid #c5ccd7;padding-top:30px}.experience-art{display:flex;align-items:center;justify-content:center;height:380px;background:#f4b5c9;padding:35px}.experience-art svg{max-width:100%;max-height:100%;width:auto;height:100%;filter:drop-shadow(8px 12px 8px #25335226)}.window .experience-art{background:#6e8588;border:12px solid #344e56}.fleet .experience-art{background:#e0e6ed}.fleet .experience-art svg{width:100%;height:auto}.experience-link small{font-size:12px}.experience-link h2{font-size:38px;letter-spacing:-1.5px;margin:12px 0}.experience-link p{max-width:340px;font-size:15px}.experience-link span{display:inline-block;margin-top:24px;border-bottom:2px solid #315ac8;padding-bottom:5px;font-size:13px;font-weight:700}@media(max-width:1100px){.design-desk{grid-template-columns:145px minmax(0,1fr) 210px}.desk-header nav{gap:15px}.stage{height:410px}.design-settings{padding-left:14px}.toolbox{padding-right:10px}.canvas-tools{padding:10px}.material-tray{padding:15px}.material-tray>div{gap:3px}.material-tray button{font-size:10px}}@media(max-width:820px){.design-desk{grid-template-columns:150px minmax(0,1fr)}.design-settings{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;border-top:1px solid #dde1e8;padding:22px 0}.design-settings h2{grid-column:1/-1}.design-settings #selected-settings{grid-column:2;grid-row:2/5;margin:0;padding:0;border:0}.desk-header{flex-wrap:wrap;gap:15px}.desk-header nav{order:3;width:100%;justify-content:space-between}.owner-link{margin-left:auto}.experience-link{gap:25px}.experience-link h2{font-size:30px}.experience-art{height:310px}}@media(max-width:540px){main{padding:0 16px}.desk-header{padding:18px 16px}.desk-header nav{font-size:10px;gap:10px}.brand{font-size:19px}.desk-title{flex-wrap:wrap;padding:24px 0 18px}h1{font-size:31px}.desk-title p{font-size:12px}.history-controls button{font-size:11px}.design-desk{display:flex;flex-direction:column}.preview-desk{order:-1;border-inline:0;border-bottom:1px solid #dde1e8}.stage{height:360px;margin:0 10px}.canvas-tools{font-size:10px}#canvas-size{font-size:10px}.material-tray{padding:15px 10px}.material-tray button{font-size:10px;gap:5px}.material-tray>div{gap:4px}.swatch{width:18px;height:18px}.toolbox{padding:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}.toolbox h2{grid-column:1/-1;margin-bottom:0}.toolbox>button{padding:7px 0}.toolbox>p{margin:0;font-size:10px}.toolbox .layer-title{margin-top:12px}#layers{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px}#layers li{max-width:48%}.layer-actions{grid-column:1/-1}.design-settings{display:block}.design-settings #selected-settings{border-top:1px solid #dde1e8;margin-top:20px;padding-top:20px}.proof-bar{gap:15px}.proof-bar>div:first-child{width:100%}.review-check{max-width:100%}.gallery main{padding-top:30px}.experience-link{grid-template-columns:1fr;gap:20px}.experience-art{height:310px}.experience-link h2{font-size:32px;margin-top:8px}.experience-link p{font-size:14px}.experience-link span{margin-top:16px}.experience-link>div:last-child{padding-bottom:10px}}

#upload-recovery{padding:20px;background:#fff2da;border-left:3px solid #986400;font-size:12px}#upload-recovery button{margin-top:12px}#photo-native{display:block;margin-top:14px;font-size:11px}

.design-settings select,.design-settings textarea{display:block;width:100%;margin-top:7px;border:1px solid #b7c0cf;border-radius:4px;padding:10px;background:#fff;font:inherit;min-width:0}.design-settings textarea{resize:vertical}#choose-font{width:100%;background:#315ac8;color:#fff;margin-top:12px}#font-name{font-weight:700;margin:8px 0}#type-measurements,.type-guidance{font-size:11px;line-height:1.65}#font-dialog{width:min(1000px,94vw);max-height:90vh;border:0;border-radius:10px;padding:28px;color:#253352}#font-dialog::backdrop{background:#18243699}.font-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px}.font-dialog-head p{font-size:12px;margin-top:8px}#font-dialog>label{display:block;font-size:12px;font-weight:700}#font-search{display:block;width:100%;padding:12px;margin:8px 0 20px;border:1px solid #a8b2c2;border-radius:5px}#empire-font-picker>div>div[aria-label="Filter styles"]{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}#empire-font-picker>div>div[aria-label="Choose a lettering style"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#empire-font-picker button[aria-pressed=true]{border-color:#315ac8;background:#edf1fa}#empire-font-picker [data-font-id]{min-height:105px;display:flex;flex-direction:column;justify-content:center;gap:10px;overflow:hidden}#empire-font-picker [data-font-id]>span:first-child{font-size:27px;line-height:1.3;overflow-wrap:anywhere;max-width:100%;max-height:80px;overflow:hidden}#empire-font-picker [data-font-id]>span:last-child{font-size:11px}#typography-controls{padding-block:10px}@media(max-width:540px){#font-dialog{padding:20px}#empire-font-picker>div>div[aria-label="Choose a lettering style"]{grid-template-columns:1fr 1fr}.font-dialog-head h2{font-size:22px}#empire-font-picker [data-font-id]>span:first-child{font-size:23px}}

@media(min-width:821px){.design-settings{max-height:min(820px,calc(100vh - 180px));overflow-y:auto;scrollbar-gutter:stable}.preview-desk,.toolbox{align-self:start;position:sticky;top:12px}}

/* Hosted customers keep their product's size, material, pack and checkout. */
body[data-hosted] .desk-header nav,body[data-hosted] .owner-link,
body[data-hosted] .customer-boundary,body[data-hosted] .material-tray,
body[data-hosted] .simulation-note,body[data-hosted] .design-settings details:has(#photo-apply){display:none}

.swatch.photo-paper{background:#fffdf6;border:1px solid #d5d2c8} .stage[data-material="photo-paper"] #artboard{filter:none}