.editor-shell{--canvas:#fff;--muted:#f5f5f3;--line:#e8e8e4;--secondary:#686963;background:var(--canvas)}.editor-shell .sidebar{background:#f8f8f6;border-right:0}.editor-main>.editor-header{background:0 0;border-bottom:0;height:64px;min-height:64px;padding:0 28px}.editor{grid-template-columns:clamp(360px,32vw,480px) minmax(0,1fr);gap:16px;padding:0 20px 20px 0}.conversation{background:0 0;border:0}.messages{scrollbar-color:#deded8 transparent;padding:26px 28px 20px}.message,.agent-turn{margin-bottom:32px}.message.user{margin-left:32px}.message.user .chat-copy{background:#f3f3f1;border-radius:18px;width:fit-content;margin-left:auto;padding:14px 18px}.message p,.chat-copy{font-size:14px;line-height:1.7}.message-author{gap:9px}.message-avatar{background:#f4f1e7;border-radius:50%;width:24px;height:24px}.message-author small{font-size:12px}.agent-turn .message-author{margin-bottom:14px}.turn-activity{margin-top:10px}.activity-toggle{gap:8px;width:fit-content;font-size:11px}.activity-toggle>span:nth-child(2){flex:initial}.composer{padding:12px 24px 0}.composer-input{box-shadow:none;background:#f5f5f3;border:0;border-radius:22px;padding:16px}.composer-input:focus-within{box-shadow:inset 0 0 0 1px #b2b3ab}.composer textarea{min-height:52px;padding:0;font-size:14px}.composer textarea::placeholder{color:#686963;opacity:1}.composer-actions{margin-top:10px}.mode-control{background:#ebebe7;border-radius:20px;padding:3px}.mode-control button{border-radius:16px;min-height:32px;padding:4px 12px;font-size:12px}.mode-control button.selected{background:#fff}.send-button{background:var(--ink);color:#fff;border-radius:50%;width:38px;height:38px;min-height:38px}.send-button:hover{background:#35362f}.send-hint{font-size:10px}.attachment-picker>summary{min-height:32px;margin-bottom:8px;font-size:12px}.preview-panel{background:#f5f5f3;border-radius:20px;overflow:hidden}.toolbar{background:0 0;border-bottom:0;min-height:64px;padding:12px 18px}.preview-title{display:none}.orientation-control{background:#e9e9e5;border-radius:20px;padding:3px}.orientation-control button{border-radius:50%;width:32px;height:32px;min-height:32px}.toolbar .icon-button{background:0 0;border:0;border-radius:50%}.toolbar .icon-button:hover{background:#e9e9e5}.export-trigger{border-radius:20px;min-height:36px;padding:6px 16px}.version-select select{min-height:36px}.preview-status{border-top:0;height:32px;padding:0 18px}.qa-trigger{font-weight:400}.device{box-shadow:0 16px 40px #17181112}.chat-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:36px 0;display:flex}.chat-empty .empty-icon{color:var(--ink);background:0 0}.chat-empty h2{letter-spacing:-.025em;margin:20px 0 8px;font-size:26px;font-weight:500}.chat-empty p{max-width:26ch;color:var(--secondary);margin:0;font-size:14px}.chat-suggestions{flex-direction:column;gap:4px;width:100%;max-width:280px;margin-top:28px;display:flex}.chat-suggestions button{text-align:left;color:var(--secondary);background:0 0;border:0;border-radius:12px;justify-content:space-between;padding:10px 12px;font-size:13px}.chat-suggestions button:hover{background:var(--muted);color:var(--ink)}.chat-suggestions svg{opacity:.6}.preview-empty .preview-symbol{color:#686963;background:#e9e9e4}.preview-empty h2{letter-spacing:-.02em;font-size:22px;font-weight:500}@media (width>=761px) and (width<=1100px){.editor{grid-template-columns:340px minmax(0,1fr);gap:8px;padding-bottom:12px;padding-right:12px}.messages{padding-inline:20px}.composer{padding-inline:16px}.toolbar{gap:4px;padding-inline:10px}.toolbar-end{gap:4px}}@media (width<=760px){.editor-main>.editor-header{height:auto;padding:12px 16px 8px}.editor{gap:0;padding:0 8px 8px}.preview-panel{border-radius:16px}.messages{padding:22px 12px}.composer{padding:8px 4px max(4px, env(safe-area-inset-bottom))}.composer-input{padding:14px}.toolbar{min-height:56px;padding:8px}.orientation-control button,.toolbar .icon-button,.send-button{width:40px;height:40px;min-height:40px}.export-trigger,.restore-trigger,.version-select select,.mode-control button,.attachment-picker>summary,.activity-toggle,.qa-trigger{min-height:40px}.export-trigger{padding-inline:10px}.preview-status{height:40px;padding-inline:10px}.preview-panel{grid-template-rows:auto minmax(0,1fr) 40px}.chat-empty h2{font-size:24px}}.editor .agent-checkin{color:var(--secondary-ink,#686963);margin:14px 0;font-size:13px;line-height:1.5}.editor .agent-checkin p{margin:0}.editor .turn-history{margin:10px 0 16px}.editor .turn-history>[hidden]{display:none}.editor .activity-detail .agent-update{margin-top:14px}