@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@400;500;600;700;800&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f3efe8;--ink:#1a1714;--muted:#736b61;--accent:#d8542b;--line:#ded7cc;--focus:#175bd4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 'Hanken Grotesk',system-ui,sans-serif}button,input{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,label:focus-within,input:focus-visible,canvas:focus-visible{outline:3px solid var(--focus);outline-offset:4px}a{color:inherit;text-decoration:none}.site-nav{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 5vw}.site-nav img{display:block}.site-nav nav{display:flex;gap:35px;color:var(--muted);font-size:15px}.site-nav .active{color:var(--ink);border-bottom:2px solid var(--accent);padding:29px 0}.local-badge{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:50px;padding:6px 12px}.local-badge i{width:6px;height:6px;background:var(--accent);border-radius:50%}main{max-width:1440px;margin:auto;padding:48px 5vw 24px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;margin-bottom:15px;color:var(--muted)}h1{font-family:'Schibsted Grotesk',sans-serif;font-size:clamp(38px,4.3vw,62px);font-weight:600;line-height:1.04;letter-spacing:-.055em;margin:0}h1 span{color:var(--accent)}.page-heading p{color:var(--muted);margin:0 0 5px;font-size:16px;max-width:330px}.customizer{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(335px,.85fr);gap:48px;align-items:start}.studio{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#e8e3d9;position:sticky;top:20px;min-width:0}.studio-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:10px}.surface-label{font-size:14px;color:#635a50;display:flex;align-items:center;gap:7px}.surface-label i{width:5px;height:5px;background:#827969;border-radius:50%}.quiet-button{border:0;background:transparent;display:flex;align-items:center;gap:6px;font-size:13px;padding:5px;color:#635a50}.quiet-button[aria-pressed=true]{color:#8e371c}.quiet-button svg{width:17px;height:17px}.canvas-wrap{position:relative;width:100%;aspect-ratio:1;isolation:isolate;background:radial-gradient(ellipse at center,#f4f0e8 0,#e8e3d9 75%)}#preview{width:100%;height:100%;display:block;touch-action:none;cursor:default}#preview.has-art{cursor:grab}#preview.dragging{cursor:grabbing}.loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}.loading[hidden]{display:none}.led-callout{position:absolute;left:4%;bottom:9%;pointer-events:none;padding:8px 12px;border-left:2px solid var(--accent);background:rgba(245,241,234,.93);border-radius:2px;max-width:155px}.led-callout strong{display:block;font-size:13px;font-weight:600}.led-callout small{display:block;font-size:12px;color:var(--muted)}.studio-bottom{display:flex;justify-content:space-between;gap:15px;padding:0 24px 20px;font-size:13px;color:var(--muted)}.size-tag{white-space:nowrap}.validation{font-size:14px;border-top:1px solid #d4cdbf;padding:14px 24px;background:#eee9df;display:flex;align-items:center;gap:9px;min-height:51px}.status-dot{width:6px;height:6px;border-radius:50%;background:#648467;flex:none}.validation.blocked{color:#a6361b;background:#f6e5d9}.validation.blocked .status-dot{background:var(--accent)}.editor{padding-top:2px;min-width:0}.editor-title{display:flex;align-items:center;gap:12px;margin-bottom:15px}.step-number{font-size:12px;border:1px solid #cfc5b8;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:#776b5f}.editor h2{font-size:18px;margin:0;font-weight:600;letter-spacing:-.02em}.upload-zone{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed #b6a996;border-radius:5px;min-height:179px;background:#faf7f1;text-align:center;cursor:pointer;padding:20px;transition:.2s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:#f9eee4}.upload-zone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-zone svg{width:30px;height:30px;margin-bottom:7px;color:var(--accent)}.upload-zone strong{font-size:16px;font-weight:600}.upload-zone span{font-size:14px;color:var(--muted)}.upload-zone small{font-size:12px;color:#7d7164}.file-row{display:flex;align-items:center;gap:10px;background:white;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:4px}.file-row[hidden]{display:none}.file-row>div:nth-child(2){min-width:0;flex:1}.file-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:14px}.file-row small{display:block;color:var(--muted);font-size:12px}.file-thumb{width:42px;height:42px;background:#e4dfd7;flex:none}.file-thumb canvas{width:100%;height:100%}.icon-button{border:0;background:none;font-size:24px;padding:0 6px;color:var(--muted)}.editor-block{border-top:1px solid var(--line);padding-top:20px}.swatches{display:flex;align-items:center;gap:10px}.swatch{height:28px;width:28px;border:1px solid #0002;background:var(--swatch);border-radius:50%;flex:none}.swatch.selected{outline:1px solid var(--ink);outline-offset:4px}.custom-color{width:29px;height:29px;border:1px solid var(--line);border-radius:50%;position:relative;display:grid;place-items:center;overflow:hidden}.custom-color input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.custom-color span{font-size:21px;pointer-events:none}#color-name{font-size:13px;color:var(--muted);margin-left:auto}.field-help{font-size:13px;color:var(--muted);line-height:1.5;margin:12px 0}.check-row{display:flex;align-items:center;gap:9px;font-size:14px;margin:16px 0 22px}.check-row input{accent-color:var(--accent);width:16px;height:16px}fieldset{border:0;border-top:1px solid var(--line);padding:20px 0 0;margin:0}fieldset legend{float:left;width:100%;font-weight:600;font-size:18px;display:flex;gap:12px;align-items:center;margin-bottom:20px}fieldset:disabled{opacity:.46}.alignment{display:flex;gap:9px}.alignment button{border:1px solid var(--line);border-radius:3px;background:transparent;font-size:13px;flex:1;padding:8px}.alignment button:hover{background:#e9e2d7}.protected-note{display:flex;gap:12px;margin:20px 0;padding:15px;background:#e9e5dc;border-radius:4px}.protected-note svg{width:22px;height:22px;flex:none;color:#8b7964;margin-top:2px}.protected-note strong{font-size:14px;font-weight:600}.protected-note p{font-size:13px;color:var(--muted);margin:3px 0 0}.download-button{background:var(--ink);color:#fff;border:0;border-radius:4px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:15px;font-weight:600}.download-button:hover{background:#352a22}.download-button:disabled{background:#d6cfc3;color:#7e7468}.download-button span{font-size:19px;font-weight:400}.local-note{font-size:12px;text-align:center;color:var(--muted);margin-top:12px}.page-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:55px;padding-top:20px;border-top:1px solid var(--line)}.page-footer>span:last-child{letter-spacing:.14em;font-size:11px}.footer-cross{margin:0 12px;color:var(--accent)}
@media(min-width:1400px){main{padding-left:60px;padding-right:60px}.canvas-wrap{max-height:670px}}@media(max-width:950px){.customizer{gap:25px;grid-template-columns:minmax(0,1fr) 330px}main{padding:35px 3vw}.site-nav{padding:0 3vw}.led-callout{bottom:6%;font-size:12px;max-width:145px}.studio-top{padding:16px}.studio-bottom{padding:0 16px 16px;flex-direction:column;gap:3px}.page-heading p{font-size:14px;max-width:260px}.swatches{gap:8px}.swatch{width:25px;height:25px}}@media(max-width:700px){.site-nav{height:68px;padding:0 20px}.site-nav img{width:135px;height:auto}.site-nav nav{display:none}.local-badge{font-size:12px}main{padding:30px 18px 20px}.page-heading{display:block;margin-bottom:25px}.page-heading p{margin-top:16px;max-width:330px;font-size:15px}.page-heading p br{display:none}h1{font-size:42px}.customizer{display:flex;flex-direction:column;gap:30px}.studio{position:relative;top:auto;width:100%}.editor{width:100%}.canvas-wrap{max-height:none}.studio-bottom{flex-direction:row;padding-bottom:18px;font-size:12px}.validation{padding:12px 16px;font-size:13px}.led-callout{bottom:8%;left:4%}.page-footer{margin-top:30px;gap:20px;align-items:center}.file-row strong{max-width:230px}.swatches{gap:14px}.swatch{width:30px;height:30px}.protected-note p{font-size:14px}.field-help{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.site-nav nav{align-items:center}.led-callout{top:13%;bottom:auto;left:5%;max-width:170px}.led-callout:after{content:'';position:absolute;left:70%;top:100%;height:35px;width:1px;background:#bd765a;transform:rotate(-34deg);transform-origin:top}@media(min-width:701px){.canvas-wrap{width:min(100%,calc(100vh - 185px));margin:auto}.studio-top{padding-top:16px;padding-bottom:12px}.studio-bottom{padding-top:14px}.page-heading{margin-bottom:28px}.page-heading h1{font-size:clamp(38px,4vw,54px)}}

/* The LED is fixed to the bottom-left corner of the production top. */
.led-callout{top:auto;bottom:13%}.led-callout:after{top:auto;bottom:100%;transform:rotate(34deg);transform-origin:bottom}

.pdf-pages{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center;margin-top:12px;font-size:14px}.pdf-pages[hidden]{display:none}.pdf-pages select{font:inherit;min-width:0;width:100%;background:#faf7f1;color:var(--ink);border:1px solid var(--line);border-radius:3px;padding:8px}.pdf-pages small{grid-column:1/-1;color:var(--muted);font-size:12px}.pdf-pages select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}

.editor-block{margin-top:22px}.color-error{color:#a6361b}.color-error[hidden]{display:none}

.paste-help{font-size:13px;color:var(--muted);margin:10px 0 0;text-align:center}.paste-help kbd{font:inherit;font-size:12px;white-space:nowrap;padding:1px 5px;border:1px solid var(--line);border-radius:3px;background:#faf7f1}
.artwork-readouts{clear:both;display:flex;justify-content:space-between;gap:16px;background:#ebe6dd;border-radius:4px;padding:12px 14px}.artwork-readouts>div{display:flex;flex-direction:column;gap:2px}.artwork-readouts>div:last-child{text-align:right}.artwork-readouts span{font-size:12px;color:var(--muted)}.artwork-readouts output{font-size:15px;font-variant-numeric:tabular-nums}
.artwork-handles{position:absolute;inset:0;pointer-events:none;z-index:2}.artwork-handles[hidden]{display:none}.artwork-handle{position:absolute;transform:translate(-50%,-50%);padding:0;width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;pointer-events:auto;touch-action:none;color:#322c26}.corner-handle{cursor:nwse-resize}.corner-handle[data-corner="1"],.corner-handle[data-corner="3"]{cursor:nesw-resize}.corner-handle:before{content:'';width:10px;height:10px;background:#fff;border:1.5px solid #8e371c;border-radius:2px;box-shadow:0 1px 5px #0005;transform:rotate(var(--artwork-angle,0deg))}.corner-handle:hover:before,.corner-handle:focus-visible:before{background:#fff1e6;border-color:var(--accent)}.rotate-handle{cursor:grab;width:28px;height:28px;background:#fff;border:1px solid #b5a797;border-radius:50%;box-shadow:0 1px 5px #0003}.rotate-handle:active{cursor:grabbing}.rotate-handle svg{width:18px;height:18px}.rotate-handle:hover{background:#fff1e6}.artwork-handle:focus-visible{outline-offset:1px}