:root{--panel-width: 280px;--bg-main: #09090b;--bg-panel: #18181b;--bg-element: #27272a;--border-color: #3f3f46;--text-main: #f4f4f5;--text-muted: #a1a1aa;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .2)}.local-canvas-wrapper[data-astro-cid-7th7k4h4]{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-main);color:var(--text-main);font-family:system-ui,-apple-system,sans-serif}.editor-layout[data-astro-cid-7th7k4h4]{display:flex;flex:1;overflow:hidden;width:100%}.canvas-area[data-astro-cid-7th7k4h4]{flex:1;background-color:#050505;background-image:linear-gradient(45deg,#111 25%,transparent 25%),linear-gradient(-45deg,#111 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#111 75%),linear-gradient(-45deg,transparent 75%,#111 75%);background-size:24px 24px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.canvas-area[data-astro-cid-7th7k4h4]:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 60%);pointer-events:none;z-index:0}@keyframes float-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.canvas-wrapper[data-astro-cid-7th7k4h4]{box-shadow:0 0 0 1px #ffffff1a,0 20px 50px -12px #000000b3;z-index:1;animation:float-in .6s cubic-bezier(.16,1,.3,1) forwards}#editor-canvas[data-astro-cid-7th7k4h4]{max-width:100%;max-height:90vh;display:block;cursor:crosshair;touch-action:none}.control-panel[data-astro-cid-7th7k4h4]{width:var(--panel-width);background:var(--bg-panel);border-left:1px solid var(--border-color);display:flex;flex-direction:column;z-index:20;transition:all .3s ease}.control-panel[data-astro-cid-7th7k4h4].disabled{opacity:.3;pointer-events:none;filter:grayscale(.8)}.panel-header[data-astro-cid-7th7k4h4]{padding:1.5rem 1rem 1rem;border-bottom:1px solid var(--border-color)}.panel-header[data-astro-cid-7th7k4h4] h1[data-astro-cid-7th7k4h4]{font-size:1.25rem;font-weight:800;margin:0;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.panel-subtitle[data-astro-cid-7th7k4h4]{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;line-height:1.4}.panel-section[data-astro-cid-7th7k4h4]{padding:1.5rem 1rem;border-bottom:1px solid var(--border-color)}.section-title[data-astro-cid-7th7k4h4]{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:1rem;font-weight:700}.tools-grid[data-astro-cid-7th7k4h4]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.properties-group[data-astro-cid-7th7k4h4]{display:flex;flex-direction:column;gap:1.25rem}.panel-section[data-astro-cid-7th7k4h4].export-section{display:flex;flex-direction:column;gap:1rem}.tool-btn[data-astro-cid-7th7k4h4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;border:1px solid var(--border-color);border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s}.tool-btn[data-astro-cid-7th7k4h4]:hover{background:var(--bg-element);color:var(--text-main);border-color:var(--text-muted)}.tool-btn[data-astro-cid-7th7k4h4].active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.icon[data-astro-cid-7th7k4h4]{width:24px;height:24px;margin-bottom:8px}.icon-sm[data-astro-cid-7th7k4h4]{width:16px;height:16px}.icon-lg[data-astro-cid-7th7k4h4]{width:48px;height:48px;margin-bottom:16px;opacity:.8}label[data-astro-cid-7th7k4h4]{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem;display:block;font-weight:500}input[data-astro-cid-7th7k4h4][type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--bg-element);border-radius:2px;outline:none;margin:10px 0}input[data-astro-cid-7th7k4h4][type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--text-main);border:2px solid var(--bg-panel);border-radius:50%;cursor:pointer;transition:transform .1s}input[data-astro-cid-7th7k4h4][type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}select[data-astro-cid-7th7k4h4]{width:100%;padding:.6rem;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;color:var(--text-main);font-size:.9rem;cursor:pointer;outline:none}select[data-astro-cid-7th7k4h4]:hover{border-color:var(--text-muted)}.actions-grid[data-astro-cid-7th7k4h4]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn-secondary[data-astro-cid-7th7k4h4]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-main);font-size:.85rem;cursor:pointer;transition:all .2s}.btn-secondary[data-astro-cid-7th7k4h4]:hover:not(:disabled){background:var(--bg-element);border-color:var(--text-muted)}.btn-secondary[data-astro-cid-7th7k4h4]:disabled{opacity:.3;cursor:not-allowed}.btn-primary[data-astro-cid-7th7k4h4]{width:100%;padding:.75rem;background:var(--accent);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px var(--accent-glow);font-size:.9rem;letter-spacing:.02em}.btn-primary[data-astro-cid-7th7k4h4]:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-text[data-astro-cid-7th7k4h4]{width:100%;margin-top:.5rem;padding:.5rem;background:transparent;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer}.btn-text[data-astro-cid-7th7k4h4]:hover{color:var(--text-main);text-decoration:underline}.empty-state[data-astro-cid-7th7k4h4]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.empty-state[data-astro-cid-7th7k4h4].hidden{display:none}.upload-box[data-astro-cid-7th7k4h4]{width:100%;max-width:420px;padding:4rem 2rem;border:1px dashed var(--border-color);border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;background:#18181b99;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006}.upload-box[data-astro-cid-7th7k4h4]:hover{border-color:var(--accent);background:#18181bcc;box-shadow:0 0 0 1px var(--accent-glow),0 20px 40px -10px #0009;transform:translateY(-2px)}.upload-text[data-astro-cid-7th7k4h4]{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.upload-subtext[data-astro-cid-7th7k4h4]{font-size:.85rem;color:var(--text-muted)}.copyright-note[data-astro-cid-7th7k4h4]{text-align:center;font-size:.7rem;color:#52525b;margin-top:auto;padding:1rem}.panel-spacer[data-astro-cid-7th7k4h4]{flex:1}@media(max-width:768px){.local-canvas-wrapper[data-astro-cid-7th7k4h4]{flex-direction:column}.control-panel[data-astro-cid-7th7k4h4]{width:100%;height:auto;border-left:none;border-top:1px solid var(--border-color);flex-direction:row;overflow-x:auto;padding:1rem;gap:1rem}.panel-header[data-astro-cid-7th7k4h4],.panel-spacer[data-astro-cid-7th7k4h4],.copyright-note[data-astro-cid-7th7k4h4]{display:none}.panel-section[data-astro-cid-7th7k4h4]{border:none;padding:0;min-width:160px}}.hidden[data-astro-cid-7th7k4h4]{display:none!important}.toast[data-astro-cid-7th7k4h4]{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-element);color:var(--text-main);padding:.75rem 1.5rem;border:1px solid var(--border-color);border-radius:9999px;box-shadow:0 10px 30px -10px #00000080;opacity:0;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:2000;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.toast[data-astro-cid-7th7k4h4].show{transform:translate(-50%) translateY(0);opacity:1}