:root{--bg:#0b0e14;--bg2:#12161f;--panel:#161c28;--panel2:#1c2433;--brd:rgba(150,170,205,.14);--ink:#e7ecf5;--muted:#8994a8;--faint:#5f6b83;--accent:#e5157e;--accent2:#ff3d92;--good:#35d69a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent2);text-decoration:none}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.xsmall{font-size:11px}.center{display:grid;place-items:center;height:100%}.spacer{flex:1}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--brd);background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:600;padding:10px 16px;border-radius:11px;cursor:pointer;transition:background .12s,filter .12s}.btn:hover{background:#96aacd1a}.btn.primary{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 6px 18px -6px var(--accent)}.btn.primary:hover{filter:brightness(1.08);background:var(--accent)}.btn.ghost{border-color:transparent;color:var(--muted)}.btn:disabled{opacity:.5;cursor:default}input,select{width:100%;background:var(--bg2);border:1px solid var(--brd);border-radius:10px;color:var(--ink);font:inherit;font-size:14px;padding:11px 13px;outline:none}input:focus,select:focus{border-color:var(--accent)}.card{background:var(--panel);border:1px solid var(--brd);border-radius:16px}.err{background:#ff50501f;border:1px solid rgba(255,80,80,.3);color:#ffb4b4;padding:9px 12px;border-radius:10px;font-size:13px}.pill{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.03em;padding:2px 8px;border-radius:999px;text-transform:uppercase}.pill.softedge{background:#3b82f629;color:#7fb3ff}.pill.hardedge{background:#e5783c2e;color:#ffb185}.auth-wrap{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1000px 500px at 50% 25%,#1a2233,#0b0e14)}.auth-card{width:360px;max-width:100%;padding:28px;display:flex;flex-direction:column;gap:14px}.auth-logo{display:flex;justify-content:center;margin-bottom:4px}.auth-card h2{margin:0 0 4px;text-align:center;font-size:20px}.auth-card label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted)}.auth-card .btn{margin-top:6px}.auth-card p{text-align:center;margin:2px 0 0}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:14px 22px;border-bottom:1px solid var(--brd);background:#10141c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content{flex:1;max-width:1160px;width:100%;margin:0 auto;padding:28px 22px}.gallery-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}.gallery-head h1{font-size:24px;margin:0}.newproj{display:flex;gap:8px;align-items:center}.newproj input{width:220px}.newproj select{width:auto}.empty{padding:60px;text-align:center;color:var(--muted);border:1px dashed var(--brd);border-radius:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.proj{overflow:hidden;transition:transform .12s,border-color .12s;display:block}.proj:hover{transform:translateY(-3px);border-color:#e5157e80}.thumb{aspect-ratio:4/3;background:linear-gradient(135deg,#1c2433,#141a26);display:grid;place-items:center}.thumb-ph{font-size:40px;color:#33405a}.proj-meta{padding:12px 14px}.proj-title{font-weight:650;margin-bottom:5px}.editor{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.topbar.over{position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(rgba(11,14,20,.75),transparent);border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.proj-name{font-weight:650}.editor-dock{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:14px;align-items:center;background:#161c28d9;border:1px solid var(--brd);border-radius:14px;padding:9px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stepper{display:inline-flex;align-items:center;border:1px solid var(--brd);border-radius:10px;overflow:hidden}.stepper button{border:0;background:transparent;color:var(--ink);font-size:17px;width:34px;height:40px;cursor:pointer}.stepper button:hover{background:#96aacd1f}.stepper .lv{min-width:60px;text-align:center;font-size:10px;line-height:1.1}.stepper .lv small{display:block;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stepper .lv b{font-size:14px}.auth-wrap{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100vh;display:flex;align-items:center;justify-content:center}.cpane{position:absolute;top:64px;right:14px;bottom:74px;width:236px;z-index:10;overflow-y:auto;background:#161c28e6;border:1px solid var(--brd);border-radius:14px;padding:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cpane-h{font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-weight:700}.mat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mat-sw{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;border:1px solid var(--brd);border-radius:11px;background:transparent;cursor:pointer;color:var(--ink);transition:border-color .12s,background .12s}.mat-sw:hover{background:#96aacd14}.mat-sw.on{border-color:var(--accent);background:#e5157e1a}.mat-sw .chip{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}.mat-nm{font-size:11px;color:var(--muted)}.mat-sw.on .mat-nm{color:var(--ink)}.cslider{margin:10px 0}.cslider label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:4px;font-family:ui-monospace,monospace}.cslider input{width:100%;accent-color:var(--accent);padding:0;background:transparent;border:0}.cpane-note{margin-top:12px;font-size:10.5px;line-height:1.45;color:var(--faint)}@media (max-width:720px){.cpane{width:180px}}.editor-dock.wide{gap:6px;flex-wrap:wrap;max-width:calc(100vw - 280px);justify-content:center}.tbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--brd);background:transparent;color:var(--ink);font:inherit;font-size:12.5px;font-weight:600;padding:8px 11px;border-radius:9px;cursor:pointer;white-space:nowrap;transition:background .12s,opacity .12s}.tbtn:hover{background:#96aacd1f}.tbtn.primary{background:var(--accent);border-color:transparent;color:#fff}.tbtn.primary:hover{filter:brightness(1.08)}.tbtn:disabled{opacity:.35;cursor:default}.tbtn:disabled:hover{background:transparent}.tsep{width:1px;align-self:stretch;background:var(--brd);margin:2px 3px}.etoast{position:absolute;top:64px;left:50%;transform:translate(-50%);z-index:20;background:#161c28f2;border:1px solid var(--brd);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--ink)}.cpane-stats{margin-top:12px;font-size:12px;color:var(--muted);font-family:ui-monospace,monospace}.ptabs{display:flex;gap:4px;padding:3px;background:#0b0e1480;border:1px solid var(--brd);border-radius:10px;margin-bottom:12px}.ptabs button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;font-weight:650;padding:7px;border-radius:8px;cursor:pointer}.ptabs button.on{background:var(--accent);color:#fff}.col-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.col-sw{aspect-ratio:1;border-radius:9px;border:1px solid rgba(255,255,255,.14);cursor:pointer;transition:transform .1s}.col-sw:hover{transform:scale(1.08)}.col-row{display:flex;gap:6px;align-items:center;margin-bottom:8px}.col-row input[type=color]{width:38px;height:34px;padding:0;border:1px solid var(--brd);border-radius:9px;background:transparent;cursor:pointer}.btn.sm{padding:8px 11px;font-size:12.5px}.gizmo{position:absolute;right:250px;bottom:78px;z-index:12;pointer-events:none}@media (max-width:860px){.gizmo{right:14px;bottom:150px}}.folder{display:flex;flex-direction:column;text-align:left;cursor:pointer;border:0;background:var(--panel);overflow:hidden;transition:transform .12s,border-color .12s}.folder:hover{transform:translateY(-3px)}.folder-ic{aspect-ratio:4/3;display:grid;place-items:center;font-size:48px;background:linear-gradient(135deg,#20283a,#161c28);position:relative}.folder-ic .lock{position:absolute;top:8px;right:10px;font-size:16px}.crumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--accent2);font:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;padding:0}.crumb:hover{text-decoration:underline}.grid.folders{margin-bottom:16px}.topnav{display:flex;gap:4px;margin-left:8px}.topnav a{color:var(--muted);font-size:13.5px;font-weight:600;padding:6px 12px;border-radius:9px}.topnav a:hover{background:#96aacd1a;color:var(--ink)}.topnav a.on{color:var(--ink);background:#e5157e24}.lib{display:flex;flex-direction:column;text-align:left;cursor:pointer;border:0;background:var(--panel);overflow:hidden;transition:transform .12s}.lib:hover{transform:translateY(-3px)}.lib-ic{aspect-ratio:16/10;display:grid;place-items:center;font-size:52px;background:linear-gradient(135deg,#241d33,#161c28);position:relative}.lib-ic .lock{position:absolute;top:10px;right:12px;font-size:18px}.lib-ic .owned{position:absolute;top:10px;right:12px;font-size:15px;background:var(--good);color:#04231a;border-radius:999px;width:22px;height:22px;display:grid;place-items:center;font-weight:800}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#06090ea8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px}.modal{width:400px;max-width:100%;background:var(--panel);border:1px solid var(--brd);border-radius:18px;padding:26px;text-align:center}.modal-ic{font-size:52px;margin-bottom:6px}.modal h2{margin:0 0 8px}.modal p{margin:6px 0}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.gizmo{pointer-events:auto;cursor:pointer}.gizmo:hover{filter:brightness(1.15)}.ctx{position:fixed;z-index:100;min-width:196px;padding:6px;border-radius:12px;background:var(--panel2);border:1px solid var(--brd);box-shadow:0 18px 48px -12px #000000b3;font-size:13px}.ctx-head{font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);padding:5px 10px 6px}.ctx-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--ink);position:relative;-webkit-user-select:none;user-select:none}.ctx-item:hover{background:#96aacd24}.ctx-item.disabled{color:var(--faint);opacity:.5;pointer-events:none}.ctx-item .ic{width:18px;height:18px;flex:none;display:grid;place-items:center;color:var(--muted)}.ctx-item:hover .ic{color:var(--accent2)}.ctx-item .ic svg{width:16px;height:16px}.ctx-item .lb{flex:1}.ctx-item .kbd{font-size:10px;color:var(--faint);font-family:ui-monospace,monospace}.ctx-item .arw{color:var(--faint);font-size:11px}.ctx-sep{height:1px;background:var(--brd);margin:5px 6px}.ehint{position:absolute;left:16px;bottom:16px;z-index:11;max-width:340px;font-size:11.5px;line-height:1.5;color:var(--muted);pointer-events:none}.ehint .lead{color:var(--accent2);font-weight:650}.ehint b{color:var(--ink);font-weight:600}@media (max-width:860px){.ehint{display:none}}.tbtn.tog.on{border-color:var(--accent);background:#e5157e24;color:var(--ink)}.modeseg{display:inline-flex;gap:3px;padding:3px;background:#0b0e148c;border:1px solid var(--brd);border-radius:10px}.modeseg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}.modeseg button:hover{color:var(--ink)}.modeseg button.on{background:var(--accent);color:#fff}.pill.hardedge{background:#ffa03c29;color:#ffb057;border:1px solid rgba(255,160,60,.3)}.stepper.off{opacity:.45}.stepper button:disabled{opacity:.5;cursor:default}.miniadd{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--brd);background:transparent;color:var(--ink);width:22px;height:22px;border-radius:7px;cursor:pointer;font-size:14px;line-height:1;display:grid;place-items:center}.miniadd:hover{background:#e5157e24;border-color:var(--accent)}.objlist{display:flex;flex-direction:column;gap:3px;margin:8px 0 14px;max-height:150px;overflow-y:auto}.objrow{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid transparent;border-radius:9px;background:#0b0e1466;cursor:pointer;color:var(--ink);font:inherit;font-size:12.5px;text-align:left;transition:background .12s,border-color .12s}.objrow:hover{background:#96aacd1a}.objrow.on{border-color:var(--accent);background:#e5157e1f}.objrow .objdot{width:8px;height:8px;border-radius:50%;background:var(--faint);flex:none}.objrow.on .objdot{background:var(--accent)}.objrow .objnm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.objrow .objtype{font-size:9.5px;font-weight:700;width:16px;height:16px;display:grid;place-items:center;border-radius:5px;flex:none}.objrow .objtype.softedge{background:#78a0ff33;color:#8fb4ff}.objrow .objtype.hardedge{background:#ffa03c33;color:#ffb057}