:root{--bg:#0b0f14;--panel:#111821;--muted:#7f8e9d;--ink:#ecf5ff;--neon:#57ffe6;--neon2:#9b6bff;--warn:#ff5a6a;--ok:#6bff95;--ring:0 0 0 2px rgba(87,255,230,.35)}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:linear-gradient(180deg,#0b0f14,#0b0f14 60%,#0f1320)}
body{color:var(--ink);font:14px/1.35 system-ui,Segoe UI,Roboto,Helvetica,Arial}
header,footer{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:rgba(0,0,0,.25);border-bottom:1px solid #1a2431}
header .brand{display:flex;gap:12px;align-items:center}.logo{width:36px;height:36px;border-radius:10px;background:radial-gradient(100% 100% at 10% 0%,var(--neon),transparent 70%),radial-gradient(120% 100% at 90% 120%,var(--neon2),transparent 70%),#0b0f14;border:1px solid #213143;display:grid;place-items:center;color:#0b0f14;font-weight:700}
.subtitle{color:var(--muted);margin:0}h1{font-size:18px;line-height:1;margin:0}nav{display:flex;gap:8px}
button,.ghost,.warn{border:1px solid #203040;background:#141b26;color:var(--ink);padding:8px 12px;border-radius:10px;cursor:pointer}
button:hover,.ghost:hover{box-shadow:var(--ring)}button.warn,.warn{border-color:rgba(255,90,106,.3);color:#ffd7db;background:rgba(255,90,106,.1)}
section{margin:18px;padding:14px;background:var(--panel);border:1px solid #1a2431;border-radius:12px}
.row{display:flex;gap:8px;flex-wrap:wrap}.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
input,select{background:#0e1420;border:1px solid #233144;color:var(--ink);padding:10px;border-radius:10px;width:100%}
.drop{border:1.5px dashed #2a3951;background:rgba(20,27,38,.6);border-radius:12px;padding:24px;text-align:center;color:#cfe4ff}
.drop.drag{outline:2px dashed var(--neon);outline-offset:3px}.link{color:var(--neon);cursor:pointer}
.asset{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #1b2738;border-radius:12px;margin:10px 0;background:rgba(0,0,0,.25)}
.asset .meta{max-width:70%}.asset .name{font-weight:600}.asset .sub{color:#a3b2c2;margin-top:2px}.asset .dot{margin:0 6px;color:#42556b}
.asset .actions{display:flex;gap:8px;align-items:center}.asset .ttl{width:90px}
footer{border-top:1px solid #1a2431;color:#aac2d8;gap:8px}.hint{color:#9db1c7}.config{border:1px dashed #224}.micro{font-size:12px;color:#9cb2c8}
code{background:#0c121b;border:1px solid #1f2a3a;color:#bfe6ff;padding:1px 6px;border-radius:8px}