:root{--bg:#101014;--bg-2:#17171d;--panel:#1d1d25;--panel-2:#24242e;--border:#33333f;--text:#ece9f1;--text-dim:#9a97a8;--accent:#ff5a3c;--accent-2:#ffd24a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background-color:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%, #ff5a3c1f, transparent 60%), var(--bg);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.app{flex-direction:column;height:100%;display:flex}.start{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;padding:24px;display:flex}.start__title{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,6vw,3.4rem)}.start__subtitle{color:var(--text-dim);margin:8px 0 0;font-size:1.05rem}.dropzone{border:2px dashed var(--border);background:var(--panel);border-radius:18px;flex-direction:column;align-items:center;gap:14px;width:min(520px,90vw);padding:40px 24px;transition:border-color .15s,background .15s,transform .1s;display:flex}.dropzone:hover,.dropzone--active{border-color:var(--accent);background:var(--panel-2)}.dropzone--active{transform:scale(1.01)}.dropzone__icon{font-size:3rem}.dropzone__text{flex-direction:column;gap:4px;display:flex}.dropzone__text strong{font-size:1.15rem}.dropzone__text span{color:var(--text-dim);font-size:.9rem}.start__or{color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em;font-size:.85rem}.screenshot-btn{border:1px solid var(--border);background:var(--panel);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:14px 28px;font-size:1.05rem;transition:border-color .15s,background .15s;display:flex}.screenshot-btn:hover{border-color:var(--accent-2);background:var(--panel-2)}.screenshot-btn small{color:var(--text-dim);font-size:.8rem}.start__error{color:var(--accent);margin:0}.start__footer{color:var(--text-dim);font-size:.8rem;position:fixed;bottom:14px}.destroyer{flex-direction:column;height:100%;display:flex}.toolbar{background:var(--bg-2);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.toolbar__tools{flex-wrap:wrap;gap:6px;display:flex}.tool{border:1px solid var(--border);background:var(--panel);border-radius:12px;flex-direction:column;align-items:center;gap:2px;width:64px;padding:8px 4px;transition:border-color .12s,background .12s,transform 80ms;display:flex;position:relative}.tool:hover{background:var(--panel-2)}.tool:active{transform:translateY(1px)}.tool--active{border-color:var(--accent);background:var(--panel-2);box-shadow:0 0 0 1px var(--accent), 0 6px 18px #ff5a3c40}.tool__icon{font-size:1.5rem;line-height:1}.tool__key{color:var(--text-dim);font-size:.62rem;position:absolute;top:3px;right:5px}.tool__name{color:var(--text-dim);white-space:nowrap;font-size:.66rem}.tool--active .tool__name{color:var(--text)}.toolbar__actions{gap:6px;display:flex}.action{border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:8px 12px;font-size:.85rem;transition:border-color .12s,background .12s}.action:hover{background:var(--panel-2)}.action--primary{border-color:var(--accent);color:var(--accent)}.stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;overflow:hidden}.canvas-stack{border-radius:8px;max-width:100%;max-height:100%;line-height:0;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000008c}.layer{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 120px);display:block}.layer:not(:first-child){width:100%;height:100%;position:absolute;inset:0}.layer--fx{cursor:crosshair;touch-action:none}