:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1e222b;--border: #2a2f3a;--text: #e6e8ee;--muted: #9aa3b2;--accent: #6c8cff;--accent-2: #8b5cf6;--danger: #ff6b6b;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}code{background:var(--panel-2);border:1px solid var(--border);border-radius:5px;padding:0 4px;font-size:.85em}.app{display:flex;flex-direction:column;height:100%}.app__header{display:flex;align-items:baseline;gap:14px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--panel)}.app__brand{font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none}.app__tagline{color:var(--muted);font-size:.85rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:8px 14px;border-radius:var(--radius);font-size:.9rem;cursor:pointer;transition:border-color .15s,background .15s,opacity .15s}.btn svg{display:block;flex:none}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;font-weight:600}.home{flex:1;display:grid;place-items:center;padding:24px}.home__card{max-width:620px;width:100%;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px}.home__title{margin:0 0 10px;font-size:1.7rem;line-height:1.2}.home__sub{color:var(--muted);margin:0 0 22px;line-height:1.55}.home__form{display:flex;gap:10px}.home__input{flex:1;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:12px 14px;font-size:1rem}.home__input:focus{outline:none;border-color:var(--accent)}.home__error{color:var(--danger);margin:14px 0 0}.home__hint{color:var(--muted);font-size:.82rem;margin:18px 0 0;line-height:1.5}.editor{flex:1;display:flex;flex-direction:column;min-height:0}.editor--center{display:grid;place-items:center;color:var(--muted)}.editor__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--panel)}.editor__urlwrap{display:flex;align-items:center;gap:10px;min-width:0}.editor__urllabel{color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.editor__url{color:var(--text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50vw}.editor__url:hover{color:var(--accent)}.editor__badge{background:var(--accent-2);color:#fff;font-size:.68rem;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.editor__actions{display:flex;gap:8px;flex-shrink:0}.editor__split{flex:1;display:grid;grid-template-columns:1fr 380px;min-height:0}.editor__preview{position:relative;border-right:1px solid var(--border);background:#fff;min-height:0}.editor__state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;color:#444;padding:24px;line-height:1.6}.editor__state--error{color:#b00020}.preview__frame{width:100%;height:100%;border:0;display:block}.review-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 8px;background:var(--panel);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:0 6px 24px #00000059;z-index:2}.review-bar__label{font-size:.85rem;color:var(--text);white-space:nowrap;min-width:110px;text-align:center}.editor__chat{display:flex;flex-direction:column;min-height:0;background:var(--panel)}.chat{display:flex;flex-direction:column;height:100%;min-height:0}.chat__log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.chat__empty{color:var(--muted);font-size:.9rem;line-height:1.5}.bubble{padding:10px 12px;border-radius:12px;font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-width:92%}.bubble--user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:3px}.bubble--assistant{align-self:flex-start;background:var(--panel-2);border:1px solid var(--border);border-bottom-left-radius:3px}.bubble__pending{color:var(--muted);font-style:italic}.chat__context{display:flex;align-items:center;gap:8px;margin:0 12px;padding:7px 10px;background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--accent-2);border-radius:8px;font-size:.82rem}.chat__context-label{color:var(--accent-2);font-weight:600;text-transform:uppercase;font-size:.66rem;letter-spacing:.06em;flex-shrink:0}.chat__context-text{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-style:italic}.chat__context-clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:.9rem;line-height:1;padding:2px 4px;flex-shrink:0}.chat__context-clear:hover{color:var(--text)}.chat__form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.chat__input{flex:1;resize:none;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:10px;font-family:inherit;font-size:.9rem}.chat__input:focus{outline:none;border-color:var(--accent)}