:root{color:#1b1917;font-synthesis:none;text-rendering:optimizelegibility;background:#ebe8e2;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{appearance:none;border-radius:0}.app-shell{background:#ebe8e2;grid-template-columns:minmax(0,1fr) 350px;min-height:100vh;display:grid}.stage{background:#f2f0eb;min-height:100vh;position:relative;overflow:hidden}.status-dot{background:#bd8d42;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #bd8d421c}.status-dot.ready{background:#567c69;box-shadow:0 0 0 4px #567c691c}.status-dot.error{background:#a65a4a;box-shadow:0 0 0 4px #a65a4a1c}.stage-status{z-index:3;color:#8b8177;letter-spacing:.08em;text-transform:uppercase;opacity:1;pointer-events:none;align-items:center;gap:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;transition:opacity .35s;display:flex;position:absolute;bottom:28px;left:8%}.stage-status.is-hidden{opacity:0}.canvas-wrap{position:absolute;inset:0}.canvas-wrap canvas{cursor:grab;width:100%;height:100%;display:block}.canvas-wrap canvas:active{cursor:grabbing}.stage-copy{z-index:2;text-align:left;pointer-events:none;width:min(410px,44%);position:absolute;top:28px;left:8%}.eyebrow{color:#967654;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;line-height:1.5}.stage-copy h1{color:#26211c;letter-spacing:-.075em;text-align:left;margin:0 0 0 -.08em;font-size:clamp(60px,8vw,124px);font-weight:500;line-height:.84}.stage-copy h1 em{color:#98704c;font-style:normal}.lede{color:#26211c99;text-align:left;max-width:250px;margin:28px 0 0;font-size:13px;line-height:1.7}.controls{background:#faf9f6eb;border-left:1px solid #2c26201a;flex-direction:column;justify-content:space-between;min-height:100vh;padding:28px 30px;display:flex}.controls-header{justify-content:space-between;align-items:flex-start;padding-bottom:8px;display:flex}.controls-header h2{color:#29251f;letter-spacing:-.045em;margin:0;font-size:25px;font-weight:600}.control-section{padding:4px 0}.section-heading{align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.section-heading h3{color:#37312a;letter-spacing:-.02em;margin:0;font-size:14px;font-weight:600}.control-list{gap:2px;display:grid}.range-control{cursor:pointer;display:block}.range-label{color:#625b52;justify-content:space-between;gap:12px;font-size:10px;display:flex}.range-label output{color:#9b704c;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:11px;margin:1px 0 0;display:block}input[type=range]::-webkit-slider-runnable-track{background:#d9d2c8;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#9b704c;border:0;border-radius:50%;width:8.25px;height:8.25px;margin-top:-2.125px}input[type=range].is-invalid::-webkit-slider-thumb{background:#a65a4a}input[type=range]::-moz-range-track{background:#d9d2c8;height:4px}input[type=range]::-moz-range-thumb{background:#9b704c;border:0;border-radius:50%;width:8.25px;height:8.25px}input[type=range].is-invalid::-moz-range-thumb{background:#a65a4a}.material-label,.placeholder-note,.final-dimensions{color:#625b52;font-size:10px;line-height:1.5}.material-label{margin-bottom:8px;display:block}.material-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.material-option,.vessel-toggles label{cursor:pointer;min-width:0;display:block;position:relative}.material-option input,.vessel-toggles input{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.material-option span,.vessel-toggles span{color:#8c8276;letter-spacing:.04em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:0 0;border:1px solid #0000;padding:5px 3px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:9px;display:block;overflow:hidden}.material-option:hover span,.material-option input:checked+span,.vessel-toggles label:hover span,.vessel-toggles input:checked+span{color:#76563d;background:#f5efe8;border-color:#d7c6b5}.material-option input:focus-visible+span,.vessel-toggles input:focus-visible+span{outline-offset:1px;outline:1px solid #9b704c}.placeholder-note{margin:6px 0 0}.vessel-toggles{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:6px;display:grid}.camera-row{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.camera-button{color:#8c8276;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;padding:5px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:9px}.camera-button:hover,.camera-button.is-active{color:#76563d;background:#f5efe8;border-color:#d7c6b5}.controls-footer{padding-top:4px}.final-dimensions{margin:0 0 6px}.final-dimensions span{color:#9b704c;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.action-row{grid-template-columns:1fr 1.25fr;gap:7px;display:grid}.render-button{color:#594735;cursor:pointer;background:#f5efe8;border:1px solid #d7c6b5;justify-content:space-between;align-items:center;padding:9px 14px;font-size:11px;transition:background .2s,transform .2s;display:flex}.render-button:hover{background:#ece0d3;transform:translateY(-1px)}.download-button{color:#fffaf2;cursor:pointer;background:#29241f;border:0;justify-content:space-between;align-items:center;width:100%;padding:9px 16px;font-size:12px;transition:background .2s,transform .2s;display:flex}.download-button:hover:not(:disabled){background:#8a6040;transform:translateY(-1px)}.download-button:disabled{cursor:wait;opacity:.45}.arrow{color:#d4aa7e;flex:0 0 14px;width:14px;height:14px;display:inline-block;position:relative}.arrow:before{content:"";background:currentColor;position:absolute}.arrow-down:before{width:1px;height:10px;top:1px;left:6px}.arrow-down:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;position:absolute;top:5px;left:3.5px;transform:rotate(45deg)}.arrow-up-right:before{transform-origin:50%;width:1px;height:13px;top:1px;left:6px;transform:rotate(45deg)}.arrow-up-right:after{content:"";border-top:1.5px solid;border-right:1.5px solid;width:6px;height:6px;position:absolute;top:0;right:0}.app-shell.is-mobile{grid-template-columns:1fr}.app-shell.is-mobile .stage{z-index:2;height:60vh;min-height:60vh;position:sticky;top:0}.app-shell.is-mobile .controls{z-index:1;border-top:1px solid #2c26201a;border-left:0;min-height:auto;position:relative}.app-shell.is-mobile .stage-copy{top:28px;left:7%}.app-shell.is-mobile .stage-status{bottom:18px;left:7%}.app-shell.is-mobile .stage-copy h1{font-size:clamp(55px,12vw,100px)}.app-shell.is-mobile input[type=range]{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:24px;margin:-5px 0 -4px}.app-shell.is-compact .stage-copy{width:65%;top:18px;left:7%}.app-shell.is-compact .lede{margin-top:18px;font-size:11px}.app-shell.is-compact .controls{padding:18px 21px}@media (width<=900px){.app-shell{grid-template-columns:1fr}.stage{z-index:2;height:60vh;min-height:60vh;position:sticky;top:0}.controls{z-index:1;border-top:1px solid #2c26201a;border-left:0;min-height:auto;position:relative}.stage-copy{top:28px;left:7%}.stage-status{bottom:18px;left:7%}.stage-copy h1{font-size:clamp(55px,12vw,100px)}input[type=range]{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:24px;margin:-5px 0 -4px}}@media (width>=901px) and (height<=760px){.controls-header{padding-bottom:4px}.control-section{padding:2px 0}input[type=range]{height:9px}.placeholder-note,.vessel-toggles,.camera-row{margin-top:4px}.controls-footer{padding-top:2px}}@media (width<=520px){.stage-copy{width:65%;top:18px;left:7%}.lede{margin-top:18px;font-size:11px}.controls{padding:18px 21px}}