@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#0d0e1c;--panel:#15172b;--panel2:#1b1d36;--line:#2a2d50;--text:#f3f2ff;--muted:#a5a7c6;--accent:#7357ff;--accent2:#9b7cff;--danger:#ff647c;--shadow:0 18px 60px #05051055}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#292052 0,transparent 34%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{padding:28px 18px;background:#101123dd;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:4px 10px 38px}.brand-mark{font:700 27px 'Space Mono';color:var(--accent2);background:#29204b;border:1px solid #5540a5;border-radius:13px;padding:10px}.brand h1{font-size:20px;margin:0}.brand p{font-size:12px;color:var(--muted);margin:3px 0 0}.sidebar nav{display:grid;gap:8px}.nav-item{border:0;background:transparent;color:var(--muted);padding:13px 14px;text-align:left;border-radius:12px;font:600 14px inherit;cursor:pointer;display:flex;gap:13px;align-items:center}.nav-item span{font-size:14px}.nav-item:hover,.nav-item.active{background:linear-gradient(100deg,#6548f0,#5035c9);color:white}.side-bottom{margin-top:auto}.side-note{margin:20px 4px 0;padding:17px;border:1px solid var(--line);background:var(--panel);border-radius:15px;text-align:center;color:var(--muted);font-size:12px}.side-note span{font-size:25px;color:var(--accent2)}.main{padding:26px 30px 16px;min-width:0}.topbar{display:flex;gap:14px;margin-bottom:25px}.search{display:flex;align-items:center;gap:12px;flex:1;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:0 16px;color:var(--muted);font-size:25px}.search input{width:100%;background:transparent;border:0;outline:0;color:var(--text);font:14px inherit;padding:16px 0}.primary,.secondary{border:0;border-radius:12px;padding:13px 18px;font:600 14px 'DM Sans';cursor:pointer;transition:.18s}.primary{background:linear-gradient(110deg,#785aff,#5838dc);color:#fff;box-shadow:0 7px 22px #5d40dd33}.primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.secondary{background:var(--panel2);border:1px solid var(--line);color:var(--text)}.content-grid{display:grid;grid-template-columns:minmax(245px,330px) minmax(0,1fr);gap:22px;align-items:start}.left-column{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:4px 0 13px}.section-heading h2{font-size:17px;margin:0}.icon-btn{border:1px solid var(--line);background:var(--panel2);color:var(--muted);width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:18px}.icon-btn:hover{color:white;border-color:var(--accent)}.category-list,.script-list{display:grid;gap:8px}.category-item,.script-item{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:12px;border:1px solid var(--line);background:var(--panel);cursor:pointer;min-width:0;transition:.15s}.category-item:hover,.script-item:hover,.category-item.selected,.script-item.selected{border-color:#755aff;background:#252044}.category-icon{font-size:19px;width:24px;text-align:center}.category-name,.script-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.count{font-size:11px;color:var(--muted);background:#292b4a;border-radius:20px;padding:4px 8px}.scripts-heading{margin-top:27px}.script-item{padding:11px}.script-glyph{width:34px;height:34px;display:grid;place-items:center;background:#28234c;border-radius:10px;color:#b5a4ff;font:700 13px 'Space Mono'}.script-meta{min-width:0;flex:1}.script-meta small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.chevron{color:var(--accent2)}.detail-panel{background:linear-gradient(145deg,#191b32,#131528);border:1px solid var(--line);border-radius:18px;min-height:620px;padding:25px;box-shadow:var(--shadow);min-width:0}.welcome-state{min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.welcome-icon{font:700 42px 'Space Mono';color:var(--accent2);background:#29234d;padding:25px;border-radius:22px}.welcome-state h2{margin:22px 0 7px}.welcome-state p{color:var(--muted);font-size:14px;max-width:330px;line-height:1.6;margin:0 0 20px}.detail-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.detail-title{display:flex;gap:13px;align-items:center;min-width:0}.detail-title h2{font-size:21px;margin:0 0 7px;overflow-wrap:anywhere}.tag{font-size:11px;color:#c3b6ff;background:#30245b;border:1px solid #4d3a8d;padding:5px 9px;border-radius:30px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.detail-actions button{padding:10px 13px}.code-wrap{margin-top:24px;background:#0c0e1b;border:1px solid #272a48;border-radius:14px;overflow:auto;max-height:520px}.code-top{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #222540;color:var(--muted);font-size:11px}.code-block{margin:0;padding:20px;color:#d9dcff;font:13px/1.8 'Space Mono',monospace;white-space:pre;tab-size:4;overflow:auto}.description{color:var(--muted);font-size:13px;margin:15px 0 0}.share-box{margin-top:20px;padding:17px;border:1px solid #45377d;background:#211d40;border-radius:13px}.share-box strong{font-size:14px}.share-box p{color:var(--muted);font-size:12px;margin:5px 0 12px}.share-row{display:flex;gap:8px}.share-row input{flex:1;min-width:0;background:#111326;border:1px solid var(--line);border-radius:9px;padding:11px;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:11px}.empty{padding:20px;color:var(--muted);font-size:13px;text-align:center}.hidden{display:none!important}footer{color:#737696;font-size:11px;text-align:center;padding:24px 0 5px}footer span{padding:0 6px}.eyebrow{color:var(--accent2);font-size:10px;letter-spacing:1.6px;font-weight:700}dialog{width:min(650px,calc(100% - 28px));max-height:90vh;overflow:auto;background:#17192e;color:var(--text);border:1px solid #39365f;border-radius:18px;padding:25px;box-shadow:var(--shadow)}dialog::backdrop{background:#050510bb;backdrop-filter:blur(5px)}dialog form{display:grid;gap:15px}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.dialog-head h2{margin:5px 0 0;font-size:21px}dialog label{display:grid;gap:7px;font-size:12px;color:var(--muted);font-weight:600}dialog input,dialog select,dialog textarea{width:100%;background:#0f1122;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:11px 12px;font:13px 'DM Sans';outline:none}dialog textarea{font:12px/1.6 'Space Mono',monospace;resize:vertical}dialog input:focus,dialog select:focus,dialog textarea:focus{border-color:var(--accent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#29264c;border:1px solid #6652c5;padding:11px 17px;border-radius:10px;font-size:13px;transition:.2s;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}.shared-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 17px;background:#242044;border:1px solid #5542a1;border-radius:13px;margin-bottom:20px}.shared-banner p{font-size:12px;color:var(--muted);margin:4px 0 0}
body.light{--bg:#f3f4fb;--panel:#fff;--panel2:#f0effb;--line:#dedff0;--text:#20213a;--muted:#70728e;background:var(--bg)}body.light .sidebar{background:#fff}body.light .detail-panel{background:#fff}body.light .code-wrap{background:#17192b}body.light .code-block{color:#e4e5ff}body.light .share-box{background:#f1efff}body.light .share-row input{background:#fff;color:#555}body.light dialog{background:#fff;color:#20213a}body.light dialog input,body.light dialog select,body.light dialog textarea{background:#f8f8fc;color:#20213a}
@media(max-width:900px){.app-shell{grid-template-columns:75px 1fr}.sidebar{padding:20px 10px}.brand{padding:0 0 30px;justify-content:center}.brand>div:last-child,.nav-item span,.side-note{display:none}.nav-item{justify-content:center;font-size:20px;padding:13px 5px}.main{padding:20px}.content-grid{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:650px){.app-shell{display:block}.sidebar{min-height:0;height:auto;position:sticky;top:0;z-index:4;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0}.brand-mark{font-size:18px;padding:7px}.sidebar nav{display:flex;gap:4px}.nav-item{padding:9px 11px}.side-bottom{margin:0}.main{padding:15px}.topbar{gap:8px}.topbar .primary{font-size:12px;padding:10px}.search input{padding:12px 0}.content-grid{grid-template-columns:1fr}.left-column{display:grid;grid-template-columns:1fr;gap:0}.detail-panel{min-height:430px;padding:17px}.welcome-state{min-height:380px}.detail-head{display:grid}.detail-actions{margin-top:10px}.detail-title h2{font-size:18px}.share-row{flex-direction:column}.form-row{grid-template-columns:1fr}.shared-banner{align-items:flex-start;flex-direction:column}}