:root{--bg: #0c0d10;--panel: #14161b;--panel-2: #1a1d24;--line: #262a33;--text: #cfd6e4;--dim: #6b7385;--accent: #ff7a18;--accent-dim: #b35512;--mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 var(--mono)}#app{height:100%}button,input,textarea{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer}a{color:var(--accent);text-decoration:none}.bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}h1{margin:0;font-size:15px;letter-spacing:2px;color:var(--text)}h1 span{color:var(--accent)}.ghost{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--line);border-radius:6px;color:var(--dim);background:var(--panel)}.ghost:hover{color:var(--text);border-color:var(--accent-dim)}.hint{color:var(--dim);font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:0 0 8px}.session{margin-left:auto;display:flex;align-items:center;gap:10px}.email{color:var(--dim);font-size:12px}.toast,.note{margin:12px 18px 0;padding:8px 12px;border-radius:6px;font-size:12px}.toast{background:#ff7a181f;color:var(--accent);border:1px solid var(--accent-dim)}.note{background:var(--panel);color:var(--dim);border:1px solid var(--line)}.gallery section{padding:18px}.templates{display:flex;flex-wrap:wrap;gap:8px}.template{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text)}.template:hover{border-color:var(--accent);color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:140px}.card:hover{border-color:var(--accent-dim)}.card-top{display:flex;align-items:center}.card .title{font-weight:600}.card .del{margin-left:auto;padding:3px 6px;border:none;background:none}.card .del:hover{color:#e5484d}.preview{margin:0;flex:1;overflow:hidden;color:var(--dim);font-size:11px;line-height:1.45;max-height:88px}.meta{display:flex;align-items:center;gap:5px;color:var(--dim);font-size:11px}.empty{color:var(--dim);padding:18px 0}.editor-page{display:flex;flex-direction:column;height:100%}.title-input{flex:0 1 320px;padding:5px 8px;border:1px solid transparent;border-radius:6px;font-weight:600}.title-input:hover,.title-input:focus{border-color:var(--line);background:var(--panel);outline:none}.savestate{width:7px;height:7px;border-radius:50%;background:transparent}.savestate.dirty{background:var(--accent)}.transport{margin-left:auto;display:flex;gap:6px}.workbench{flex:1;display:flex;min-height:0}.editor{flex:1;min-width:0;overflow:auto}.editor .cm-editor{height:100%}.chat{width:360px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--line);background:var(--panel)}.chat.hidden{display:none}.chat-head{display:flex;align-items:center;gap:7px;padding:9px 12px;color:var(--dim);font-size:11px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--line)}.chat-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.msg{border-radius:8px;padding:8px 10px;font-size:12.5px;max-width:100%}.msg p{margin:0 0 6px;white-space:pre-wrap}.msg p:last-child{margin-bottom:0}.msg.user{background:var(--panel-2);border:1px solid var(--line);align-self:flex-end}.msg.assistant{background:transparent;border:1px solid var(--line)}.msg.streaming{border-color:var(--accent-dim)}.msg .code{margin:6px 0;padding:8px;background:var(--bg);border-radius:6px;overflow-x:auto;font-size:11px;line-height:1.45}.tool-chip{display:inline-flex;align-items:center;gap:6px;margin:2px 6px 2px 0;padding:3px 8px;border:1px solid var(--accent-dim);border-radius:20px;color:var(--accent);font-size:11px;background:#ff7a1812}.working{color:var(--dim)}@keyframes ai-flash{0%{box-shadow:inset 0 0 0 2px var(--accent)}to{box-shadow:inset 0 0 0 2px transparent}}.editor.ai-flash{animation:ai-flash 1.3s ease-out}.apply{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:5px 10px;border-radius:6px;background:var(--accent);color:#14161b;font-weight:600;font-size:12px}.apply:disabled{background:var(--accent-dim);cursor:default}.chat-form{display:flex;gap:6px;padding:10px;border-top:1px solid var(--line)}.chat-form textarea{flex:1;resize:none;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-size:12.5px}.chat-form textarea:focus{outline:none;border-color:var(--accent-dim)}.chat-form.busy{opacity:.6;pointer-events:none}.missing{padding:60px 20px;text-align:center;color:var(--dim)}@media (max-width: 800px){.chat{position:fixed;right:0;top:45px;bottom:0;width:min(360px,90vw);z-index:5}}