:root{color:#e8f0ec;background:#0d2024;font-family:Inter,system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 0,#2d6561,#0000 32rem),#0d2024;margin:0}header,main,footer{max-width:1180px;margin:auto;padding-inline:26px}header{border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;height:76px;display:flex}.brand{color:#f2bd52;align-items:center;gap:8px;display:flex}.brand small{letter-spacing:.14em;color:#a9c0b8;font-size:9px}.privacy-dot{color:#c6d5d0;font-size:12px}.privacy-dot:before{content:"•";color:#84d8a2;margin-right:5px}.icon-button,button{font:inherit;color:#1b302e;cursor:pointer;background:#efa540;border:0;border-radius:7px;padding:9px 12px;font-weight:750}.icon-button{color:inherit;background:#ffffff12;margin-left:10px;padding:7px 10px}.skip-link{position:absolute;left:-999px}.skip-link:focus{color:#111;background:#fff;padding:8px;top:8px;left:8px}.hero{padding:48px 0 25px}.eyebrow{letter-spacing:.16em;color:#f2bd52;margin:0 0 7px;font-size:10px;font-weight:800}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(41px,6vw,70px);line-height:.98}.hero p:last-child{color:#bed0c9;max-width:560px;font-size:17px}.editor-shell{background:#172d31;border:1px solid #ffffff1c;border-radius:16px;grid-template-columns:64px minmax(0,1fr) 330px;height:620px;display:grid;overflow:hidden;box-shadow:0 22px 50px #0003}.tool-rail{background:#102326;border-right:1px solid #ffffff17;flex-direction:column;gap:8px;padding:13px 8px;display:flex}.tool-rail button{color:#aac0ba;background:0 0;padding:10px 4px;font-size:11px}.tool-rail button.active{color:#172b2b;background:#f0a53e}.editor-stage{background:repeating-conic-gradient(#1a3034 0 25%,#14282c 0 50%) 50%/24px 24px;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.editor-stage canvas{touch-action:none;cursor:grab;width:100%;height:100%}.editor-stage canvas:active{cursor:grab}#editor-empty{text-align:center;color:#dce8e3;gap:6px;display:grid}#editor-empty[hidden]{display:none}#editor-empty span{color:#9db4ad;font-size:12px}.editor-panel{color:#173437;background:#f1f5f0;padding:17px;overflow:hidden auto}.editor-panel .panel-title{gap:2px;margin-bottom:10px;display:grid}.panel-tabs{background:#d9e5de;border-radius:8px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:11px;padding:4px;display:grid}.panel-tabs-three{grid-template-columns:repeat(3,1fr)}.panel-tabs-four{grid-template-columns:repeat(4,1fr)}.panel-tabs button{color:#49625d;background:0 0;padding:7px 3px;font-size:11px}.panel-tabs button.active{color:#173437;background:#fff;box-shadow:0 1px 3px #0002}.editor-panel fieldset,.controls fieldset{border:0;border-top:1px solid #cbd8d1;margin:10px 0 0;padding:10px 0 0}.editor-panel legend,.controls legend{font-size:12px;font-weight:800}.editor-panel label,.controls>label{gap:3px;margin:7px 0;font-size:12px;font-weight:700;display:grid}.editor-panel label:has(input[type=checkbox]){font-weight:500;display:block}.editor-panel input[type=range],.controls input[type=range]{accent-color:#c87823;width:100%}.toolbar,.zoom-tools,.presets,.actions,.card-actions,.tool-buttons{flex-wrap:wrap;gap:6px;display:flex}.toolbar button,.zoom-tools button,.presets button,.tool-buttons button{color:#365650;background:#fff;border:1px solid #bdccc4;padding:7px 8px;font-size:11px}.zoom-tools{align-items:center;margin:10px 0}.zoom-tools output{margin-left:auto;font-size:11px}.compare{background:#dce9e1;border-radius:6px;padding:7px}.primary{background:#efa540}.editor-panel .primary{width:100%;margin-top:12px}.drop-zone{text-align:center;border:2px dashed #85aaa5;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.drop-zone input{opacity:0;position:absolute}.stage-drop{z-index:2;color:#173437;cursor:pointer;background:#f1f5f0;padding:9px 12px;position:absolute;top:14px;right:14px}.stage-drop strong{font-size:12px}.stage-drop span{color:#617b74;font-size:10px}.controls{border-left:1px solid #c7d4ce;padding:25px}.export-controls{border:0;padding:0}.panel-title{justify-content:space-between;align-items:start;display:flex}.panel-title output{background:#d8e7dd;padding:5px;font-size:11px}.format-buttons,.edge-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.format-buttons label,.edge-grid label{text-align:center;border:1px solid #b7c9c1;border-radius:6px;padding:8px;font-size:12px}.format-buttons input,.edge-grid input{opacity:0;position:absolute}:is(.format-buttons label:has(input:checked),.edge-grid label:has(input:checked)){color:#fff;background:#183f40}.layer-list{gap:5px;max-height:110px;display:grid;overflow:auto}.layer-list button{color:#365650;text-align:left;background:#fff;border:1px solid #bdccc4;padding:7px 8px;font-size:11px}.layer-list button.active{color:#fff;background:#183f40}.hint{color:#617b74;font-size:11px}.queue-top{justify-content:space-between;align-items:end;margin:36px 0 12px;display:flex}.queue-top h2{margin:0;font-size:28px}.queue-top p{color:#b7cbc4;font-size:13px}.batch-stats{border:1px solid #ffffff1c;border-radius:9px;grid-template-columns:repeat(4,1fr);margin-bottom:10px;display:grid}.batch-stats div{border-right:1px solid #ffffff1c;padding:12px}.queue{gap:8px;padding-bottom:45px;display:grid}.image-card{background:#153438;border:1px solid #2a5151;border-radius:10px;grid-template-columns:100px 1fr auto;align-items:center;gap:12px;padding:9px;display:grid}.thumb{width:100px;height:65px}.thumb img{object-fit:cover;border-radius:6px;width:100%;height:100%}.image-info p{color:#c4d5cf;margin:3px 0;font-size:13px}.image-info small{color:#a7bdb6;font-size:11px}.download{background:#edf5ef}.light{color:#183238;background:#eff6f1}.light .editor-shell,.light .image-card{color:#183238;background:#fff}.light .tool-rail{background:#edf4ef}.light .queue-top p,.light .image-info p,.light .image-info small{color:#52716b}@media (max-width:800px){header,main,footer{padding-inline:17px}.editor-shell{grid-template-columns:1fr;height:auto}.tool-rail{display:none}.editor-stage{min-height:370px}.stage-drop{top:10px;right:10px}.queue-top{flex-direction:column;align-items:start}.batch-stats{grid-template-columns:repeat(2,1fr)}}.workflow-tabs{grid-template-columns:repeat(5,1fr)}.step-no{background:#ffffff1f;border-radius:50%;place-items:center;width:15px;height:15px;margin-right:4px;font-size:9px;line-height:1;display:inline-grid}.panel-tabs .step-no{background:#c6d6cf}[data-panel-tab].done .step-no{color:#0d2024;background:#84d8a2;font-size:0}[data-panel-tab].done .step-no:after{content:"✓";font-size:9px}.tool-rail button{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;display:flex}.tool-rail .step-no{margin-right:0}@media (min-width:801px){.workflow-tabs{display:none}}