@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Arial,sans-serif;color:#1e2124;background:#f4f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;border-bottom:1px solid #d5dddb;display:flex;align-items:center;justify-content:space-between;padding:0 4.2vw}.wordmark{font-size:25px;font-weight:700;letter-spacing:-1.7px;position:relative}.wordmark span{position:absolute;background:#2fe0a4;height:2px;left:0;right:0;top:53%}.top-actions{display:flex;align-items:center;gap:19px}.saved,.section-label,.eyebrow,.dimensions,.spec-note,.footer-right,small,code{font-family:DM Mono,monospace}.saved{font-size:11px;color:#6c7775}.status-dot{display:inline-block;width:6px;height:6px;background:#2fe0a4;border-radius:50%;margin-right:7px}.icon-button{border:0;background:transparent;padding:8px;color:inherit;cursor:pointer}.export-button,.secondary-button{background:#12a577;color:#fff;border:0;border-radius:3px;padding:11px 16px;font:600 12px Space Grotesk,system-ui,sans-serif;display:flex;align-items:center;gap:8px;cursor:pointer}.main,main{width:100%}.intro{display:flex;justify-content:space-between;padding:73px 8.3vw 57px;align-items:flex-end}.eyebrow,.section-label{font-size:10px;letter-spacing:1.3px;color:#6c7775;display:flex;align-items:center;gap:7px}.intro h1{font-size:clamp(48px,6vw,85px);line-height:.93;letter-spacing:-4px;margin:20px 0 24px}.intro h1 em{font-style:normal;color:#12a577}.lede{font-size:17px;line-height:1.5;color:#65706e;margin:0}.progress{width:225px;margin-bottom:9px}.progress strong{display:block;font-size:39px;letter-spacing:-2px}.progress span{font-size:11px;color:#6c7775}.progress-line{height:1px;background:#ccd5d2;margin-top:16px}.progress-line span{display:block;width:100%;height:2px;background:#2fe0a4}.workspace{display:grid;grid-template-columns:260px minmax(340px,1fr) 330px;min-height:600px;border-top:1px solid #d5dddb;border-bottom:1px solid #d5dddb}.shelf,.inspector{padding:31px 30px}.shelf{border-right:1px solid #d5dddb}.inspector{border-left:1px solid #d5dddb;background:#edf1f0}.section-label{justify-content:space-between}.section-label span{color:#a1aaa8}.format-group{margin-top:28px}.format-group h3{font-size:11px;color:#7b8583;font-weight:500;margin:0 0 10px}.format-item{width:100%;border:0;background:none;display:flex;align-items:center;text-align:left;gap:11px;padding:9px 4px;cursor:pointer;color:inherit;border-radius:3px}.format-item:hover,.format-item.active{background:#dce5e2}.format-item>span:nth-child(2){flex:1}.format-item b,.format-item small{display:block}.format-item b{font-size:12px;font-weight:600}.format-item small{font-size:9px;color:#7b8583;margin-top:3px}.mini-vessel{width:28px;max-height:37px;border:1px solid #879391;display:inline-flex;align-items:flex-end;overflow:hidden;position:relative}.mini-vessel i{height:1px;background:#2fe0a4;width:100%;display:block}.spec-note{font-size:9px;line-height:1.5;color:#89928f;margin-top:44px}.canvas-area{padding:31px 6vw 35px;display:flex;flex-direction:column}.canvas-heading{display:flex;justify-content:space-between;align-items:end}.canvas-heading h2{font-size:24px;letter-spacing:-1px;margin:11px 0 0}.dimensions{font-size:10px;color:#6c7775}.preview-frame{margin:auto;position:relative;max-width:85%;max-height:510px;display:flex;align-items:center;justify-content:center}.preview-frame canvas{max-height:510px;max-width:100%;height:auto;box-shadow:0 15px 45px #1e21241c}.level-mark{position:absolute;right:-69px;top:72%;font:9px DM Mono,monospace;color:#12a577;writing-mode:vertical-rl;display:flex;gap:7px;align-items:center}.level-mark i{display:block;width:1px;height:42px;background:#2fe0a4}.inspector h2{font-size:23px;letter-spacing:-1px;margin:35px 0 4px}.muted{color:#7b8583;font-size:12px;margin:0 0 29px}.field{margin:17px 0}.field label,.color-field label{font:10px DM Mono,monospace;color:#6c7775;display:block;margin-bottom:7px}.field input,.field textarea{font:13px Space Grotesk,system-ui,sans-serif;color:#1e2124;background:#f8faf9;border:1px solid #cfd8d5;border-radius:2px;width:100%;padding:10px;resize:vertical;outline:none}.field input:focus,.field textarea:focus{border-color:#12a577;box-shadow:0 0 0 2px #2fe0a433}.field-row{display:flex;gap:11px}.field-row .field{flex:1}.color-field{display:flex;justify-content:space-between;align-items:center;margin:22px 0}.color-value{display:flex;gap:8px;align-items:center}.color-value input{width:25px;height:25px;border:0;padding:0;background:none}.color-value code{font-size:10px}.secondary-button{width:100%;justify-content:center;margin-top:28px}.upload-button{width:100%;margin-top:10px;padding:10px;background:transparent;border:1px dashed #b8c5c1;color:#4c5855;border-radius:2px;font:600 11px Space Grotesk,system-ui,sans-serif;display:flex;justify-content:center;gap:7px;cursor:pointer}.upload-button small{font-size:9px;font-weight:400;color:#8a9591;margin-left:3px}footer{display:flex;justify-content:space-between;padding:25px 4.2vw;font-size:11px;color:#7b8583}.footer-right{font-size:9px}.footer-right b{color:#12a577;font-weight:500;margin-left:8px}@media (max-width:900px){.workspace{grid-template-columns:1fr}.shelf{border-right:0;border-bottom:1px solid #d5dddb;display:flex;gap:16px;overflow:auto}.shelf>.section-label,.spec-note{display:none}.format-group{margin:0;min-width:150px}.inspector{border-left:0;border-top:1px solid #d5dddb}.intro{padding:45px 6vw}.progress{display:none}.canvas-area{min-height:500px}.level-mark{display:none}}@media (max-width:580px){.saved{display:none}.intro h1{font-size:50px}.intro{padding:40px 6vw}.topbar{padding:0 6vw}.export-button{padding:10px}.canvas-area{padding:28px 6vw}.canvas-heading{align-items:start;gap:10px;flex-direction:column}.preview-frame{max-width:100%}footer{display:block}.footer-right{margin-top:12px}}[data-theme=darkroom]{color:#f4f6f5;background:#14171a}[data-theme=darkroom] .topbar,[data-theme=darkroom] .workspace,[data-theme=darkroom] footer{border-color:#2e3538}[data-theme=darkroom] .inspector{background:#1c2124;border-color:#2e3538}[data-theme=darkroom] .shelf{border-color:#2e3538}[data-theme=darkroom] .format-item:hover,[data-theme=darkroom] .format-item.active{background:#252d30}[data-theme=darkroom] .field input,[data-theme=darkroom] .field textarea{background:#14171a;border-color:#3a4545;color:#f4f6f5}[data-theme=darkroom] .upload-button{color:#cad4d1;border-color:#465351}.tagline{font:9px DM Mono,monospace;color:#7b8583;margin-top:4px}.editor-layout{display:grid;grid-template-columns:365px minmax(360px,1fr) 260px;min-height:700px;border-top:1px solid #d5dddb;border-bottom:1px solid #d5dddb}.master-editor{max-height:900px;overflow:auto}.master-preview{margin:auto;max-width:76%;max-height:570px}.master-preview canvas{display:block;max-width:100%;max-height:570px;box-shadow:0 15px 45px #1e21241c}.editor-actions{display:flex;gap:8px;margin:22px 0}.load-button,.reset-button{border:1px solid #b9c7c2;background:transparent;color:inherit;border-radius:3px;padding:8px 9px;font:600 10px Space Grotesk,system-ui,sans-serif;display:flex;align-items:center;gap:6px;cursor:pointer}.load-button{background:#12a577;color:#fff;border-color:#12a577}.reset-button{margin-left:auto}.required,.optional{color:#12a577;font:9px DM Mono,monospace;margin-left:5px}.segmented{display:flex;background:#e1e8e5;padding:2px;border-radius:3px}.segmented button{flex:1;border:0;background:transparent;padding:7px 4px;text-transform:capitalize;font:10px DM Mono,monospace;color:#68736f;cursor:pointer;border-radius:2px}.segmented button.selected{background:#fff;color:#12a577;box-shadow:0 1px 3px #1e212412}.color-pair{display:flex;align-items:center;gap:7px;margin-top:8px}.color-pair input,.brand-color input{width:26px;height:25px;border:0;background:transparent;padding:0}.color-pair code{font-size:9px}.upload-area{border:1px dashed #b7c4c0;min-height:54px;padding:10px;display:flex;align-items:center;justify-content:center;gap:7px;position:relative;cursor:pointer;color:#65706e}.upload-area small{font-size:8px;color:#8a9591}.upload-area.has-image{height:92px;overflow:hidden;padding:0}.upload-area img{width:100%;height:100%;object-fit:cover}.privacy{font:10px DM Mono,monospace;color:#7f8b87}.privacy span{color:#12a577;font-size:15px;margin-right:6px}.brand-colors{display:grid;grid-template-columns:1fr 1fr;gap:7px}.brand-color{display:flex;align-items:center;gap:5px;font-size:10px}.field select{width:100%;background:#f8faf9;border:1px solid #cfd8d5;border-radius:2px;padding:9px;font:11px Space Grotesk,system-ui,sans-serif;color:#1e2124}.priority-list{display:flex;flex-direction:column;gap:4px}.priority-list div{display:flex;align-items:center;gap:5px;background:#e1e8e5;padding:7px 8px;border-radius:2px;font-size:11px;cursor:grab}.priority-list div:active{cursor:grabbing}.shelf{border-left:1px solid #d5dddb;border-right:0}.secondary-button{white-space:nowrap}.master-editor .section-label{margin-bottom:0}@media (max-width:1100px){.editor-layout{grid-template-columns:320px minmax(320px,1fr)}.editor-layout .shelf{grid-column:1/-1;display:flex;gap:16px;overflow:auto;border-left:0;border-top:1px solid #d5dddb}.editor-layout .shelf>.section-label,.editor-layout .spec-note{display:none}.editor-layout .format-group{min-width:150px;margin:0}}@media (max-width:720px){.editor-layout{display:flex;flex-direction:column}.master-editor{order:1;max-height:none}.canvas-area{order:2;min-height:560px}.editor-layout .shelf{order:3}.top-actions .saved{display:none}.intro{padding:45px 6vw}.master-preview{max-width:80%}}[data-theme=darkroom] .segmented,[data-theme=darkroom] .priority-list div{background:#252d30}[data-theme=darkroom] .segmented button.selected,[data-theme=darkroom] .field select{background:#14171a;color:#f4f6f5}[data-theme=darkroom] .field select{border-color:#3a4545}[data-theme=darkroom] .upload-area{border-color:#465351}.export-menu{position:absolute;right:4vw;top:58px;background:#fff;border:1px solid #cfd8d5;box-shadow:0 12px 28px #1e212422;padding:8px;z-index:5;display:grid;gap:3px;min-width:190px}.export-menu button{border:0;background:transparent;text-align:left;padding:9px;font:11px Space Grotesk,system-ui,sans-serif;color:#1e2124;cursor:pointer}.export-menu button:hover{background:#e1e8e5}.top-actions{position:relative}.format-inspector{margin-top:22px;border-top:1px solid #d5dddb;padding-top:18px}.format-inspector label{font:9px DM Mono,monospace;color:#6c7775;display:block;margin-bottom:6px}.inspector-grid{display:grid;grid-template-columns:1.2fr .7fr 1.3fr;gap:9px}.inspector-grid input,.nudge-row input{width:100%;padding:7px;border:1px solid #cfd8d5;background:#f8faf9;border-radius:2px;font-size:11px}.override-elements{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.override-elements button,.nudge-row button{border:1px solid #b9c7c2;background:transparent;border-radius:2px;padding:6px 8px;font:10px DM Mono,monospace;cursor:pointer}.override-elements button.hidden-element{opacity:.45;text-decoration:line-through}.nudge-row{display:flex;align-items:center;gap:5px;margin-top:12px;font:10px DM Mono,monospace}.nudge-row span{margin-right:auto}.nudge-row input{width:52px}.nudge-row .secondary-button{width:auto;margin:0;padding:7px}.override-dot{color:#12a577;margin-left:4px}.success-toast{position:fixed;right:24px;bottom:24px;z-index:10;background:#12a577;color:#fff;padding:12px 16px;border-radius:3px;font:600 12px DM Mono,monospace;box-shadow:0 8px 24px #1e212433}.format-item>input{margin-top:5px;accent-color:#12A577}@media (max-width:720px){.inspector-grid{grid-template-columns:1fr}.nudge-row{flex-wrap:wrap}.nudge-row span{width:100%}}@media (max-width:400px){.format-inspector{position:static;inset:auto;z-index:auto;overflow:visible;background:transparent;padding:18px 0}.shelf{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important}.format-group{flex:0 0 180px!important}}.format-item{align-items:flex-start}.format-item>span:nth-child(2){min-width:0}.format-item .mini-vessel{flex:0 0 30px;max-height:42px;background:#1e2124;align-items:stretch;justify-content:center;animation:pour-in .35s ease both}.mini-vessel canvas{display:block;width:100%;height:100%;object-fit:fill}.diagnostic-badges{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.diagnostic-badges i{font:8px DM Mono,monospace;font-style:normal;color:#9b4f39;background:#f2ddd5;padding:2px 3px;border-radius:2px}.diagnostic-badges .level-ok{color:#087a5a;background:#d6f3e7}.format-item.active .mini-vessel{outline:1px solid #12A577;outline-offset:2px}@keyframes pour-in{0%{transform:scaleY(.1);transform-origin:bottom;opacity:.3}to{transform:scaleY(1);transform-origin:bottom;opacity:1}}@media (prefers-reduced-motion:reduce){.format-item .mini-vessel{animation:none}}[data-theme=darkroom] .diagnostic-badges i{background:#4d3029;color:#ffc1a8}[data-theme=darkroom] .diagnostic-badges .level-ok{background:#124c3d;color:#8cf3cb}[data-theme=darkroom] .export-menu{background:#1c2124;border-color:#3a4545}[data-theme=darkroom] .export-menu button{color:#f4f6f5}[data-theme=darkroom] .export-menu button:hover{background:#252d30}[data-theme=darkroom] .inspector-grid input,[data-theme=darkroom] .nudge-row input{background:#14171a;border-color:#3a4545;color:#f4f6f5}:focus-visible{outline:2px solid #12A577;outline-offset:3px}.format-inspector{scroll-margin-top:16px}.mint-text,.required,.optional,.override-dot{color:#12a577}@media (max-width:400px){html,body,#root{max-width:100%;overflow-x:hidden}.topbar{height:auto;min-height:72px}.top-actions{gap:8px}.editor-layout{width:100%;min-width:0}.master-editor{width:100%;padding:24px 18px}.canvas-area{width:100%;padding:24px 18px;min-width:0}.master-preview{max-width:100%;max-height:420px}.master-preview canvas{max-width:100%;height:auto}.shelf{width:100%;display:block!important;overflow:visible!important;padding:24px 18px}.format-group{min-width:0!important;margin:20px 0!important}.format-item{width:100%}.export-menu{right:8px;top:62px;max-width:calc(100vw - 16px)}footer{padding:20px 18px}.intro{padding:35px 18px}.intro h1{font-size:46px;letter-spacing:-2px}.field-row{flex-direction:column;gap:0}.nudge-row{align-items:stretch}.nudge-row input{width:48px}.inspector-grid{grid-template-columns:1fr}.format-inspector .secondary-button{width:auto}}:root .eyebrow,:root .section-label,:root .saved,:root .dimensions,:root .format-group h3,:root .field label,:root .spec-note,:root .muted,:root .tagline{color:#53605c}:root .intro h1 em,:root .required,:root .optional,:root .override-dot,:root .footer-right b{color:#087a5a}:root .export-button,:root .secondary-button,:root .load-button{background:#087a5a;border-color:#087a5a}[data-theme=darkroom] .eyebrow,[data-theme=darkroom] .section-label,[data-theme=darkroom] .saved,[data-theme=darkroom] .dimensions,[data-theme=darkroom] .format-group h3,[data-theme=darkroom] .field label,[data-theme=darkroom] .spec-note,[data-theme=darkroom] .muted,[data-theme=darkroom] .tagline{color:#b4c1bd}[data-theme=darkroom] .format-inspector{background:#14171a}[data-theme=darkroom] .export-button,[data-theme=darkroom] .secondary-button,[data-theme=darkroom] .load-button{background:#087a5a;border-color:#087a5a}@media (max-width:400px){.shelf{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;gap:16px;padding:24px 18px}.format-group{flex:0 0 180px!important}}.format-row{display:flex;align-items:flex-start;gap:4px}.format-check{padding:12px 0 0 2px}.format-check input{accent-color:#12A577}.format-row .format-item{flex:1;width:auto}.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}.focal-preview{position:relative;width:100%;height:65px}.focal-preview img{width:100%;height:100%;object-fit:cover}.focal-marker{position:absolute;width:14px;height:14px;border:2px solid #2FE0A4;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #1e2124}.focal-marker:before,.focal-marker:after{content:"";position:absolute;background:#2fe0a4}.focal-marker:before{width:20px;height:1px;left:-5px;top:4px}.focal-marker:after{height:20px;width:1px;left:4px;top:-5px}.upload-controls{display:flex;gap:6px;padding:5px;background:#e1e8e5}.upload-controls button{border:1px solid #b9c7c2;background:#fff;border-radius:2px;padding:4px 8px;font:10px Space Grotesk,system-ui,sans-serif;cursor:pointer}.upload-controls button:focus-visible{outline:2px solid #12A577;outline-offset:1px}@media (max-width:400px){html,body,#root{width:100%;max-width:100%;overflow-x:clip}.format-inspector{position:static;inset:auto;z-index:auto;overflow:visible;background:transparent;padding:18px 0}.shelf{display:flex!important;min-width:0;max-width:100%;width:100%;overflow-x:auto!important;overflow-y:hidden!important;gap:16px;padding:24px 18px;contain:layout paint}.format-group{flex:0 0 180px!important}}