:root{--bg: #09090b;--bg-card: #18181b;--bg-input: #0c0c0e;--bg-hover: #27272a;--border: #27272a;--border-h: #3f3f46;--border-f: #22d3ee;--t1: #f4f4f5;--t2: #a1a1aa;--t3: #71717a;--t4: #52525b;--accent: #22d3ee;--accent-h: #06b6d4;--accent-m: rgba(34, 211, 238, .12);--ok: #22c55e;--warn: #eab308;--err: #ef4444;--orange: #f97316;--r: 6px;--sans: "Inter", sans-serif;--mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--sans);background:var(--bg);color:var(--t2);min-height:100vh;overflow:hidden;font-size:13px}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-card)}.header-left{display:flex;align-items:center;gap:.5rem}.header-title{font-weight:600;color:var(--t1)}.header-sep{color:var(--t4)}.header-sub{color:var(--t3)}.badge{font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-warn{background:#eab30826;color:var(--warn)}.badge-ok{background:#22c55e26;color:var(--ok)}.badge-err{background:#ef444426;color:var(--err)}.badge-orange{background:#f9731626;color:var(--orange)}.badge-dim{background:var(--bg-hover);color:var(--t3)}.tab-nav{display:flex;gap:0;border-bottom:1px solid var(--border);background:var(--bg-card);padding:0 1rem}.tab-btn{background:none;border:none;color:var(--t3);padding:.75rem 1rem;cursor:pointer;font-size:13px;font-family:var(--sans);border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:var(--t1)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-btn.sm{padding:.4rem .75rem;font-size:12px}.main-layout{display:grid;grid-template-columns:480px 1fr;height:calc(100vh - 85px);overflow:hidden}.left-panel{border-right:1px solid var(--border);overflow-y:auto;padding:1rem}.right-panel{overflow:hidden;display:flex;flex-direction:column}.tab-panel{display:flex;flex-direction:column;gap:.75rem}.section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;cursor:pointer;font-weight:500;color:var(--t1);font-size:12px;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.section-header:hover{background:var(--bg-hover)}.chevron{font-size:10px;color:var(--t3)}.section-body{padding:.8rem;border-top:1px solid var(--border)}.fr{margin-bottom:.6rem}.fr label{display:block;font-size:11px;color:var(--t3);margin-bottom:3px;text-transform:uppercase;letter-spacing:.3px}.fg{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}input[type=text],input[type=date],input[type=url],input[type=email],input[type=number],input[type=file],select,textarea{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--t1);padding:6px 8px;font-size:13px;font-family:var(--sans);outline:none;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:60px}textarea.mono{font-family:var(--mono);font-size:12px}.input-group{display:flex;gap:.5rem}.input-group input{flex:1}.import-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);margin-bottom:.5rem}.import-bar label{font-size:11px;color:var(--t3);text-transform:uppercase;white-space:nowrap}.import-bar select{width:auto;min-width:60px}.import-bar input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--t1);padding:4px 8px;font-size:13px;font-family:var(--mono)}.slug-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);margin-bottom:.5rem}.slug-bar label{font-size:11px;color:var(--t3);text-transform:uppercase;white-space:nowrap}.slug-bar input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--t1);padding:4px 8px;font-size:13px;font-family:var(--mono)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.6rem}.feature-toggle{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--t2);cursor:pointer}.feature-toggle input[type=checkbox],.feature-toggle input[type=radio]{width:auto;accent-color:var(--accent)}.btn{padding:6px 14px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;font-family:var(--sans);transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover:not(:disabled){background:var(--accent-h)}.btn-accent{background:var(--accent-m);color:var(--accent);border:1px solid var(--accent)}.btn-accent:hover:not(:disabled){background:#22d3ee33}.btn-dim{background:var(--bg-hover);color:var(--t2)}.btn-dim:hover{background:var(--border-h)}.btn-sm{padding:3px 8px;font-size:11px;border-radius:3px;border:1px solid var(--border);background:var(--bg-card);color:var(--t2);cursor:pointer;font-family:var(--sans);text-decoration:none;transition:all .2s}.btn-sm:hover{border-color:var(--border-h);color:var(--t1)}.btn-sm.active{border-color:var(--accent);color:var(--accent)}.btn-sm.btn-ok{color:var(--ok);border-color:var(--ok)}.btn-sm.btn-warn{color:var(--warn);border-color:var(--warn)}.btn-sm.btn-err{color:var(--err);border-color:var(--err)}.action-bar{position:sticky;bottom:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:.5rem .75rem}.action-btns{display:flex;gap:.5rem;flex-wrap:wrap}.progress-bar{height:2px;background:var(--border);border-radius:1px;margin-bottom:.5rem;overflow:hidden}.progress-bar.active:after{content:"";display:block;height:100%;width:40%;background:var(--accent);animation:progress-slide 1s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.preview-panel{display:flex;flex-direction:column;height:100%}.output-tabs{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--border)}.output-tab-bar{display:flex;gap:0}.device-btns{display:flex;gap:.25rem}.output-content{flex:1;overflow:auto}.response-box{padding:1rem;font-family:var(--mono);font-size:12px;color:var(--t2);white-space:pre-wrap;word-break:break-word}.result-box{padding:.75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;font-family:var(--mono);font-size:11px;color:var(--t2);white-space:pre-wrap;max-height:300px;overflow-y:auto;margin-top:.5rem}.preview-frame-wrap{height:100%;transition:max-width .3s}.preview-frame{width:100%;height:100%;border:none;background:#fff}.editor-placeholder{padding:2rem;text-align:center;color:var(--t3)}.editor-placeholder .dim{margin-top:.5rem;font-size:12px}.page-list{display:flex;flex-direction:column;gap:.5rem}.page-card{display:flex;flex-direction:column;padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;gap:.4rem}.page-card-row{display:flex;justify-content:space-between;align-items:center}.page-info{display:flex;align-items:center;gap:.5rem;min-width:0}.page-slug{font-family:var(--mono);font-size:12px;color:var(--t1)}.page-actions{display:flex;gap:.25rem;flex-shrink:0}.page-draft-bar{display:flex;align-items:center;gap:.35rem;padding-top:.35rem;border-top:1px solid var(--border)}.template-list{display:flex;flex-direction:column;gap:.5rem}.template-card{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px}.template-info{display:flex;align-items:center;gap:.5rem;font-size:12px}.template-actions{display:flex;gap:.25rem}.prompts-section-v2{margin-top:.75rem}.prompts-header-v2{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.prompt-card-list{display:flex;flex-direction:column;gap:.4rem}.prompt-type-badge{display:inline-block;font-size:10px;padding:1px 7px;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#000;flex-shrink:0}.prompt-type-style{background:var(--accent)}.prompt-type-section{background:var(--orange)}.prompt-type-constraint{background:var(--err)}.prompt-type-system{background:var(--ok)}.prompt-card-v2{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;transition:border-color .2s}.prompt-card-v2:hover{border-color:var(--border-h)}.prompt-card-header{display:flex;align-items:center;justify-content:space-between;padding:.45rem .6rem;cursor:grab;-webkit-user-select:none;user-select:none}.prompt-card-header:active{cursor:grabbing}.prompt-card-header-left{display:flex;align-items:center;gap:.5rem;cursor:pointer;flex:1;min-width:0}.prompt-card-label{font-size:12px;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-card-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.prompt-card-chevron{background:none;border:none;color:var(--t3);cursor:pointer;font-size:10px;padding:2px 4px}.prompt-card-chevron:hover{color:var(--t1)}.prompt-card-body{padding:.6rem;border-top:1px solid var(--border)}.prompt-card-v2[draggable=true]:has(.prompt-card-header:active){opacity:.5}.prompt-content-editor{border:1px solid var(--border);border-radius:4px;overflow:hidden}.prompt-content-editor .cm-editor{min-height:120px;max-height:400px}.prompt-content-editor .cm-scroller{overflow:auto}.prompt-char-count{font-size:11px;color:var(--t3);text-align:right;margin-top:3px}.prompt-char-count.near-limit{color:var(--warn)}.prompt-char-count.at-limit{color:var(--err)}.prompt-card-actions{display:flex;justify-content:flex-end;gap:.4rem;margin-top:.5rem}.rsvp-modes{display:flex;gap:1rem;margin-bottom:.75rem}.toast-container{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999}.toast{padding:.6rem 1rem;border-radius:4px;font-size:12px;font-weight:500;animation:toast-in .3s ease;max-width:360px}.toast-info{background:var(--bg-card);border:1px solid var(--border);color:var(--t1)}.toast-ok{background:#22c55e26;border:1px solid var(--ok);color:var(--ok)}.toast-error{background:#ef444426;border:1px solid var(--err);color:var(--err)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.html-editor{flex:1;overflow:hidden}.html-editor .cm-editor{height:100%}.editor-container{display:flex;flex-direction:column;height:100%}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--border);background:var(--bg-card);gap:.5rem;flex-shrink:0}.editor-context-label{font-size:.8rem;color:var(--t3);font-family:var(--mono)}.editor-actions{display:flex;gap:.5rem}.ai-prompt-bar{display:flex;flex-direction:column;gap:.35rem;padding:.5rem .75rem;border-top:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.ai-prompt-bar.disabled{opacity:.5;pointer-events:none}.ai-prompt-context{font-size:11px;color:var(--t3)}.ai-prompt-input{display:flex;gap:.5rem;align-items:flex-end}.ai-prompt-input textarea{flex:1;min-height:36px;max-height:100px;resize:vertical;font-size:12px}.ai-prompt-actions{display:flex;gap:.25rem;flex-shrink:0}.dim{color:var(--t3);font-size:12px}