:root{--bg: #0b1020;--panel: #0f1724;--panel-2: #0b1220;--muted: #9aa6b2;--text: #e6eef8;--accent: #7c3aed;--radius: 10px}:root.light{--bg: linear-gradient(180deg,#f6f7fb 0%, #eef2ff 60% , #fff 100%);--panel: #ffffff;--panel-2: #f7f7fb;--muted: #475569;--text: #0b1220;--accent: #4f46e5}html,body{height:100%;margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text)}#root,html{color-scheme:dark}#canvasContainer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.shadcn-panel{position:fixed;right:16px;top:16px;z-index:2;width:340px;background:linear-gradient(180deg,var(--panel),var(--panel-2));padding:12px;border-radius:var(--radius);box-shadow:0 10px 40px #02061799;border:1px solid rgba(255,255,255,.03)}.shadcn-panel .header{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-title{margin:0;font-size:15px}.panel-sub{margin:2px 0 0;font-size:12px;color:var(--muted)}.section-title{margin:10px 0 6px;font-size:13px}.panel-row{margin-top:8px}.field{display:block;font-size:13px;color:var(--muted);margin:6px 0}.field select,.field input[type=color]{width:100%;height:36px;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff05,#ffffff03);color:var(--text);box-sizing:border-box}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--panel);background-image:linear-gradient(45deg,transparent 50%,var(--text) 50%),linear-gradient(135deg,var(--text) 50%,transparent 50%),linear-gradient(to right,#ffffff05,#ffffff03);background-position:calc(100% - 18px) calc(50% - 6px),calc(100% - 12px) calc(50% - 6px),0 0;background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat;padding-right:36px;cursor:pointer}.field select:focus,.field select:focus-visible{outline:none;box-shadow:0 0 0 3px #7c3aed1f;border-color:var(--accent)}.field select::-ms-expand{display:none}.field select option,.field select optgroup{background:var(--panel);color:var(--text)}.field select::-webkit-textfield-decoration-container,.field select option{-webkit-appearance:none}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-row{display:flex;gap:8px;flex-wrap:wrap}.btn{background:linear-gradient(90deg,#ffffff08,#ffffff03);color:var(--text);padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.04);cursor:pointer}.btn.ghost{background:transparent;opacity:.9}.btn.subtle{background:linear-gradient(90deg,#7c3aed1f,#ff00c80f);box-shadow:0 4px 18px #7c3aed0f}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000073}.icon-btn{background:transparent;border:0;font-size:16px;cursor:pointer;padding:6px;border-radius:8px}.theme-wrap{display:flex;align-items:center}#status{position:fixed;left:12px;bottom:12px;z-index:3;background:#000000b3;color:var(--text);padding:8px 10px;border-radius:8px;font-size:12px;max-width:360px;display:none;box-shadow:0 10px 60px #6e14ff26;border:1px solid rgba(200,120,255,.03)}canvas{display:block}#siteFooter{position:fixed;right:16px;bottom:12px;z-index:3;background:transparent}#siteFooter .footer-inner{display:flex;gap:12px;align-items:center;background:linear-gradient(180deg,#ffffff05,#ffffff03);padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.04)}#siteFooter .credits{font-size:13px;color:var(--muted)}#siteFooter .socials{display:flex;gap:8px}#siteFooter a{color:var(--text);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px}#siteFooter a:hover{background:#ffffff05;box-shadow:0 6px 18px #00000073}#siteFooter svg{display:block;width:18px;height:18px}