body{margin:0;background:#f4f8f7;color:#173b36;font:16px system-ui,sans-serif}main{max-width:900px;margin:auto;padding:20px}h1{font-size:24px}p{line-height:1.6}#screen{width:100%;border:1px solid #aabdb9;background:white;touch-action:none}label{display:block;margin:15px 0 8px}input{box-sizing:border-box;width:100%;padding:12px;font:inherit;border:1px solid #aabdb9;border-radius:8px}button{padding:12px;margin:8px 8px 0 0;border:0;border-radius:10px;background:#176a60;color:white;font:inherit}button:disabled{opacity:.45}.actions{margin:16px 0}#cancel{background:#665454}#status{font-weight:600}

[hidden]{display:none!important}#workspace{max-width:1200px}.workspace-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.workspace-card{background:white;border:1px solid #c9dbd6;border-radius:12px;padding:16px;margin:12px 0;overflow-wrap:anywhere}.workspace-card p{white-space:pre-wrap;margin:8px 0}textarea,select{box-sizing:border-box;width:100%;padding:12px;font:inherit;border:1px solid #aabdb9;border-radius:8px}#pair-code{max-width:280px}button{cursor:pointer}input[type=checkbox]{width:auto}#workspace-status{font-weight:600}@media(max-width:760px){.workspace-columns{grid-template-columns:1fr}}

.remote-view{position:relative}#screen{display:block;box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#remote-keyboard{position:absolute;left:0;bottom:0;width:2px;height:2px;padding:0;border:0;opacity:.01;-webkit-text-security:disc;pointer-events:none}.browser-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.browser-tools label{margin:8px 0}details{margin-top:16px}summary{cursor:pointer}#handoff-view{max-width:1100px}#handoff-view h1{margin:6px 0}#status{min-height:1.6em}@media(max-width:600px){#handoff-view{padding:10px}#handoff-view h1{font-size:20px}#handoff-view p{margin:8px 0;font-size:14px}}

#screen-viewport{overflow:auto;max-height:65dvh;overscroll-behavior:contain;background:#dbe5e2}#screen{max-width:none}.expanded{position:fixed;inset:0;z-index:10;background:#f4f8f7;overflow:auto;box-sizing:border-box;width:100%;display:flex;flex-direction:column}.expanded>h1,.expanded>p,.expanded>details,.expanded>.keys{display:none}.expanded .browser-tools{flex-shrink:0;gap:6px}.expanded .browser-tools button{margin:2px;padding:9px}.expanded .remote-view{flex:1;min-height:0}.expanded #screen-viewport{height:100%;max-height:none}.expanded .actions{margin:4px 0;flex-shrink:0}.expanded .actions button{padding:9px;margin-top:2px}#handoff-view.expanded{max-width:none;padding:env(safe-area-inset-top,0px) 4px env(safe-area-inset-bottom,0px)}

#authorization-progress,.authorization-summary{padding:12px;border-radius:8px;background:#fff1cd;color:#644600;font-weight:600}#authorization-progress[data-state=saved],[data-authorization=saved] .authorization-summary{background:#dff3e7;color:#155338}#authorization-progress[data-state=unknown],[data-authorization=unknown] .authorization-summary{background:#f1e8e4;color:#684332}

#goal-plan-fields,#goal-step-inputs fieldset{min-width:0;box-sizing:border-box;border:1px solid #c9dbd6;border-radius:10px;margin:12px 0;padding:12px}#goal-plan-preview{overflow-wrap:anywhere}#goal-plan-preview p{white-space:pre-wrap}#goal-plan-status{font-weight:600}
#goal-revision fieldset{min-width:0;box-sizing:border-box;border:1px solid #c9dbd6;border-radius:10px;padding:12px;margin:12px 0}#goal-revision-preview{overflow-wrap:anywhere}#goal-revision-preview p{white-space:pre-wrap}
#website-plan-form fieldset{min-width:0;box-sizing:border-box;border:1px solid #c9dbd6;border-radius:10px;padding:12px;margin:12px 0}#website-plan-preview,#website-binding{overflow-wrap:anywhere}#website-plan-preview p{white-space:pre-wrap}

#memory-fields{min-width:0;border:1px solid #c9dbd6;border-radius:10px;padding:12px}#memory-preview,#memory-latest{overflow-wrap:anywhere;white-space:pre-wrap}#memory-status{font-weight:600}