:root{--bg-deep:#060f0b;--bg:#0a1a14;--surface:#0f2a1e;--surface-hover:#143a28;--surface-active:#184a32;--border:#1a3d2a;--border-light:#245038;--text:#94b8a4;--text-muted:#6a8f7a;--text-heading:#d4efe0;--text-bright:#f0faf5;--accent:#34d399;--accent-hover:#4eeab2;--accent-dim:#34d3991f;--accent-border:#34d3994d;--accent-glow:#34d39926;--danger:#f87171;--danger-dim:#f871711f;--success:#34d399;--warning:#fbbf24;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 48px #00000080;--shadow-glow:0 0 30px #34d39914;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;font-family:var(--font-sans);color:var(--text);background:var(--bg-deep);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse 80% 60% at 50% -10%, #34d3990f, transparent), radial-gradient(ellipse 60% 40% at 80% 100%, #10b9810a, transparent), var(--bg-deep);min-height:100dvh}#root{flex-direction:column;width:100%;max-width:1320px;min-height:100dvh;margin:0 auto;padding:0 24px;display:flex}h1,h2,h3{font-family:var(--font-sans);color:var(--text-heading);line-height:1.2}h1{letter-spacing:-.03em;font-size:2rem;font-weight:700}h2{letter-spacing:-.01em;font-size:1.125rem;font-weight:600}p{margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{color:var(--text-bright);background:#34d39940}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=768px){:root{font-size:15px}#root{padding:0 16px}h1{font-size:1.5rem}}.app-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:32px 0 24px;display:flex}.app-header .logo-icon{background:linear-gradient(135deg, var(--accent), #10b981);border-radius:var(--radius-md);flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 0 20px #34d39933}.app-header .logo-icon svg{width:22px;height:22px;color:var(--bg-deep)}.app-header .title-group h1{margin:0;line-height:1.1}.app-header .title-group p{color:var(--text-muted);margin-top:2px;font-size:.875rem}.main-content{flex:1;grid-template-columns:380px 1fr;gap:24px;min-height:0;padding:24px 0 48px;display:grid}@media (width<=960px){.main-content{grid-template-columns:1fr}}.glass-panel{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md), var(--shadow-glow);background:linear-gradient(145deg,#0f2a1eb3,#0a1a14e6);flex-direction:column;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.panel-header h2{align-items:center;gap:10px;display:flex}.panel-header .badge{background:var(--accent-dim);color:var(--accent);letter-spacing:.02em;border-radius:99px;padding:2px 10px;font-size:.75rem;font-weight:600}.prompt-list-panel{max-height:calc(100dvh - 160px)}.prompt-list-panel .list-body{flex:1;padding:12px;overflow-y:auto}.prompt-list-panel .empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.prompt-list-panel .empty-state svg{opacity:.4;width:48px;height:48px;color:var(--accent)}.prompt-list-panel .empty-state p{max-width:220px;font-size:.875rem;line-height:1.5}.prompt-card{border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:1px solid #0000;padding:16px 18px;position:relative;overflow:hidden}.prompt-card:before{content:"";opacity:0;transition:opacity var(--duration-fast) var(--ease-out);background:linear-gradient(135deg,#34d3990a,#0000);position:absolute;inset:0}.prompt-card:hover{background:var(--surface-hover);border-color:var(--border-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.prompt-card:hover:before{opacity:1}.prompt-card.active{background:var(--surface-active);border-color:var(--accent-border);box-shadow:var(--shadow-sm), inset 0 0 0 1px #34d39914}.prompt-card+.prompt-card{margin-top:6px}.prompt-card .card-name{color:var(--text-heading);z-index:1;margin-bottom:4px;font-size:.9375rem;font-weight:600;position:relative}.prompt-card .card-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;z-index:1;font-size:.8125rem;position:relative;overflow:hidden}.editor-panel{min-height:400px}.editor-panel .editor-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8125rem;font-weight:600}.form-field input,.form-field textarea{font-family:var(--font-sans);color:var(--text-bright);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none;width:100%;padding:12px 16px;font-size:.9375rem}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-muted);opacity:.6}.form-field input:hover,.form-field textarea:hover{border-color:var(--border-light)}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim), var(--shadow-sm);outline:none}.form-field input[readonly]{opacity:.6;cursor:not-allowed;background:var(--surface)}.form-field textarea{resize:vertical;min-height:200px;line-height:1.6}.form-field .content-textarea{flex:1}.action-bar{gap:12px;padding-top:4px;display:flex}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--accent), #10b981);color:var(--bg-deep);box-shadow:0 2px 12px #34d39940}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--accent-hover), #34d399);transform:translateY(-1px);box-shadow:0 4px 20px #34d39959}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-light);color:var(--text-heading)}.btn-ghost{color:var(--text-muted);background:0 0;padding:8px 14px}.btn-ghost:hover:not(:disabled){background:var(--surface);color:var(--text)}.btn svg{flex-shrink:0;width:16px;height:16px}.btn-new{font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid var(--accent-border);background:var(--accent-dim);color:var(--accent);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.btn-new:hover{border-color:var(--accent);background:#34d39933;transform:translateY(-1px)}.btn-new:active{transform:scale(.97)}.btn-new svg{width:14px;height:14px}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:24px;right:24px}.toast{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in var(--duration-slow) var(--ease-out) forwards;align-items:center;gap:10px;max-width:380px;padding:14px 20px;font-size:.875rem;font-weight:500;display:flex}.toast.toast-exit{animation:toast-out var(--duration-normal) var(--ease-out) forwards}.toast.toast-success{color:var(--accent);border-color:#34d3994d}.toast.toast-success .toast-dot{background:var(--accent)}.toast.toast-error{color:var(--danger);border-color:#f871714d}.toast.toast-error .toast-dot{background:var(--danger)}.toast-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}@keyframes toast-in{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(40px)scale(.95)}}.spinner{border:2px solid #34d39933;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.spinner-dark{border-color:#060f0b33;border-top-color:var(--bg-deep)}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;font-size:.875rem;display:flex}.loading-state .spinner{width:24px;height:24px}@media (width<=960px){.prompt-list-panel{max-height:50dvh}.app-header{padding:24px 0 20px}.main-content{gap:16px;padding:16px 0 32px}.panel-header{padding:16px 18px}.editor-panel .editor-body{gap:16px;padding:18px}.prompt-list-panel .list-body{padding:8px}}@media (width<=480px){.action-bar{flex-direction:column}.btn{justify-content:center}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}