.workspace-page{--ink:#151613;--panel:#1c1e1a;--line:#34372e;--gold:#d1b576;--muted:#a5aa9b;background:var(--ink);color:#eeeade}
.workspace-page>.stage,.workspace-page>.nav,.workspace-page>.footer{display:none}
.workspace-page .editor-top{height:76px;min-height:76px;padding:12px 24px;gap:24px;background:#151613;border-color:var(--line)}
.workspace-brand{display:flex;gap:12px;align-items:center;text-decoration:none;flex-shrink:0}.workspace-brand img{object-fit:contain;width:38px;height:38px}.workspace-brand span{font:11px Georgia,serif;letter-spacing:.16em}
.workspace-project-heading{padding-left:24px;border-left:1px solid var(--line);margin-right:auto;min-width:0}.workspace-page .editor-kicker{font-size:8px;color:#8e927f;letter-spacing:.12em}.workspace-page .editor-top h1{font-size:17px;line-height:1.3;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:32vw}
.workspace-page .editor-actions{gap:8px;flex-wrap:nowrap}.private-project{color:#b9bcae;font-size:10px;white-space:nowrap;padding:8px 12px;border:1px solid var(--line);border-radius:20px}.workspace-page .editor-actions>button,.workspace-page .new-project{min-height:38px;padding:8px 12px;color:#d7ccae;border:1px solid #494c3e;font-size:10px;background:none;border-radius:8px}.workspace-page #focus-studio{display:none}.workspace-page #workspace-open{border-color:#aa9157;color:#e4cc91}.workspace-page #workspace-open:disabled{opacity:.35;cursor:default}
.workspace-page .build-layout,.workspace-page.studio-focus .build-layout{height:calc(100dvh - 76px);min-height:600px;grid-template-columns:clamp(300px,27vw,420px) minmax(0,1fr);align-items:stretch}
.workspace-page .build-controls,.workspace-page.has-conversation .build-controls{background:linear-gradient(155deg,#1d201b,#151713);padding:24px 22px;min-height:0;border-color:var(--line)}
.workspace-page #chat-panel h2{font-family:Georgia,serif;font-size:25px;line-height:1.25;letter-spacing:-.04em;margin:0 0 18px;color:#f0ecdf}
.workspace-page .provider-disclosure{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 12px;margin:0 0 20px;font-size:10px}.workspace-page .provider-disclosure summary{font-size:9px;color:#a5aa96;min-height:28px}.workspace-page .provider-disclosure p{font-size:11px}.workspace-page .provider-disclosure[open]{max-height:220px;overflow:auto}
.brief-card{border:1px solid #41463a;border-radius:12px;padding:14px 16px;margin-bottom:18px;flex-shrink:0;background:#ffffff03}.brief-card>span{font-size:8px;letter-spacing:.13em;color:var(--gold)}.brief-card>p{font-size:12px;line-height:1.7;margin:7px 0;color:#dedfd3}.brief-card summary{font-size:10px;color:#aab09b;cursor:pointer;min-height:30px;padding:5px 0}.brief-card details p{font-size:11px;line-height:1.8;white-space:pre-wrap;max-height:180px;overflow:auto;margin:8px 0 0;color:#c2c9b3}
.workspace-page .ai-chat{scrollbar-width:thin}.workspace-page .history-item{background:none;border:0;border-radius:0;padding:0 0 16px;margin-bottom:10px;box-shadow:none}.workspace-page .history-item small{font-size:8px;color:#9f9f8b}.workspace-page .history-item p{font-size:12px;line-height:1.85;color:#e0e1d6}.workspace-page .history-item.user:not(.initial-brief){background:#ffffff06;border:1px solid #343a2e;border-radius:12px;padding:12px 14px}.workspace-page .initial-brief{display:none}
.workspace-page #chat-activity{border-top:1px solid #363d2c;border-bottom:1px solid #363d2c;padding:16px 0;margin:0 0 18px;max-height:240px;overflow:auto;flex-shrink:0}.workspace-page .working-heading{font-size:11px;color:#e6d4a6;gap:9px}.workspace-page #activity-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:12px}.workspace-page #activity-list li{font-size:11px;line-height:1.7;color:#c0c7b2;padding-left:24px;position:relative}.workspace-page #activity-list li:before{content:'✓';position:absolute;left:0;top:1px;border:1px solid #9e8958;color:#ddc38b;border-radius:50%;width:16px;height:16px;text-align:center;line-height:14px;font-size:10px}
.workspace-page #build-journey{display:none!important}.workspace-page #chat-form{border-radius:16px;background:#242821;border-color:#4c5141;padding:16px 15px 11px;box-shadow:none}.workspace-page #chat-input{min-height:65px;font-size:13px;line-height:1.7;color:#e8e8dd}.workspace-page #chat-button{background:#d9bd7a;color:#171b13;border-color:#d9bd7a}.workspace-page .composer-foot{min-height:40px;color:#a7af94}.workspace-page #chat-panel>.form-note{font-size:9px;color:#969e85;line-height:1.6;margin-top:12px}.workspace-page #generation-status{font-size:11px;color:#d6bd7e;max-height:72px}.workspace-page #retry-generation{border-color:#a48b50;color:#ebd398;background:#65522c33;border-radius:10px;min-height:44px}
.workspace-page .preview-area{background:#191c16;min-height:0;padding:0;overflow:hidden}.workspace-page .edit-actions{height:34px;min-height:34px;padding:5px 18px;background:transparent;border-bottom:1px solid #30352b;color:#9ba48b;font-size:8px}.workspace-page .live-canvas-title{display:none}.workspace-page .preview-toolbar{order:0;background:transparent;border-bottom:1px solid var(--line);padding:9px 18px;min-height:60px;gap:12px;flex-wrap:wrap}.workspace-page #preview-name{font-size:9px;color:#b3b9a6;letter-spacing:.06em}.workspace-page .canvas-tools{display:flex;gap:5px;align-items:center;flex-shrink:0;margin-left:auto}.workspace-page .canvas-tools button{border:1px solid #414837;color:#b4bf9e;background:transparent;border-radius:7px;min-height:36px;min-width:36px;font-size:10px}.workspace-page .canvas-tools button[aria-pressed=true]{color:#e4d1a0;border-color:#a78b4b;background:#bda05d17}.workspace-page #timing{font-size:9px;color:#899578;white-space:nowrap}
.follow-control{display:flex;align-items:center;gap:6px;font-size:10px;color:#c0c7b0;margin:0 8px;white-space:nowrap;cursor:pointer;min-height:40px}.follow-control input{appearance:auto;accent-color:#cfaf63;width:15px;height:15px;margin:0}
#workspace-health{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 18px;margin:10px 12px 0;border:1px solid #363f2c;border-radius:8px 8px 0 0;background:#ffffff03;font-size:10px;color:#bdc5ac;min-height:34px}#workspace-save-state:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#7b8566;margin-right:7px}.workspace-page[data-build-health=ready] #workspace-save-state:before{background:#8bb78b}.workspace-page[data-build-health=building] #workspace-build-state{color:#dec283}.workspace-page[data-build-health=paused] #workspace-build-state{color:#d7bc7b}
.workspace-page #draft-notice{order:0;background:#8d784319;border:0;border-bottom:1px solid #574f35;color:#c9bd9e;font-size:9px;padding:7px 18px}.workspace-page #preview-viewport{flex:1;min-height:0;overflow:hidden}.workspace-page .canvas-frame{height:100%;padding:0 12px 12px;background:none;min-height:0;position:relative}.workspace-page #app-frame{height:100%;min-height:0;border:1px solid #444b39;border-radius:0 0 11px 11px;box-shadow:0 20px 60px #0003}.workspace-page #edit-frame,.workspace-page #edit-buffer{border-radius:0 0 11px 11px}.workspace-page #preview-empty{flex:1;min-height:0;background:radial-gradient(ellipse at 50% 40%,#30372766,transparent 65%);color:#e6e5d7;padding:40px 20px}.workspace-page #preview-empty h2{font-family:Georgia,serif;color:#ece9da;font-size:clamp(34px,4vw,58px);letter-spacing:-.04em}.workspace-page #preview-empty p{color:#9fa88e;font-size:13px}.workspace-page .empty-symbol{border-color:#655735;color:#d6ba78;background:transparent;box-shadow:none}.workspace-page .preview-limit{background:none;font-size:8px;color:#838f72;padding:7px;margin:0;min-height:28px}
#workspace-pages{display:flex;gap:5px;max-width:100%;overflow:auto}#workspace-pages button{font-size:11px;color:#bbc6a5;background:none;border:1px solid #414b35;border-radius:8px;padding:8px 12px;min-height:36px;white-space:nowrap}#workspace-pages button[aria-pressed=true]{color:#ebd59e;border-color:#b89b55;background:#c2a15615}
.workspace-page .projects{background:#151713;color:#e7e7d7;border-top:1px solid var(--line);padding:40px 5%}.workspace-page .projects h2{font-family:Georgia,serif;font-weight:400}.workspace-page .project-row{border-color:#383f2e}.workspace-page.is-building .projects{display:none}.workspace-page .build-controls button:focus-visible,.workspace-page summary:focus-visible{outline-color:#d7b86c}
@media(min-width:1600px){.workspace-page .build-layout,.workspace-page.studio-focus .build-layout{grid-template-columns:410px minmax(0,1fr)}.workspace-page .build-controls,.workspace-page.has-conversation .build-controls{padding:28px}}
@media(max-width:1150px){.workspace-page .editor-actions #open-media,.workspace-page .private-project{display:none}.workspace-brand span{max-width:100px;font-size:10px;line-height:1.7}.workspace-page .editor-top{gap:15px;padding:12px 16px}.workspace-project-heading{padding-left:14px}.workspace-page .build-layout,.workspace-page.studio-focus .build-layout{grid-template-columns:300px minmax(0,1fr)}.workspace-page .follow-control{margin:0 3px}.workspace-page #timing{display:none}}
@media(max-width:760px){.workspace-page .editor-top{min-height:76px;height:76px;padding:12px;gap:12px}.workspace-brand span{display:none}.workspace-brand img{width:32px;height:32px}.workspace-project-heading{padding-left:10px;max-width:42vw}.workspace-page .editor-top h1{font-size:14px;max-width:34vw}.workspace-page .editor-actions #open-vault,.workspace-page .editor-actions #open-media{display:none}.workspace-page .new-project{font-size:0;min-width:36px;padding:7px}.workspace-page .new-project:after{content:'+';font-size:20px}.workspace-page #workspace-open{font-size:9px;padding:7px 9px}.workspace-page .studio-pane-switch{height:54px;padding:7px 12px;background:#1a1e16;border-color:#383e2f}.workspace-page .build-layout,.workspace-page.studio-focus .build-layout{display:block;height:calc(100dvh - 130px);min-height:510px}.workspace-page .build-controls,.workspace-page.has-conversation .build-controls{padding:18px;height:100%}.workspace-page .preview-area{height:100%}.workspace-page.has-conversation[data-studio-pane=preview] .build-controls{display:none}.workspace-page.has-conversation[data-studio-pane=chat] .build-controls{display:flex}.workspace-page[data-studio-pane=chat] .preview-area{display:none}.workspace-page.has-conversation[data-studio-pane=preview] .preview-area{display:flex}.workspace-page #chat-panel h2{font-size:24px}.workspace-page .brief-card{padding:12px;margin-bottom:13px}.workspace-page #chat-activity{max-height:155px;padding:12px 0}.workspace-page #chat-input{font-size:14px}.workspace-page #preview-name{display:none}.workspace-page .preview-toolbar{padding:8px 10px;gap:6px}.workspace-page .canvas-tools{margin-left:0;flex-wrap:wrap;gap:4px}.workspace-page #workspace-health{font-size:9px;padding:8px 10px;gap:8px;margin:8px 8px 0}.workspace-page .canvas-frame{padding:0 8px 8px}.workspace-page .preview-limit{font-size:7px}.workspace-page .edit-actions{padding:6px 10px}.workspace-page .provider-disclosure{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.workspace-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.workspace-mobile-tools{display:none}@media(max-width:760px){.workspace-mobile-tools{display:block;position:relative;order:1}.workspace-mobile-tools summary{list-style:none;min-height:38px;border:1px solid #4e563f;border-radius:7px;padding:8px;font-size:10px;cursor:pointer}.workspace-mobile-tools>div{position:absolute;top:43px;right:0;z-index:50;display:grid;min-width:170px;padding:8px;background:#252b1d;border:1px solid #747950;border-radius:10px;box-shadow:0 15px 30px #0005}.workspace-mobile-tools button,.workspace-mobile-tools a{min-height:44px;padding:9px 12px;text-align:left;border:0;background:none;color:#d8dec7;font-size:12px;text-decoration:none}.workspace-page .editor-actions{gap:6px}.workspace-page .workspace-project-heading{max-width:30vw}.workspace-page .editor-top h1{max-width:24vw}}
.workspace-page .ai-chat .history-item.assistant:before{content:'HOLLAND ENTERPRISE';font-size:8px;color:#b7a675}.workspace-page .brief-card>p{max-height:66px;overflow:hidden}.workspace-page #chat-activity{border-top:0}
.workspace-page #chat-panel h2{font-size:22px;line-height:1.15;margin-bottom:13px}.workspace-page .brief-card{padding:10px 12px;margin-bottom:12px}.workspace-page .brief-card>span{font-size:7px}.workspace-page .brief-card>p{font-size:11px;line-height:1.6;max-height:36px;margin:6px 0}.workspace-page .brief-card summary{font-size:9px;min-height:24px;padding:3px 0}.workspace-page.has-conversation .ai-chat{flex:1;min-height:100px;max-height:none;overflow:auto}.workspace-page .provider-disclosure{margin-bottom:13px;padding-bottom:9px}.workspace-page.has-conversation #chat-input{min-height:55px}.workspace-page.has-conversation #chat-panel>.form-note{font-size:8px;line-height:1.5}.workspace-page .history-item p{font-size:12px;line-height:1.75}