.panel{background:var(--paper);grid-template-columns:210px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--rule);flex-direction:column;gap:4px;padding:22px 14px;font-size:15px;display:flex}.side .brand{margin:0 8px 24px}.side .brand img{height:26px}.side .nav{color:var(--ink-soft);border-radius:999px;padding:9px 12px;text-decoration:none}.side .nav.on{background:var(--ink);color:#fff;font-weight:700}.panel-main{min-width:0}.page{max-width:760px;padding:28px 24px}.page h1{margin:0 0 16px;font-size:32px;font-weight:400}.page p{color:var(--ink-soft)}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.tabs{display:none}.chat{border-right:1px solid var(--rule);flex-direction:column;min-height:100vh;display:flex}.chat header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.chat header h2{margin:0;font-size:20px;font-weight:600}.messages{flex-direction:column;flex:1;gap:12px;padding:20px 24px;display:flex;overflow-y:auto}.msg{white-space:pre-line;border-radius:18px;max-width:85%;margin:0;padding:10px 15px;font-size:16px}.msg time{opacity:.7;margin-top:2px;font-size:12px;display:block}.msg.ai{background:var(--desk);border-bottom-left-radius:6px;align-self:flex-start}.msg.me{background:var(--ink);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.msg.working{animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.6}}.sticky{background:var(--paper);gap:10px;padding:0 18px 14px;display:grid}.composer{border-top:1px solid var(--rule);align-items:center;gap:10px;padding-top:14px;display:flex}.trace{color:var(--ink-soft);align-items:center;gap:10px;font-size:14px;display:flex}.approval{border:2px solid var(--orange);background:#fff;border-radius:18px;padding:14px 16px}.approval h4{justify-content:space-between;gap:10px;margin:0 0 6px;font-size:16px;display:flex}.approval .summary{margin:0 0 10px;font-size:15px}.approval .note{background:var(--orange-wash);color:#5a2000;border-radius:12px;margin:0 0 12px;padding:9px 12px 9px 28px;font-size:14px}.approval p.note{padding-left:12px}.approval .actions{gap:10px;display:flex}.preview{background:var(--desk);flex-direction:column;align-items:center;gap:14px;padding:16px 24px;display:flex}.preview .toolbar{justify-content:space-between;align-items:center;width:100%;font-size:14px;display:flex}.seg{border:1.5px solid var(--rule);background:#fff;border-radius:999px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;background:0 0;border:0;padding:6px 14px}.seg button.on{background:var(--ink);color:#fff}.preview .desktop{border:1px solid var(--rule);background:#fff;border-radius:14px;width:100%;overflow:hidden}.preview .desktop iframe{border:0;width:100%;height:640px;display:block}.open-site{color:var(--orange-text);font-size:14px}.history{gap:8px;margin:0;padding:0;list-style:none;display:grid}.history li{border:1px solid var(--rule);border-radius:16px;justify-content:space-between;gap:16px;padding:12px 16px;display:flex}.history small{color:var(--ink-soft);display:block}.option{border:1.5px solid var(--rule);cursor:pointer;border-radius:16px;grid-template-columns:22px 1fr;gap:10px;margin-bottom:10px;padding:12px 14px;display:grid}.option:has(input:checked){border-color:var(--ink)}.option input{accent-color:var(--orange);width:18px;height:18px;margin-top:3px}.option b{display:block}.option small{color:var(--ink-soft);font-size:14px}.always{color:var(--ink-soft);background:var(--desk);border-radius:14px;padding:10px 12px;font-size:14px}.signed-out{justify-items:start;gap:16px;max-width:520px;margin:80px auto;padding:0 16px;display:grid}.signed-out h1{margin:0;font-size:36px;font-weight:400}.signed-out p{color:var(--ink-soft);margin:0}@media (max-width:900px){.panel{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--rule);flex-direction:row;align-items:center;padding:10px 12px;overflow-x:auto}.side .brand{margin:0 8px 0 0}.workspace{grid-template-columns:1fr;min-height:auto}.tabs{border-bottom:1px solid var(--rule);grid-template-columns:1fr 1fr;display:grid}.tabs button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:12px 0;font-weight:700}.tabs button[aria-selected=true]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--orange)}.tab-chat .preview,.tab-preview .chat{display:none}.chat{border-right:0;min-height:calc(100vh - 110px)}.sticky{position:sticky;bottom:0}.messages{padding:14px}}