@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600;700&family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700;800&family=Merriweather:ital,wght@0,400;0,700;1,400&family=Outfit:wght@400;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Roboto:wght@400;500;700&family=Space+Grotesk:wght@500;700&family=Syne:wght@600;700;800&display=swap";[data-theme=light]{--app-bg: #e5e9f0;--panel-bg: rgba(255, 255, 255, .92);--header-bg: rgba(255, 255, 255, .96);--card-bg: rgba(248, 250, 252, .85);--card-border: rgba(203, 213, 225, .8);--card-hover-border: #64748b;--input-bg: #ffffff;--input-border: #cbd5e1;--text-main: #0f172a;--text-label: #334155;--text-sub: #475569;--accent: #2563eb;--accent-hover: #1d4ed8;--emerald: #059669;--emerald-hover: #047857;--purple: #7c3aed;--pink: #db2777;--danger: #ef4444;--canvas-bg: #dde3ed;--shadow-sm: 0 2px 6px rgba(15, 23, 42, .06);--shadow-md: 0 12px 30px -4px rgba(15, 23, 42, .12), 0 0 0 1px rgba(0,0,0,.03);--shadow-frame: 0 30px 60px -12px rgba(15, 23, 42, .22), 0 0 0 1px rgba(255,255,255,.6);--grid-color: rgba(148, 163, 184, .35);--drop-highlight: rgba(37, 99, 235, .12)}[data-theme=dark]{--app-bg: #03060c;--panel-bg: rgba(8, 13, 22, .88);--header-bg: rgba(10, 16, 29, .94);--card-bg: rgba(14, 22, 38, .78);--card-border: rgba(148, 163, 184, .15);--card-hover-border: rgba(56, 189, 248, .45);--input-bg: #060a12;--input-border: rgba(148, 163, 184, .22);--text-main: #f8fafc;--text-label: #e2e8f0;--text-sub: #94a3b8;--accent: #38bdf8;--accent-hover: #0284c7;--emerald: #10b981;--emerald-hover: #059669;--purple: #a78bfa;--pink: #f472b6;--danger: #f87171;--canvas-bg: #010307;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .45);--shadow-md: 0 14px 34px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-frame: 0 45px 100px rgba(0, 0, 0, .95), 0 0 0 1px rgba(255, 255, 255, .08);--grid-color: rgba(148, 163, 184, .15);--drop-highlight: rgba(56, 189, 248, .18)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--app-bg);color:var(--text-main);height:100vh;overflow:hidden;transition:background-color .25s,color .25s;-webkit-font-smoothing:antialiased}.svg-icon{width:16px;height:16px;display:inline-block;vertical-align:middle;stroke:currentColor;stroke-width:2;flex-shrink:0;fill:none;transition:transform .15s}.svg-icon.sm{width:14px;height:14px}.svg-icon.big{width:42px;height:42px;stroke-width:1.5;stroke:var(--text-sub);opacity:.5;margin-bottom:12px}.svg-icon.warn-icon{width:24px;height:24px;color:var(--danger);stroke:var(--danger)}.segmented-group{display:flex;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:3px;gap:4px;width:100%;box-shadow:inset 0 2px 4px #00000026}.seg-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 6px;border:none;background:transparent;color:var(--text-sub);border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;user-select:none}.seg-btn:hover{color:var(--text-main);background:#94a3b81f;transform:translateY(-1px)}.seg-btn:active{transform:scale(.96)}.seg-btn.active{background:var(--accent);color:#000;font-weight:900;box-shadow:0 3px 12px #38bdf859}.gradient-studio-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.grad-header{display:flex;justify-content:space-between;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800;color:var(--text-main);gap:8px}.grad-track-container{position:relative;width:calc(100% - 20px);margin:8px auto 16px;user-select:none}.grad-track-preview{width:100%;height:28px;border-radius:8px;border:2px solid var(--card-border);cursor:crosshair;box-shadow:inset 0 2px 6px #00000059;background:#1e293b;transition:all .2s}.grad-track-preview:hover{box-shadow:inset 0 2px 8px #0009,0 0 0 2px var(--accent)}.grad-stop-handle{position:absolute;top:18px;width:20px;height:20px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 3px 10px #000000d9;transform:translate(-50%);cursor:grab;transition:transform .12s,border-color .15s;z-index:10}.grad-stop-handle:active{cursor:grabbing;transform:translate(-50%) scale(1.2)}.grad-stop-handle.active-stop{border:3px solid var(--accent);transform:translate(-50%) scale(1.25);z-index:20;box-shadow:0 0 0 3px #38bdf873,0 4px 14px #000000e6}.grad-controls-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--card-border);padding-top:12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.grad-tone-sel{display:flex;align-items:center;gap:6px}.grad-color-input{width:36px;height:28px;border:1px solid var(--input-border);border-radius:6px;background:transparent;cursor:pointer;padding:2px;transition:transform .15s}.grad-color-input:hover{transform:scale(1.05)}.btn-rem-stop{background:#ef44441f;border:1px solid var(--danger);color:var(--danger);padding:7px 12px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0}.btn-rem-stop:hover:not(:disabled){background:var(--danger);color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #ef444459}.btn-rem-stop:disabled{opacity:.35;cursor:not-allowed;border-color:var(--card-border);color:var(--text-sub);background:transparent}.grad-angle-row{display:flex;align-items:center;gap:6px}.grad-angle-row select{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;padding:5px 8px;border-radius:6px;cursor:pointer;outline:none;transition:border-color .2s}.grad-angle-row select:hover{border-color:var(--accent)}@keyframes pulse-heart{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.heart-anim{animation:pulse-heart 1.6s infinite ease-in-out;color:#ef4444!important}.tour-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#03060ca6;z-index:8000;display:none;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tour-backdrop.active{display:block}.tour-spotlight-box{position:absolute;border:2px solid var(--accent);border-radius:12px;box-shadow:0 0 0 9999px #03060cb8,0 0 50px #38bdf899;pointer-events:none;transition:all .35s cubic-bezier(.16,1,.3,1);z-index:8001}.tour-dialog-card{position:absolute;background:var(--panel-bg);border:2px solid var(--accent);border-radius:16px;width:440px;padding:24px;box-shadow:0 25px 60px #000000f2;z-index:8002;transition:all .35s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.tour-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tour-badge{font-size:11px;font-weight:800;background:var(--accent);color:#000;padding:4px 10px;border-radius:100px;font-family:JetBrains Mono,monospace;letter-spacing:.5px}.tour-dialog-card h2,.tour-dialog-card h3{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:800;color:var(--text-main);margin-bottom:8px}.tour-dialog-card p{font-size:13.5px;color:var(--text-sub);line-height:1.6;margin-bottom:20px}.tour-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--card-border);padding-top:16px}.tour-nav-btns{display:flex;gap:8px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#03060cb3;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s cubic-bezier(.16,1,.3,1);z-index:5000;padding:24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.modal-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}.modal-window{background:var(--panel-bg);border:1px solid var(--card-border);border-radius:24px;width:100%;max-width:860px;box-shadow:0 50px 140px #000000f2,0 0 0 1px #ffffff14;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.welcome-card{max-width:780px;border:1px solid var(--card-hover-border)}.welcome-badges-stack{display:flex;gap:10px;align-items:center}.badge-app{font-size:11px;font-weight:800;background:var(--accent);color:#000;padding:5px 14px;border-radius:100px;font-family:JetBrains Mono,monospace;letter-spacing:.5px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 10px #38bdf84d}.badge-status{font-size:11px;font-weight:800;background:#064e3bd9;color:#34d399;padding:5px 14px;border-radius:100px;font-family:JetBrains Mono,monospace;border:1px solid #10b981}.welcome-body-center{text-align:center;padding:12px 40px 28px;overflow-y:auto}.creator-avatar-wrap{width:104px;height:104px;margin:0 auto 16px;position:relative}.creator-avatar-wrap img{width:100%;height:100%;border-radius:50%;border:3px solid var(--accent);object-fit:cover;box-shadow:0 12px 35px #38bdf866;position:relative;z-index:2;transition:transform .25s}.creator-avatar-wrap:hover img{transform:scale(1.05) rotate(3deg)}.pulse-ring{position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--accent);opacity:.5;animation:pulse-ring-anim 2.5s infinite;z-index:1}@keyframes pulse-ring-anim{0%{transform:scale(1);opacity:.6}to{transform:scale(1.35);opacity:0}}.welcome-headline{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:800;color:var(--text-main);margin-bottom:6px;letter-spacing:-.5px}.welcome-sub-role{font-size:13.5px;color:var(--accent);font-family:JetBrains Mono,monospace;font-weight:700;margin-bottom:18px}.welcome-narrative{font-size:14.5px;color:var(--text-sub);line-height:1.65;max-width:660px;margin:0 auto 26px}.welcome-socials-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:620px;margin:0 auto}.w-chip{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;color:var(--text-main);text-decoration:none;font-weight:700;font-size:13.5px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm)}.bm-chip:hover{background:#f59e0b;color:#000;border-color:#f59e0b;transform:translateY(-3px);box-shadow:0 8px 25px #f59e0b59}.gh-chip:hover{background:#38bdf8;color:#000;border-color:#38bdf8;transform:translateY(-3px);box-shadow:0 8px 25px #38bdf859}.st-chip:hover{background:#10b981;color:#000;border-color:#10b981;transform:translateY(-3px);box-shadow:0 8px 25px #10b98159}.ca-chip:hover{background:#6366f1;color:#fff;border-color:#6366f1;transform:translateY(-3px);box-shadow:0 8px 25px #6366f159}.warn-card{max-width:480px;border:1px solid var(--danger)}.warn-head{display:flex;align-items:center;gap:10px;color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:800}.check-box-opt{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--text-label);cursor:pointer;user-select:none}.check-box-opt input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.btn-danger-action{background:var(--danger);color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:12.5px;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #ef444466}.btn-danger-action:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 18px #ef444480}.donate-card{max-width:700px;border:1px solid #ef4444}.donate-avatar-box img{width:88px;height:88px;border-radius:50%;border:3px solid #ef4444;object-fit:cover;margin-bottom:14px;box-shadow:0 10px 28px #ef444459}.donate-links-grid{display:grid;grid-template-columns:1fr;gap:14px;width:100%;max-width:500px;margin:0 auto}.donate-btn-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border-radius:14px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--shadow-sm)}.donate-btn-card strong{font-family:Plus Jakarta Sans,sans-serif;font-size:15.5px;font-weight:800;color:var(--text-main);margin-bottom:4px}.donate-btn-card span{font-size:12px;color:var(--text-sub);font-family:Inter,sans-serif}.bm-card:hover{border-color:#f59e0b;background:#f59e0b1f;transform:translateY(-3px);box-shadow:0 10px 25px #f59e0b40}.gh-card:hover{border-color:#38bdf8;background:#38bdf81f;transform:translateY(-3px);box-shadow:0 10px 25px #38bdf840}.st-card:hover{border-color:#10b981;background:#10b9811f;transform:translateY(-3px);box-shadow:0 10px 25px #10b98140}.app-viewport{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.app-masthead{height:64px;background-color:var(--header-bg);border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;z-index:100;gap:16px;box-shadow:0 4px 24px #00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mast-left{display:flex;align-items:center;gap:16px}.logo-box{width:38px;height:38px;background:linear-gradient(135deg,#38bdf8,#0284c7);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#000;box-shadow:0 0 24px #38bdf880;flex-shrink:0;border:1px solid rgba(255,255,255,.25);transition:transform .2s cubic-bezier(.16,1,.3,1)}.logo-box:hover{transform:scale(1.06) rotate(-4deg);box-shadow:0 0 32px #38bdf8b3}.brand-svg{width:22px;height:22px;stroke-width:2.5}.app-title-stack h1{font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.4px;color:var(--text-main);line-height:1.1}.app-title-stack h1 span{font-weight:700;color:var(--accent);font-size:11.5px;font-family:JetBrains Mono,monospace;background:#38bdf81f;padding:2px 6px;border-radius:4px;margin-left:6px}.repo-sublink{font-size:11px;color:var(--emerald);text-decoration:none;font-family:JetBrains Mono,monospace;font-weight:700;display:block;margin-top:3px;opacity:.9;transition:opacity .2s}.repo-sublink:hover{opacity:1;text-decoration:underline}.studio-mode-switcher{display:flex;background:var(--input-bg);border:1px solid var(--card-border);border-radius:12px;padding:4px;margin-left:12px;box-shadow:inset 0 2px 6px #00000059}.mode-btn{background:transparent;border:none;color:var(--text-sub);font-size:12.5px;font-weight:700;padding:7px 16px;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:Plus Jakarta Sans,sans-serif;display:flex;align-items:center;gap:8px;user-select:none}.mode-btn:hover:not(.active){color:var(--text-main);background:#ffffff0d}.mode-btn.active{background:linear-gradient(135deg,#38bdf8,#0284c7);color:#000;font-weight:800;box-shadow:0 3px 16px #38bdf866,inset 0 1px 1px #ffffff73;transform:scale(1.02)}.mast-center{display:flex;align-items:center}.telemetry-bar{background:var(--card-bg);border:1px solid var(--card-border);padding:8px 20px;border-radius:100px;font-size:11.5px;font-family:JetBrains Mono,monospace;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.t-item{display:flex;align-items:center;gap:7px;color:var(--text-main);font-weight:600}.t-sep{color:var(--card-border);opacity:.6}.txt-emerald{color:var(--emerald);font-weight:800}.mast-right{display:flex;align-items:center;gap:12px}.btn-tool-subtle,.btn-donate-top{background:transparent;border:1px solid var(--card-border);color:var(--text-main);font-size:12px;font-weight:700;padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:JetBrains Mono,monospace;display:flex;align-items:center;gap:7px;white-space:nowrap}.btn-tool-subtle:hover:not(:disabled){background:var(--card-bg);border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.btn-tool-subtle:active{transform:scale(.97)}.btn-tool-subtle:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.btn-donate-top{border-color:#ef444473;background:#ef444414;color:#ef4444}.btn-donate-top:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 6px 20px #ef444473;transform:translateY(-2px)}.btn-donate-top:hover .heart-anim{color:#fff!important}.btn-primary-action{background:linear-gradient(135deg,#10b981,#059669);color:#000;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:12.5px;border:1px solid rgba(255,255,255,.2);padding:9px 18px;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:8px;box-shadow:0 4px 18px #10b98166;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.btn-primary-action:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-2px);box-shadow:0 8px 24px #10b9818c}.btn-primary-action:active{transform:scale(.97)}.three-pane-container{display:flex;flex-grow:1;height:calc(100vh - 64px);overflow:hidden}.pane-left-library{width:390px;min-width:390px;background-color:var(--panel-bg);border-right:1px solid var(--card-border);display:flex;flex-direction:column;height:100%;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:20}.pane-tabs{display:flex;background-color:var(--header-bg);border-bottom:1px solid var(--card-border);flex-shrink:0}.lib-tab{flex:1;background:transparent;border:none;color:var(--text-sub);font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700;padding:14px 6px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;gap:6px;user-select:none}.lib-tab:hover{color:var(--text-main);background:#ffffff08}.lib-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:800;background:#38bdf80f}.lib-panel{display:none;padding:20px 22px;overflow-y:auto;flex-grow:1}.lib-panel.active{display:block}.panel-intro-block{margin-bottom:24px}.panel-intro-block h2,.panel-intro-block h3{font-family:Plus Jakarta Sans,sans-serif;font-size:15.5px;font-weight:800;color:var(--text-main);margin-bottom:6px}.panel-intro-block p{font-size:13px;color:var(--text-sub);line-height:1.55;margin-bottom:14px}.row-layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.btn-layout-add{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-main);padding:12px 10px;border-radius:10px;cursor:grab;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;user-select:none;box-shadow:var(--shadow-sm)}.btn-layout-add:hover{background:var(--accent);color:#000;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 18px #38bdf859}.btn-layout-add:active{cursor:grabbing;transform:scale(.97)}.ly-icon{font-size:15px;opacity:.95;font-weight:900}.ly-txt{font-size:11px;font-weight:700;font-family:Inter,sans-serif}.module-palette-box{margin-bottom:26px;padding-top:22px;border-top:1px solid var(--card-border)}.module-palette-box h2,.module-palette-box h3{font-family:Plus Jakarta Sans,sans-serif;font-size:14.5px;font-weight:800;margin-bottom:4px}.sub-muted{font-size:12px;color:var(--text-sub);margin-bottom:14px}.mod-cat-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.m-chip{background:var(--input-bg);border:1px solid var(--card-border);color:var(--text-sub);font-size:11px;font-weight:700;padding:6px 12px;border-radius:100px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);user-select:none}.m-chip.active,.m-chip:hover{background:var(--accent);color:#000;border-color:var(--accent);font-weight:800;box-shadow:0 3px 10px #38bdf84d}.module-vectors-list{display:flex;flex-direction:column;gap:8px}.mod-pill{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-main);font-size:12.5px;font-weight:700;padding:12px 16px;border-radius:10px;cursor:grab;transition:all .2s cubic-bezier(.16,1,.3,1);user-select:none;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:var(--shadow-sm)}.mod-pill:hover{background:var(--accent);color:#000;border-color:var(--accent);transform:translate(5px);box-shadow:0 6px 20px #38bdf859}.mod-pill:active{cursor:grabbing;opacity:.85;transform:translate(2px) scale(.98)}.mod-left{display:flex;align-items:center;gap:12px}.mod-badge-cat{font-size:10px;opacity:.8;font-family:JetBrains Mono,monospace;text-transform:uppercase;font-weight:800}.structure-tree-box{padding-top:22px;border-top:1px solid var(--card-border)}.structure-tree-box h2,.structure-tree-box h3{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:800;margin-bottom:10px}.layers-list{display:flex;flex-direction:column;gap:10px}.layer-row-item{background:var(--input-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;font-size:12px;font-family:JetBrains Mono,monospace;transition:all .2s;box-shadow:var(--shadow-sm)}.layer-row-item.drag-over-layer{border:2px dashed var(--accent);background:#38bdf81f}.layer-row-head{background:var(--header-bg);padding:10px 16px;font-weight:700;color:var(--accent);border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center;cursor:grab;transition:background-color .15s}.layer-row-head:hover{background:#38bdf814}.layer-row-head:active{cursor:grabbing}.layer-blocks-list{padding:6px;display:flex;flex-direction:column;gap:6px;min-height:30px}.layer-block-node{padding:8px 12px;border-radius:8px;cursor:grab;display:flex;justify-content:space-between;align-items:center;color:var(--text-main);font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);border:1px solid transparent;background:var(--card-bg)}.layer-block-node:hover{background:#38bdf824;color:var(--accent);border-color:#38bdf866;transform:translate(3px)}.layer-block-node:active{cursor:grabbing}.layer-block-node.active-layer{background:var(--accent);color:#000;font-weight:800;box-shadow:0 3px 12px #38bdf859;transform:translate(4px)}.layer-block-node.drag-over-item{border:2px dashed #ef4444}.tpl-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.btn-clear-subtle{background:transparent;border:1px solid var(--card-border);color:#ef4444;font-size:11px;font-weight:700;padding:6px 13px;border-radius:7px;cursor:pointer;font-family:JetBrains Mono,monospace;transition:all .2s}.btn-clear-subtle:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef444459;transform:translateY(-1px)}.notice-pill{font-size:12.5px;background:#38bdf81a;color:var(--text-main);padding:14px 16px;border-radius:12px;border:1px solid rgba(56,189,248,.3);line-height:1.55;font-weight:500;display:flex;align-items:flex-start;gap:12px;box-shadow:var(--shadow-sm)}.cat-chip-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.cat-chip{background:var(--input-bg);border:1px solid var(--card-border);color:var(--text-sub);font-size:11px;font-weight:700;padding:6px 14px;border-radius:100px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.cat-chip.active,.cat-chip:hover{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:0 3px 12px #38bdf84d}.cards-list-vert{display:flex;flex-direction:column;gap:14px}.card-spec{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:18px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:space-between;gap:12px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.card-spec:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-md),0 0 0 1px #38bdf840}.card-spec.sel-card{border-color:var(--accent);border-width:2px;background:#38bdf81f;box-shadow:0 10px 30px #38bdf840}.spec-title{font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:800;color:var(--text-main);line-height:1.35}.spec-desc{font-size:12.5px;color:var(--text-sub);line-height:1.5}.spec-tag{align-self:flex-start;font-size:10.5px;font-weight:800;background:var(--panel-bg);color:var(--accent);padding:4px 10px;border-radius:6px;border:1px solid var(--card-border);font-family:JetBrains Mono,monospace}.theme-preview-box{height:76px;border-radius:10px;width:100%;border:1px solid var(--card-border);display:flex;flex-direction:column;justify-content:space-between;padding:10px 14px;overflow:hidden;position:relative;box-shadow:inset 0 2px 8px #0006;transition:transform .2s}.theme-preview-box:hover{transform:scale(1.02)}.prev-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.prev-mid{font-size:14px;font-weight:900;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prev-bot{display:flex;justify-content:space-between;align-items:center}.prev-btn-pill{font-size:9.5px;font-weight:800;padding:3px 9px;border-radius:4px;text-transform:uppercase;font-family:sans-serif}.sec-lbl{font-family:Plus Jakarta Sans,sans-serif;font-size:14.5px;font-weight:800;margin-bottom:12px}.pane-middle-canvas{flex-grow:1;display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--canvas-bg);background-image:radial-gradient(var(--grid-color) 1.5px,transparent 1.5px);background-size:24px 24px;box-shadow:inset 0 0 140px #000000bf;position:relative;z-index:10}.canvas-rich-toolbar{height:56px;background-color:var(--header-bg);border-bottom:1px solid var(--card-border);display:flex;align-items:center;padding:0 24px;flex-shrink:0;gap:14px;box-shadow:0 4px 14px #0000004d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:30}.toolbar-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.toolbar-sep{width:1px;height:26px;background:var(--card-border);margin:0 6px;flex-shrink:0;opacity:.6}.tb-sel{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-main);font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:8px;outline:none;cursor:pointer;min-width:175px;max-width:220px;text-overflow:ellipsis;white-space:nowrap;transition:all .2s}.tb-sel:hover,.tb-sel:focus{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf840}.btn-tb{min-width:36px;height:36px;padding:0 9px;background:var(--input-bg);border:1px solid var(--card-border);color:var(--text-main);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13.5px;transition:all .18s cubic-bezier(.16,1,.3,1);user-select:none}.btn-tb:hover:not(:disabled){background:var(--accent);color:#000;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #38bdf84d}.btn-tb:active:not(:disabled){transform:scale(.95)}.btn-tb:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.btn-tb-txt{background:var(--input-bg);border:1px solid var(--card-border);color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:700;padding:7px 14px;border-radius:8px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:7px;white-space:nowrap}.btn-tb-txt:hover{background:var(--accent);color:#000;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 14px #38bdf859}.btn-tb-txt:active{transform:scale(.96)}.device-switch{display:flex;background:var(--card-bg);padding:4px;border-radius:10px;border:1px solid var(--card-border);box-shadow:inset 0 2px 4px #00000040}.dev-btn{background:transparent;border:none;color:var(--text-sub);font-size:11.5px;font-weight:700;padding:6px 14px;border-radius:7px;cursor:pointer;transition:all .2s;font-family:JetBrains Mono,monospace;white-space:nowrap;user-select:none}.dev-btn.active{background:var(--accent);color:#000;font-weight:800;box-shadow:0 2px 12px #38bdf866}.canvas-stage-area{flex-grow:1;overflow-y:auto;padding:44px 36px;display:flex;justify-content:center;align-items:flex-start}.stage-container{transition:all .35s cubic-bezier(.16,1,.3,1);width:100%}.stage-container.desktop-layout{max-width:700px}.stage-container.mobile-layout{max-width:390px;width:390px;border-radius:40px;padding:16px;background:#080d17;border:14px solid #101623;box-shadow:0 60px 130px #000000f2,0 0 0 1px #ffffff1a}.drop-indicator-bar,.mod-drop-indicator{height:6px;background:var(--accent);border-radius:3px;margin:6px 0;box-shadow:0 0 24px var(--accent),0 0 10px #fff;position:relative;pointer-events:none;transition:transform .12s;display:flex;align-items:center;justify-content:center;font-size:10px;font-family:JetBrains Mono,monospace;font-weight:900;color:#000;text-transform:uppercase;z-index:50;border:1px solid #ffffff}.row-drop-indicator{height:14px;background:#10b981;border-radius:6px;margin:12px 0;box-shadow:0 0 32px #10b981,0 0 12px #fff;position:relative;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:11px;font-family:JetBrains Mono,monospace;font-weight:900;color:#000;text-transform:uppercase;z-index:60;border:2px solid #ffffff;width:100%}.canvas-email-table{width:100%;border-radius:16px;box-shadow:var(--shadow-frame);overflow:visible;position:relative;transition:background-color .25s;margin:12px 0;min-height:220px;padding-bottom:30px}.canvas-row-wrapper{position:relative;border:2px solid transparent;transition:all .25s cubic-bezier(.16,1,.3,1);margin-bottom:28px;border-radius:18px;padding:12px 0}.canvas-row-wrapper:hover,.canvas-row-wrapper:focus-within{border-color:#38bdf873;box-shadow:0 24px 54px -12px #000000a6;background:#ffffff05}.canvas-row-wrapper:hover .canvas-row-header,.canvas-row-wrapper:focus-within .canvas-row-header{opacity:1;pointer-events:auto;transform:translateY(0)}.canvas-row-header{position:absolute;top:-22px;left:20px;right:auto;z-index:45;display:inline-flex;align-items:center;gap:12px;background:#0d121ceb;border:1px solid rgba(56,189,248,.4);box-shadow:0 10px 36px #000000d9,0 0 18px #38bdf833;border-radius:12px;padding:7px 16px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:700;color:var(--accent);user-select:none;opacity:.9;transform:translateY(2px);transition:all .2s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.canvas-row-wrapper:hover .canvas-row-header{opacity:1;transform:translateY(-4px);border-color:var(--accent);box-shadow:0 14px 40px #000000f2,0 0 24px #38bdf859}.row-header-left,.row-header-right{display:flex;align-items:center;gap:8px}.row-drag-badge{display:flex;align-items:center;gap:6px;cursor:grab;padding:4px 10px;background:#ffffff0d;border:1px solid var(--card-border);border-radius:7px;transition:all .15s;font-weight:800}.row-drag-badge:hover{background:var(--accent);color:#000;border-color:var(--accent);transform:scale(1.05)}.row-drag-badge:active{cursor:grabbing;transform:scale(.97)}.row-layout-sel{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;padding:5px 12px;border-radius:7px;cursor:pointer;outline:none;transition:all .15s}.row-layout-sel:hover{border-color:var(--accent);background:#38bdf81f}.row-ctrl-btn{background:var(--input-bg);border:1px solid var(--card-border);color:var(--text-main);padding:5px 12px;border-radius:7px;font-size:11px;font-weight:700;font-family:JetBrains Mono,monospace;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .18s cubic-bezier(.16,1,.3,1)}.row-ctrl-btn:hover:not(:disabled){background:var(--accent);color:#000;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 3px 10px #38bdf859}.row-ctrl-btn:active:not(:disabled){transform:scale(.96)}.row-ctrl-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.row-ctrl-btn.danger-row:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 3px 10px #f8717173}.canvas-row-body{display:flex;padding:26px 30px 18px;gap:22px;min-height:88px;position:relative}.canvas-drop-col{min-height:94px;position:relative;transition:all .2s;padding:10px;border:1px dashed rgba(148,163,184,.22);border-radius:14px}.canvas-drop-col.drag-over{background:var(--drop-highlight)!important;outline:2px dashed var(--accent);outline-offset:-2px}.col-empty-placeholder{border:2px dashed var(--card-border);border-radius:16px;padding:42px 24px;text-align:center;color:var(--text-sub);font-size:13px;font-weight:600;font-style:normal;margin:8px 0;pointer-events:none;background:#94a3b808;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:all .25s cubic-bezier(.16,1,.3,1)}.canvas-row-wrapper:hover .col-empty-placeholder{border-color:#38bdf880;background:#38bdf80f;color:var(--text-main)}.canvas-block-node{position:relative;transition:box-shadow .2s cubic-bezier(.16,1,.3,1),outline .2s;cursor:pointer;outline:2px solid transparent;outline-offset:-2px;margin-bottom:16px;border-radius:12px}.canvas-block-node:hover{outline:1px dashed var(--accent);background:#38bdf805}.canvas-block-node:hover .mod-hover-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.canvas-block-node.active-mod{outline:2px solid var(--accent);box-shadow:0 0 0 4px #38bdf84d;z-index:10}.mod-hover-actions{position:absolute;top:-16px;right:12px;display:flex;gap:6px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s cubic-bezier(.16,1,.3,1);z-index:50;background:#0d121cf0;border:1px solid var(--card-border);border-radius:10px;padding:4px;box-shadow:0 10px 26px #000000e6;transform:translateY(3px);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.action-handle-btn{width:32px;height:32px;border-radius:8px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.btn-displace-handle{cursor:grab}.btn-displace-handle:active{cursor:grabbing}.btn-displace-handle:hover{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:0 3px 10px #38bdf859}.btn-delete-handle:hover{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 3px 10px #f8717173}.editable-text{outline:none!important;transition:background .2s,box-shadow .2s;border-radius:6px;padding:2px 6px}.editable-text:hover{background:#38bdf81f}.editable-text:focus{background:#38bdf833;box-shadow:0 0 0 2px var(--accent)}.pane-right-inspector{width:345px;min-width:345px;background-color:var(--panel-bg);border-left:1px solid var(--card-border);display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:-4px 0 24px #0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:20}.ins-header{padding:20px 24px;background-color:var(--header-bg);border-bottom:1px solid var(--card-border);display:flex;flex-direction:column;gap:10px;flex-shrink:0;box-shadow:0 2px 12px #00000040}.ins-header h2,.ins-header h3{font-family:Plus Jakarta Sans,sans-serif;font-size:15.5px;font-weight:800;display:flex;align-items:center;gap:10px;color:var(--text-main);letter-spacing:-.2px}.pill-type{align-self:flex-start;font-size:11px;font-weight:800;background:var(--card-bg);color:var(--accent);padding:5px 12px;border-radius:100px;border:1px solid var(--card-border);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.ins-body{padding:22px 24px;overflow-y:auto;flex-grow:1}.ins-empty{text-align:center;padding:52px 18px;color:var(--text-sub);font-size:13.5px;line-height:1.65;font-weight:500}.ins-form-group{margin-bottom:22px;display:flex;flex-direction:column;gap:8px}.ins-form-group label{font-size:11.5px;font-weight:700;color:var(--text-label);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.ins-inp,.ins-txt,.ins-sel{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-main);font-family:Inter,sans-serif;font-size:13px;padding:10px 14px;border-radius:10px;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);width:100%;line-height:1.5;box-shadow:inset 0 1px 3px #00000040}.ins-txt{min-height:100px;resize:vertical}.ins-inp:focus,.ins-txt:focus,.ins-sel:focus{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf840,inset 0 1px 3px #00000040;background:#0b1220}.ins-color-row{display:flex;gap:14px;align-items:center;margin-top:6px}.c-pick{width:44px;height:38px;border:1px solid var(--input-border);border-radius:9px;background:transparent;cursor:pointer;padding:2px;transition:all .15s}.c-pick:hover{transform:scale(1.06);border-color:var(--accent);box-shadow:0 3px 10px #38bdf840}.video-thumb-preview{width:100%;border-radius:12px;border:1px solid var(--card-border);margin-top:12px;overflow:hidden;position:relative;background:#000;box-shadow:var(--shadow-sm)}.video-thumb-preview img{width:100%;display:block;object-fit:cover;max-height:150px;opacity:.85;transition:all .25s cubic-bezier(.16,1,.3,1)}.video-thumb-preview:hover img{opacity:1;transform:scale(1.03)}.vid-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 20px #000000bf;transition:transform .2s cubic-bezier(.16,1,.3,1)}.video-thumb-preview:hover .vid-play-overlay{transform:translate(-50%,-50%) scale(1.15)}.ins-footer{padding:18px 24px;background-color:var(--header-bg);border-top:1px solid var(--card-border);flex-shrink:0}.btn-delete-mod{width:100%;background:var(--card-bg);border:1px solid var(--card-border);color:#ef4444;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800;padding:12px;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-sm)}.btn-delete-mod:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-2px);box-shadow:0 8px 22px #ef444473}.btn-delete-mod:active:not(:disabled){transform:scale(.97)}.btn-delete-mod:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.modal-header{padding:22px 32px;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center;background:var(--header-bg)}.modal-header h2,.modal-header h3{font-family:Plus Jakarta Sans,sans-serif;font-size:18.5px;font-weight:800}.btn-close{background:transparent;border:none;color:var(--text-sub);font-size:26px;cursor:pointer;line-height:1;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-close:hover{color:#ef4444;transform:rotate(90deg) scale(1.1)}.modal-body{padding:28px 32px;overflow-y:auto;flex-grow:1}.modal-hint{font-size:13.5px;color:var(--text-sub);margin-bottom:18px;line-height:1.6;font-weight:500}.code-field{width:100%;height:420px;background:#020408;border:1px solid #1e283b;color:#38bdf8;font-family:JetBrains Mono,monospace;font-size:12.5px;padding:18px;border-radius:12px;resize:none;outline:none;line-height:1.65;box-shadow:inset 0 2px 12px #000000b3}.modal-footer{padding:18px 32px;border-top:1px solid var(--card-border);display:flex;justify-content:flex-end;background:var(--header-bg)}.toast-banner{position:fixed;bottom:32px;right:32px;background:linear-gradient(135deg,#064e3b,#047857);border:2px solid #10b981;color:#fff;padding:16px 28px;border-radius:16px;font-weight:800;font-size:14.5px;box-shadow:0 24px 64px #000000f2;opacity:0;transform:translateY(28px);transition:all .35s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:9999;font-family:Plus Jakarta Sans,sans-serif;display:flex;align-items:center;gap:12px}.toast-banner.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b838;border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#94a3b873;background-clip:content-box}.io-actions-group{display:flex;align-items:center;gap:8px;background:var(--surface-bg, rgba(0, 0, 0, .04));padding:4px 8px;border-radius:10px;border:1px solid var(--card-border)}.pane-left-library,.pane-right-inspector{transition:width .28s cubic-bezier(.16,1,.3,1),min-width .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1),opacity .2s ease,border-color .2s ease}.pane-left-library.collapsed,.pane-right-inspector.collapsed{width:0!important;min-width:0!important;border-width:0!important;overflow:hidden!important;opacity:0;pointer-events:none}.panel-toggle-btn{display:flex;align-items:center;gap:6px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:12px;padding:6px 10px;color:var(--text-main);background:var(--surface-bg, rgba(255, 255, 255, .05));border:1px solid var(--card-border);border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none}.panel-toggle-btn:hover{background:var(--card-bg);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.panel-toggle-btn.active{background:#ef44441a;border-color:#ef444466;color:#ef4444}.panel-toggle-btn .toggle-txt{white-space:nowrap}@media (max-width: 1300px){.telemetry-bar{display:none!important}.pane-left-library:not(.collapsed){width:340px;min-width:340px}.pane-right-inspector:not(.collapsed){width:310px;min-width:310px}}@media (max-width: 1024px){.three-pane-container{position:relative}.pane-left-library:not(.collapsed){position:absolute;left:0;top:0;bottom:0;width:360px;min-width:360px;z-index:200;box-shadow:12px 0 35px #000000a6}.pane-right-inspector:not(.collapsed){position:absolute;right:0;top:0;bottom:0;width:340px;min-width:340px;z-index:200;box-shadow:-12px 0 35px #000000a6}}@media (max-width: 768px){.masthead{height:auto!important;padding:10px 14px!important;flex-wrap:wrap;gap:10px}.mast-right,.io-actions-group{flex-wrap:wrap;justify-content:center;width:100%}.canvas-rich-toolbar{height:auto!important;padding:8px 12px!important;flex-wrap:wrap;gap:8px}.pane-left-library:not(.collapsed),.pane-right-inspector:not(.collapsed){width:100%!important;min-width:100%!important}}