:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#111;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s}.loader-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{text-align:center;max-width:480px;padding:40px 24px}.loader-spinner{width:48px;height:48px;margin:0 auto 24px;border:4px solid #333;border-top-color:#4d8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-title{font-size:28px;font-weight:700;margin:0 0 8px;color:#fff}.loader-subtitle{font-size:15px;color:#aaa;margin:0 0 28px;line-height:1.5}.loader-progress{width:100%;height:6px;background:#222;border-radius:3px;overflow:hidden;margin-bottom:12px}.loader-bar{height:100%;width:0%;background:linear-gradient(90deg,#4d8,#5ef);border-radius:3px;transition:width .3s ease}.loader-status{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;color:#888;margin:0 0 20px}.loader-quip{font-size:14px;color:#666;font-style:italic;margin:0 0 24px;min-height:2.4em;transition:opacity .4s ease}.loader-fine-print{font-size:12px;color:#555;margin:0;line-height:1.6}body{margin:0;background:#111;color:#eee;min-height:100vh;display:flex;flex-direction:column}header{display:flex;align-items:baseline;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #222}header h1{margin:0;font-size:18px;font-weight:600}.status{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;color:#aaa}main{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:20px}.pane{display:flex;flex-direction:column;gap:8px}.pane-header{display:flex;align-items:center;justify-content:space-between}.pane-header h2{margin:0;font-size:14px;font-weight:500;color:#bbb}.toolbar{display:flex;align-items:center;gap:12px;font-size:12px;color:#aaa}.toolbar input[type=color]{width:40px;height:32px;padding:0;border:1px solid #333;border-radius:6px;background:#111;cursor:pointer}.toolbar button{background:#222;color:#ddd;border:1px solid #333;border-radius:4px;padding:3px 10px;cursor:pointer;font-size:12px}.toolbar button:hover{background:#2a2a2a}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.toolbar button.exporting{animation:pulse-export 1.2s ease-in-out infinite}@keyframes pulse-export{0%,to{opacity:.5}50%{opacity:1}}.ms{font-family:ui-monospace,SF Mono,Menlo,monospace;color:#7fd}canvas{width:100%;aspect-ratio:1 / 1;background:#fff;border-radius:8px;display:block;touch-action:none;image-rendering:pixelated}.canvas-stack,.canvas-wrap{position:relative;width:100%;aspect-ratio:1 / 1}.canvas-wrap>canvas{width:100%;height:100%;display:block}.canvas-tag{position:absolute;top:8px;left:8px;background:#0000008c;color:#fff;font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px;pointer-events:none;z-index:2}.canvas-stack>canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.canvas-stack>svg.polygon-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:8px}.polygon-overlay .polygon-outline{fill:none;stroke:#000000b3;stroke-width:1.5;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;pointer-events:none}.polygon-overlay .polygon-handle{fill:#fff;stroke:#4d8;stroke-width:2;cursor:grab;pointer-events:auto;vector-effect:non-scaling-stroke}.polygon-overlay .polygon-handle:hover{fill:#4d8}.polygon-overlay .polygon-handle.dragging{cursor:grabbing;fill:#4d8}.toolbar select{background:#1a1a1a;color:#ddd;border:1px solid #333;border-radius:4px;padding:2px 4px;font-size:12px}.hint{font-size:11px;color:#888;margin:0}.hint kbd{font-family:ui-monospace,SF Mono,Menlo,monospace;background:#222;color:#ddd;border:1px solid #333;border-radius:3px;padding:0 4px;font-size:11px}#right{background:#1a1a1a}#canvas3d{background:#1a1a1a;cursor:grab}#canvas3d:active{cursor:grabbing}.status-3d{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;color:#aaa;min-height:1.4em}.status-3d.error{color:#f88}.status-3d.ready{color:#9f9}.prompt-bar{padding:14px 20px;border-bottom:1px solid #222;background:#141414}.prompt-label{display:flex;flex-direction:row;align-items:center;gap:12px;font-size:14px;color:#aaa;max-width:1100px;margin:0 auto}.prompt-label textarea{flex:1;background:#1a1a1a;color:#eee;border:1px solid #333;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:18px;line-height:1.3;resize:vertical;min-height:44px}.prompt-label textarea:focus{outline:none;border-color:#4d8}footer{padding:10px 20px;border-top:1px solid #222;font-size:12px;color:#888}.settings{position:relative}.settings>summary{cursor:pointer;list-style:none;padding:4px 10px;border-radius:6px;background:#1a1a1a;color:#ddd;border:1px solid #333;-webkit-user-select:none;user-select:none}.settings>summary::-webkit-details-marker{display:none}.settings>summary:before{content:"⚙ ";opacity:.7}.settings[open]>summary{background:#232323}.settings-body{position:absolute;top:calc(100% + 6px);right:0;z-index:10;display:flex;flex-direction:column;gap:8px;padding:12px 14px;min-width:240px;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 8px 24px #0006}.settings-body label{display:flex;align-items:center;gap:6px}.canvas-stack.drop-active:after{content:"Drop SVG / image to add to canvas";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#4ddd8826;border:2px dashed #4d8;border-radius:8px;color:#4d8;font-size:14px;font-weight:500;pointer-events:none;z-index:5}