/* The owner's project notebook uses the same restrained studio palette. */
.developer-workspace { --ws-line:#b4976b35;--ws-muted:#ab9fb6;--ws-text:#e5dce9;--ws-gold:#dfbb7f;min-width:0; }
.developer-workspace [hidden] { display:none!important; }
.developer-workspace button,.developer-workspace input,.developer-workspace select,.developer-workspace textarea { font-family:var(--sans); }
.developer-workspace :is(button,input,select,textarea,a,summary):focus-visible { outline:2px solid #e5c18a;outline-offset:3px; }
.developer-workspace :is(button,input,select,textarea):disabled { opacity:.48;cursor:wait; }
.workspace-topbar,.workspace-top-actions,.workspace-editor-heading,.workspace-list-heading,.workspace-note-editor-heading,.workspace-notes-heading,.workspace-prompts-heading,.workspace-note-editor-footer { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.workspace-topbar { padding-bottom:17px;align-items:flex-start;flex-wrap:wrap; }
.workspace-kicker { margin:0 0 7px;font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.1em;color:#c4a779; }
.workspace-subtitle { margin:0;color:var(--ws-muted);font-size:12px;line-height:1.65; }
.workspace-top-actions { justify-content:flex-start;flex-wrap:wrap; }
.workspace-button { display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:40px;max-width:100%;padding:9px 13px;border:1px solid #b4976b5e;border-radius:4px;background:#241c2a60;color:#e5d6bc;font-size:11px;line-height:1.55;text-decoration:none;cursor:pointer; }
.workspace-button:hover { border-color:#d8b87b;background:#c7a66a10; }
.workspace-primary { color:#241b15;background:linear-gradient(120deg,#e2c38e,#c5a16a);border-color:#e5c38a;font-weight:600;box-shadow:inset 0 1px #fff2; }
.workspace-primary:hover { color:#20170f;background:linear-gradient(120deg,#ebd0a1,#d6b57f);border-color:#f3d7a9; }
.workspace-text-button { min-height:40px;padding:7px 0;border:0;background:transparent;color:#c8b6d4;font-size:11px;text-align:left;line-height:1.6;cursor:pointer; }
.workspace-text-button:hover { color:#e8c88f;text-decoration:underline;text-underline-offset:3px; }
.workspace-danger { color:#d6a29a; }
.workspace-feedback { margin:0 0 13px;font-size:12px;line-height:1.65;color:#c7b7d1;overflow-wrap:anywhere; }
.workspace-feedback:empty { display:none; }
.workspace-feedback-error { color:#f0bbb0; }
.workspace-discard { margin:-6px 0 13px; }
.workspace-layout { display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.75fr);border:1px solid var(--ws-line);border-radius:5px;overflow:hidden;background:#110e17a8; }
.workspace-sidebar { min-width:0;padding:16px;border-right:1px solid var(--ws-line);background:#241b2b2b; }
.workspace-list-heading { gap:6px;margin-bottom:9px; }
.workspace-list-heading h3 { margin:0;color:#e7dddf;font-size:13px;font-weight:500; }
.workspace-list-heading h3 span { color:#9f8dac;margin-left:5px;font-size:11px; }
.workspace-list-heading .workspace-text-button { min-height:30px; }
.workspace-search,.workspace-filter { width:100%;min-width:0;min-height:39px;border:1px solid #9c83ab59;border-radius:4px;background:#0f0c15;color:var(--ws-text);padding:9px 10px;font-size:11px;line-height:1.6; }
.workspace-search::placeholder { color:#9f8faa; }
.workspace-filter { margin:8px 0 13px; }
.workspace-project-list { display:grid;gap:7px; }
.workspace-project-item { display:block;min-width:0;width:100%;text-align:left;cursor:pointer;padding:12px;border:1px solid #9c83ab2d;background:#18121d60;border-radius:4px;color:var(--ws-text); }
.workspace-project-item:hover { background:#d4b07808;border-color:#c7a66a62; }
.workspace-project-item[aria-current] { border-color:#c7a66a93;background:linear-gradient(120deg,#c7a66a15,#b4a0eb06);box-shadow:inset 2px 0 #c7a66a; }
.workspace-project-item-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:7px; }
.workspace-project-item strong { font-size:12px;font-weight:500;line-height:1.6;overflow-wrap:anywhere; }
.workspace-project-item-meta { display:block;margin-top:5px;color:#a89ab4;font-size:10px;line-height:1.6;overflow-wrap:anywhere; }
.workspace-badge { display:inline-flex;align-items:center;padding:2px 6px;min-height:22px;border:1px solid #b49bc83d;border-radius:3px;font-size:9px;line-height:1.5;color:#c7b4d5;white-space:nowrap; }
.workspace-badge[data-publication="public"] { color:#a9d1bf;border-color:#82bca044;background:#82bca006; }
.workspace-badge[data-publication="archived"] { color:#a9a0b1;border-color:#a9a0b138; }
.workspace-more { margin-top:13px;width:100%; }
.workspace-editor { min-width:0;padding:23px; }
.workspace-editor-heading { align-items:flex-start;margin-bottom:18px; }
.workspace-editor-heading h3 { margin:0;font:400 26px/1.2 var(--serif);letter-spacing:-.4px;color:#f0e5d4;overflow-wrap:anywhere; }
.workspace-editor-heading h3:focus { outline:none; }
.workspace-editor-tabs { display:flex;gap:18px;border-bottom:1px solid var(--ws-line);margin-bottom:19px; }
.workspace-editor-tabs button { border:0;border-bottom:2px solid transparent;padding:0 0 11px;min-height:36px;background:transparent;color:#a99ab5;font-size:11px;line-height:1.5;text-align:left;cursor:pointer; }
.workspace-editor-tabs button[aria-current] { color:#e5c58e;border-color:#d5b275; }
.workspace-editor-tabs button:hover { color:#e9d4ae; }
.workspace-form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.workspace-wide { grid-column:1/-1;min-width:0; }
.workspace-field { display:flex;flex-direction:column;gap:6px;min-width:0;font-size:11px;color:#c5b5cf;line-height:1.65; }
.workspace-field>span { display:block; }
.workspace-field small { display:block;font-size:10px;line-height:1.55;color:#9d8da9; }
.workspace-field :is(input,textarea,select) { display:block;min-width:0;width:100%;padding:10px 11px;border:1px solid #9c83ab61;border-radius:4px;background:#0e0b13b3;color:#e5dbe9;font:400 12px/1.6 var(--sans);min-height:41px; }
.workspace-field :is(input,textarea)::placeholder { color:#8e7e9b; }
.workspace-field textarea { min-height:88px;resize:vertical;max-height:450px; }
.workspace-field input[type="number"] { max-width:180px; }
.workspace-details { margin-top:17px;padding:12px 0;border-block:1px solid var(--ws-line); }
.workspace-details>summary { color:#c8af85;font-size:11px;line-height:1.6;cursor:pointer;min-height:25px; }
.workspace-details[open]>summary { margin-bottom:14px; }
.workspace-muted { margin:12px 0;color:#a191ae;font-size:10px;line-height:1.75; }
.workspace-publish-readiness { margin:12px 0 0;padding:9px 11px;border-left:2px solid #b69b6f6b;background:#c7a66a05;color:#bca583;font-size:10px;line-height:1.7; }
.workspace-publish-readiness[data-ready="true"] { border-color:#93b49a7a;color:#a6bda9; }
.workspace-form-actions { display:flex;align-items:center;gap:10px 15px;flex-wrap:wrap;margin-top:17px; }
.workspace-project-form>.workspace-feedback { margin:12px 0 0; }
.workspace-open-product { display:inline-flex;align-items:center;gap:12px;min-height:37px;margin-top:8px;color:#d8b77d;font-size:11px;text-decoration:none; }
.workspace-open-product:hover { text-decoration:underline; }
.workspace-confirmation { padding:14px;margin-top:14px;border:1px solid #c7a66a75;border-radius:4px;background:#c7a66a08; }
.workspace-confirmation p { font-size:12px;line-height:1.7;color:#d8c5a7;margin:0 0 11px; }
.workspace-confirmation .workspace-text-button { margin-left:17px; }
.workspace-welcome { text-align:center;padding:48px 10px;max-width:430px;margin:auto; }
.workspace-welcome-mark { display:block;color:#c7a66a;font-size:25px;margin-bottom:17px; }
.workspace-welcome h3 { font:400 26px/1.25 var(--serif);color:#eadac4;letter-spacing:-.4px;margin:0 0 11px; }
.workspace-welcome p { color:#ac9cb8;font-size:12px;line-height:1.8;margin:0 0 18px; }
.workspace-welcome .workspace-muted { margin-top:13px;font-size:10px; }
.workspace-empty-copy { color:#a697b1;font-size:11px;line-height:1.8;margin:13px 0; }
.workspace-notes-heading { align-items:flex-start;margin-bottom:14px; }
.workspace-notes-heading h4,.workspace-prompts-heading h4,.workspace-note-editor-heading h4 { margin:0;font-size:13px;color:#e1d3d7;font-weight:500;line-height:1.6; }
.workspace-notes-heading p { margin:5px 0 0;color:#a997b5;font-size:10px;line-height:1.7; }
.workspace-notes-heading>.workspace-button { flex-shrink:0; }
.workspace-note-list { display:grid;gap:8px; }
.workspace-note { display:flex;align-items:flex-start;gap:11px;min-width:0;padding:14px 12px;border:1px solid #a98cb33b;border-radius:4px;background:#21182a33; }
.workspace-note-select { display:grid;place-items:center;min-height:28px;cursor:pointer; }
.workspace-note-select input,.workspace-toggle input { accent-color:#d7b57d;width:16px;height:16px;flex-shrink:0;margin:3px 0; }
.workspace-note-copy { flex:1;min-width:0; }
.workspace-note-title { color:#e4d5de;font-size:12px;line-height:1.6;font-weight:500;overflow-wrap:anywhere;text-align:left;padding:2px 0;border:0;background:none;cursor:pointer; }
.workspace-note-title:hover { color:#edd0a1;text-decoration:underline; }
.workspace-note-copy p { margin:5px 0 9px;font-size:11px;color:#b09fbc;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;max-height:155px;overflow:auto; }
.workspace-note-state { display:inline-flex;align-items:center;gap:5px;color:#bca17a;font-size:9px;line-height:1.6; }
.workspace-note-state::before { content:'';width:4px;height:4px;background:currentColor;border-radius:50%; }
.workspace-note[data-note-state="done"] .workspace-note-state { color:#9bc4af; }
.workspace-note[data-note-state="in-progress"] .workspace-note-state { color:#b9a3d8; }
.workspace-note[data-note-state="done"] .workspace-note-title { color:#b7a9bb; }
.workspace-note-complete { display:grid;place-items:center;width:32px;height:32px;border:1px solid #a98cb34a;border-radius:4px;flex-shrink:0;background:#0f0b15;color:#a997b4;font-size:17px;cursor:pointer; }
.workspace-note-complete:hover { border-color:#c7a66a;color:#e5c184; }
.workspace-note[data-note-state="done"] .workspace-note-complete { color:#a1c9b5;border-color:#83bc9d55;background:#83bc9d09; }
.workspace-notes-empty { padding:25px 16px;text-align:center;border:1px dashed #a98cb34a;border-radius:4px; }
.workspace-notes-empty p { margin:0 0 7px;color:#cbbad4;font-size:12px; }
.workspace-notes-empty span { font-size:10px;color:#9e8eaa;line-height:1.75; }
.workspace-analyze-bar { display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;margin:2px 0 7px; }
.workspace-analyze-bar>div { min-width:0; }
.workspace-analyze-bar strong { font-size:10px;color:#c4afce;font-weight:500; }
.workspace-analyze-bar p { font-size:10px;color:#9b8aa7;line-height:1.6;margin:4px 0 0;max-width:260px; }
.workspace-analyze-bar>.workspace-button { font-size:10px;max-width:220px;text-align:center; }
.workspace-prompts-heading { border-top:1px solid var(--ws-line);padding-top:17px;margin-top:7px;margin-bottom:12px; }
.workspace-prompts-heading>span { font-size:11px;color:#a58eaf; }
.workspace-prompt-list { display:grid;gap:7px; }
.workspace-prompt-item { display:flex;align-items:center;justify-content:space-between;gap:15px;min-width:0;width:100%;text-align:left;padding:13px;border:1px solid #a98cb33b;border-radius:4px;background:#21182a33;color:#cab3d6;cursor:pointer; }
.workspace-prompt-item:hover { border-color:#c7a66a7a; }
.workspace-prompt-item>span:first-child { min-width:0; }
.workspace-prompt-item strong { display:block;font-size:12px;color:#ddcbd6;line-height:1.7;font-weight:500;overflow-wrap:anywhere; }
.workspace-prompt-item small { display:block;font-size:10px;color:#a796b3;line-height:1.6;margin-top:3px; }
.workspace-note-form { padding:15px;border:1px solid #c7a66a6b;border-radius:4px;background:linear-gradient(140deg,#c7a66a08,#b4a0eb03);margin-bottom:15px; }
.workspace-note-editor-heading { margin-bottom:13px; }
.workspace-note-form>.workspace-field { margin-bottom:13px; }
.workspace-note-editor-footer { align-items:flex-end;flex-wrap:wrap; }
.workspace-note-editor-footer>.workspace-field { max-width:180px; }
.workspace-note-form>.workspace-feedback { margin:12px 0 0; }
.workspace-ai-panel { padding:23px;border:1px solid var(--ws-line);border-radius:5px;background:#110e17a8;max-width:730px; }
.workspace-ai-intro { color:#b6a4c2;font-size:12px;line-height:1.8;margin:0 0 17px;max-width:590px; }
.workspace-key-status { display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid #a98cb33b;background:#251b2d40;border-radius:4px;margin-bottom:18px; }
.workspace-key-status>span { display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:1px solid #b49bc85c;border-radius:50%;color:#c9b5d6;font-size:13px; }
.workspace-key-status[data-connected="true"]>span { color:#b4d4bf;border-color:#a3caae65; }
.workspace-key-status strong { font-size:12px;line-height:1.6;color:#d8c8dd;font-weight:500; }
.workspace-key-status p { color:#a390af;font-size:11px;line-height:1.7;margin:4px 0 0; }
.workspace-ai-controls { padding-top:7px; }
.workspace-toggle { display:flex;align-items:flex-start;gap:11px;cursor:pointer;margin:8px 0 19px; }
.workspace-toggle>span { min-width:0; }
.workspace-toggle strong { display:block;color:#d7c5e0;font-size:12px;line-height:1.6;font-weight:500; }
.workspace-toggle small { display:block;font-size:10px;color:#a191ac;line-height:1.75;margin-top:4px;max-width:500px; }
.workspace-ai-panel #workspace-ai-feedback { margin:14px 0 0; }
@media(min-width:1000px) { .studio-dashboard-main:has(.developer-workspace) { max-width:1200px; } }
@media(max-width:850px) { .workspace-layout { grid-template-columns:minmax(185px,.8fr) minmax(0,1.7fr); }.workspace-sidebar { padding:13px; }.workspace-editor { padding:18px; }.workspace-analyze-bar { align-items:flex-start;flex-direction:column;gap:10px; }.workspace-analyze-bar p { max-width:none; }.workspace-analyze-bar>.workspace-button { max-width:none; }.workspace-project-item-heading { flex-wrap:wrap; }.workspace-editor-heading h3 { font-size:24px; } }
@media(max-width:650px) { .workspace-layout { display:block; }.workspace-sidebar { border-right:0;border-bottom:1px solid var(--ws-line); }.workspace-project-list { grid-template-columns:repeat(2,minmax(0,1fr));max-height:270px;overflow:auto;padding:3px; }.workspace-list-heading { margin-bottom:8px; }.workspace-filter { margin-bottom:9px; }.workspace-project-item { padding:10px; }.workspace-project-item-meta { font-size:9px; }.workspace-editor { padding:18px 15px; }.workspace-topbar { gap:13px; }.workspace-top-actions { gap:8px; }.workspace-welcome { padding:25px 5px; }.workspace-form-grid { gap:12px; }.workspace-note { padding:12px 9px;gap:9px; }.workspace-ai-panel { padding:18px 15px; }.workspace-ai-panel .workspace-editor-heading { flex-wrap:wrap;gap:7px; } }
@media(max-width:390px) { .workspace-form-grid { grid-template-columns:1fr; }.workspace-note-editor-footer { align-items:stretch; }.workspace-note-editor-footer>.workspace-field { max-width:none;flex:1; }.workspace-note-editor-footer>.workspace-button { width:100%; }.workspace-editor-tabs { gap:14px; }.workspace-editor-tabs button { font-size:10px; }.workspace-top-actions { align-items:stretch; }.workspace-top-actions>.workspace-button { padding-inline:10px;font-size:10px; }.workspace-note-copy p { max-height:120px; }.workspace-analyze-bar>.workspace-button { width:100%; }.workspace-notes-heading h4 { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { .developer-workspace * { scroll-behavior:auto!important; } }

.workspace-offer-label { color:#c5b3cd; }
.workspace-offer-label[data-offer="paid"] { color:#dfbf87;font-weight:600; }
.workspace-offer-label[data-offer="free"] { color:#b0cdbf; }
.workspace-field-hint { color:#a99ab5;font-size:11px;line-height:1.7; }