@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@700;800&display=swap";
:root{--bg:#08060f;--panel:#0d0f1a;--surface:#111420;--border:#1c2035;--border-hover:#2e3350;--text:#eaedf5;--text-muted:#6b7280;--text-sub:#9ca3b0;--accent:#8b5cf6;--accent-hover:#9f6ff8;--accent-dim:#8b5cf61f;--accent-glow:#8b5cf64d;--danger:#ef4444;--danger-dim:#ef44441a;--success:#10b981;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .15s}input,textarea{outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-dim)!important}.btn-accent{color:#fff;letter-spacing:.01em;border-radius:var(--radius-sm);background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 2px 12px #8b5cf659}.btn-accent:hover{background:linear-gradient(135deg,#9f6ff8 0%,#8b5cf6 100%);transform:translateY(-1px);box-shadow:0 4px 20px #8b5cf680}.btn-accent:active{transform:translateY(0);box-shadow:0 2px 8px #8b5cf659}.btn-default{background:var(--surface);color:var(--text);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.btn-default:hover{background:var(--border);border-color:var(--border-hover);color:#fff}.btn-danger{background:var(--danger-dim);color:var(--danger);border-radius:var(--radius-sm);border:1px solid #ef444433;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-sm{padding:6px 12px!important;font-size:13px!important}.prompt-card{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s;animation:.22s both fadeSlideIn;position:relative}.prompt-card:hover{box-shadow:0 6px 24px #00000080,0 0 0 1px var(--border-hover);border-color:var(--border-hover)!important}.prompt-card:active{transform:scale(.998)}.copy-badge{opacity:0;background:var(--accent);color:#fff;letter-spacing:.07em;text-transform:uppercase;pointer-events:none;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700;transition:opacity .15s;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #8b5cf673}.prompt-card:hover .copy-badge{opacity:1}.library-item{border-radius:var(--radius-sm);transition:background .12s,border-color .12s}.library-item:hover{background:#8b5cf60f}.library-item:hover .library-title{color:#fff}.logo-text{background:linear-gradient(135deg,#b197fc 0%,#8b5cf6 60%,#7c3aed 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;padding-bottom:3px;font-family:Orbitron,sans-serif;font-size:22px;font-weight:800;line-height:1}.count-badge{background:var(--accent-dim);color:var(--accent);letter-spacing:.02em;white-space:nowrap;border:1px solid #8b5cf633;border-radius:20px;padding:2px 9px;font-size:12px;font-weight:600}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:700}.empty-state{opacity:.6;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 16px;display:flex}.empty-state-icon{font-size:36px;line-height:1}.empty-state-text{color:var(--text-sub);font-size:14px;line-height:1.5}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal-backdrop{-webkit-backdrop-filter:blur(6px);animation:.18s forwards backdropIn}.modal-panel{animation:.22s forwards fadeSlideIn}.field{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);resize:vertical;padding:10px 12px;font-size:14px;line-height:1.5}.divider{background:var(--border);height:1px;margin:0}.header-bar{background:var(--panel);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}