.writing-navigation,#writing-studio{--wr-bg:#17191d;--wr-surface:#202328;--wr-secondary:#272b31;--wr-text:#f5f7fa;--wr-muted:#b1b6bd;--wr-line:#3a3e44;--wr-accent:#3c8dbc;color:var(--wr-text);background:var(--wr-bg);font:13px system-ui,-apple-system,'Segoe UI',sans-serif}
body[data-theme="light"] .writing-navigation,body[data-theme="light"] #writing-studio{--wr-bg:#f3f5f7;--wr-surface:#fff;--wr-secondary:#f9fafb;--wr-text:#263238;--wr-muted:#596770;--wr-line:#d6dce1}
body[data-theme="midnight"] #writing-studio{--wr-bg:#101317;--wr-surface:#1c2128;--wr-secondary:#232933;--wr-accent:#5cb8ff}
body[data-theme="dark"] #writing-studio,body[data-theme="vscode"] #writing-studio{--wr-bg:#16181b;--wr-surface:#24272d;--wr-secondary:#2a2e35}
.writing-navigation{display:flex;gap:8px;flex-wrap:wrap;padding:8px 18px;border-bottom:1px solid var(--wr-line)}
.writing-navigation button,#writing-studio button{font:inherit;min-height:34px;padding:6px 12px;border:1px solid var(--wr-line);border-radius:3px;color:var(--wr-text);background:var(--wr-surface);cursor:pointer}
.writing-navigation button[aria-pressed="true"],#writing-studio button.primary{background:var(--wr-accent);color:white;border-color:var(--wr-accent)}
#writing-studio button:hover{filter:brightness(1.12)}
#writing-studio button:disabled{opacity:.5;cursor:default}
#writing-studio button:focus-visible,#writing-studio input:focus-visible,#writing-studio textarea:focus-visible,#writing-studio select:focus-visible{outline:2px solid var(--wr-accent);outline-offset:2px}
#writing-studio[hidden],#writing-studio [hidden]{display:none!important}
#writing-studio{flex:1;min-height:0;overflow:auto;padding:14px 18px;box-sizing:border-box}
#writing-studio *{box-sizing:border-box}
#writing-studio .wr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap}
#writing-studio h2{font-size:18px;font-weight:600;margin:0 0 5px}
#writing-studio h3{font-size:14px;font-weight:600;margin:0 0 12px}
#writing-studio p{margin:0 0 10px}
#writing-studio .wr-muted{color:var(--wr-muted)}
#writing-studio .wr-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:start}
#writing-studio .wr-panel{background:var(--wr-surface);border:1px solid var(--wr-line);padding:14px;min-width:0;margin-bottom:14px;box-shadow:0 2px 6px #0000000a}
#writing-studio .wr-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#writing-studio .wr-list{display:flex;flex-direction:column;gap:6px;max-height:58vh;overflow:auto}
#writing-studio .wr-list button{text-align:left;overflow-wrap:anywhere}
#writing-studio .wr-list button.selected{border-color:var(--wr-accent);background:var(--wr-secondary);box-shadow:inset 3px 0 var(--wr-accent)}
#writing-studio .wr-list small{display:block;color:var(--wr-muted);margin-top:3px}
#writing-studio label{display:block;font-weight:500;margin:0 0 12px}
#writing-studio input:not([type="checkbox"]),#writing-studio select,#writing-studio textarea{display:block;width:100%;margin-top:5px;background:var(--wr-secondary);color:var(--wr-text);border:1px solid var(--wr-line);border-radius:2px;padding:8px;font:inherit;min-height:34px}
#writing-studio textarea{resize:vertical;line-height:1.55}
#writing-studio .wr-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#writing-studio .wr-tabs{margin-bottom:14px;border-bottom:1px solid var(--wr-line);padding-bottom:10px}
#writing-studio .wr-tabs button[aria-pressed="true"]{border-color:var(--wr-accent);color:var(--wr-accent)}
#writing-studio .wr-message{padding:10px 12px;border-left:3px solid var(--wr-accent);background:var(--wr-secondary);margin-bottom:14px;white-space:pre-wrap}
#writing-studio .wr-message.error{border-left-color:#dd4b39}
#writing-studio .wr-message.success{border-left-color:#00a65a}
#writing-studio .wr-message.warning{border-left-color:#f39c12}
#writing-studio .wr-field-row{display:grid;grid-template-columns:1fr 1.5fr auto auto;gap:8px;align-items:end;margin-bottom:10px}
#writing-studio .wr-field-row label{margin:0}
#writing-studio .wr-check{display:flex;gap:7px;align-items:center;min-height:34px}
#writing-studio .wr-version{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--wr-line);padding:12px 0;align-items:center}
#writing-studio .wr-preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:var(--wr-secondary);border:1px solid var(--wr-line);line-height:1.65}
#writing-studio .wr-status{font-size:12px;color:var(--wr-muted)}
/* Override the shared shell's !important controls only inside this workspace. */
#sysimpleAIBuilder .writing-navigation button,#writing-studio button{background:var(--wr-surface)!important;color:var(--wr-text)!important;border:1px solid var(--wr-line)!important;border-radius:3px!important;box-shadow:none!important}
#sysimpleAIBuilder .writing-navigation button[aria-pressed="true"],#writing-studio button.primary{background:var(--wr-accent)!important;border-color:var(--wr-accent)!important;color:#fff!important}
#writing-studio .wr-tabs button[aria-pressed="true"],#writing-studio .wr-list button.selected{border-color:var(--wr-accent)!important;background:var(--wr-secondary)!important;color:var(--wr-text)!important}
#writing-studio input:not([type="checkbox"]),#writing-studio textarea,#writing-studio select{background:var(--wr-secondary)!important;color:var(--wr-text)!important;border-color:var(--wr-line)!important;border-radius:2px!important}
#writing-studio .wr-list button{display:block!important;white-space:normal!important}
#writing-studio .wr-list button small{display:block!important}
body.writing-active #sysimpleAIBuilder>.wrap{display:none}
body.writing-active #sysimpleAIBuilder>.topbar .mobile-pane-btn{display:none}
@media(max-width:850px){#writing-studio .wr-grid{grid-template-columns:1fr}#writing-studio .wr-list{max-height:180px}#writing-studio .wr-columns{grid-template-columns:1fr}#writing-studio{padding:10px}.writing-navigation{padding:8px 10px}}
@media(max-width:520px){#writing-studio .wr-field-row{grid-template-columns:1fr 1fr}#writing-studio .wr-version{align-items:flex-start;flex-direction:column}}

/* The application builder uses the same operational dashboard surfaces and density. */
#sysimpleAIBuilder{--wr-bg:#17191d;--wr-surface:#202328;--wr-secondary:#272b31;--wr-text:#f5f7fa;--wr-muted:#b1b6bd;--wr-line:#3a3e44;--wr-accent:#3c8dbc}
body[data-theme="light"] #sysimpleAIBuilder{--wr-bg:#f3f5f7;--wr-surface:#fff;--wr-secondary:#f9fafb;--wr-text:#263238;--wr-muted:#596770;--wr-line:#d6dce1}
body[data-theme="dark"] #sysimpleAIBuilder,body[data-theme="vscode"] #sysimpleAIBuilder{--wr-bg:#16181b;--wr-surface:#24272d;--wr-secondary:#2a2e35}
body[data-theme="midnight"] #sysimpleAIBuilder{--wr-bg:#101317;--wr-surface:#1c2128;--wr-secondary:#232933;--wr-accent:#5cb8ff}
#sysimpleAIBuilder>.wrap{gap:14px;padding:14px 18px;background:var(--wr-bg);font-size:13px}
#sysimpleAIBuilder>.wrap .card{padding:12px!important;background:var(--wr-surface)!important;color:var(--wr-text)!important;border:1px solid var(--wr-line)!important;border-radius:2px!important;box-shadow:none!important}
#sysimpleAIBuilder>.wrap h3{text-transform:none;font-size:14px;line-height:1.4;margin:0 0 8px}
#sysimpleAIBuilder>.wrap .hint{color:var(--wr-muted)!important;line-height:1.55}
#sysimpleAIBuilder #leftPane{gap:14px;padding:0!important;min-height:0}
#sysimpleAIBuilder #leftPane .card{margin:0;flex-shrink:0}
#sysimpleAIBuilder #leftPane .ai-domain-catalog{display:flex;flex-direction:column;gap:10px;flex:1;min-height:160px;overflow:auto}
#sysimpleAIBuilder .ai-domain-actions{display:flex;gap:8px;flex-wrap:wrap}
#sysimpleAIBuilder .ai-domain-actions button,#sysimpleAIBuilder .ai-domain-free{justify-content:flex-start!important;font-size:13px!important;min-height:34px!important}
#sysimpleAIBuilder .ai-domain-search{font-size:12px;font-weight:500;margin:0}
#sysimpleAIBuilder .ai-domain-search input{display:block;width:100%;margin-top:6px;padding:8px}
#sysimpleAIBuilder .ai-domain-list{display:flex;flex-direction:column;gap:6px}
#sysimpleAIBuilder #leftPane button{background:var(--wr-surface)!important;color:var(--wr-text)!important;border:1px solid var(--wr-line)!important;border-radius:2px!important}
#sysimpleAIBuilder #leftPane .ai-domain-item{display:grid!important;grid-template-columns:18px minmax(0,1fr) 14px!important;gap:8px!important;text-align:left!important;justify-content:stretch!important;align-items:start!important;width:100%;padding:10px!important;white-space:normal;line-height:1.4!important}
#sysimpleAIBuilder .ai-domain-item strong{display:block;font-weight:500;font-size:13px;overflow-wrap:anywhere}
#sysimpleAIBuilder .ai-domain-item small{display:block;color:var(--wr-muted);font-size:11px;margin-top:3px;overflow-wrap:anywhere}
#sysimpleAIBuilder .ai-domain-item i{margin-top:3px}
#sysimpleAIBuilder .ai-domain-check{visibility:hidden}
#sysimpleAIBuilder #leftPane button.is-active{border-color:var(--wr-accent)!important;background:var(--wr-secondary)!important;box-shadow:inset 3px 0 var(--wr-accent)!important}
#sysimpleAIBuilder .ai-domain-item.is-active .ai-domain-check{visibility:visible;color:var(--wr-accent)}
#sysimpleAIBuilder .ai-domain-free{margin-top:6px}
#sysimpleAIBuilder .ai-domain-create{background:var(--wr-secondary);border:1px solid var(--wr-line);padding:12px;font-size:13px}
#sysimpleAIBuilder .ai-domain-create label{display:block;font-size:12px;margin:10px 0 5px;font-weight:500}
#sysimpleAIBuilder .ai-domain-create input,#sysimpleAIBuilder .ai-domain-create textarea,#sysimpleAIBuilder #aiDomainSearch{width:100%;background:var(--wr-secondary)!important;color:var(--wr-text)!important;border:1px solid var(--wr-line)!important;border-radius:2px!important;padding:8px}
#sysimpleAIBuilder .ai-domain-create details{margin:10px 0}
#sysimpleAIBuilder .ai-domain-create summary{cursor:pointer}
#sysimpleAIBuilder .ai-domain-message{color:var(--wr-muted);margin:8px 0}
#sysimpleAIBuilder .ai-domain-create button.primary{background:var(--wr-accent)!important;color:#fff!important;border-color:var(--wr-accent)!important}
@media(min-width:981px){#sysimpleAIBuilder #leftPane{border:0!important;background:transparent!important;box-shadow:none!important}}
@media(max-width:980px){#sysimpleAIBuilder #leftPane{background:var(--wr-bg)!important;padding:12px!important}#sysimpleAIBuilder>.wrap{padding:10px}}

#sysimpleAIBuilder #center,#sysimpleAIBuilder #viewport,#sysimpleAIBuilder #stageIA{background:var(--wr-bg)!important}
#sysimpleAIBuilder #rightPane{background:var(--wr-surface)!important;border:1px solid var(--wr-line)!important;border-radius:2px!important}
#sysimpleAIBuilder #chat-messages,#sysimpleAIBuilder #aiOutput{background:var(--wr-secondary)!important;color:var(--wr-text)!important;border:1px solid var(--wr-line)!important;border-radius:2px!important}
#sysimpleAIBuilder #chat-messages .bubble,#sysimpleAIBuilder #chat-messages .direct-chat-text{background:var(--wr-surface)!important;color:var(--wr-text)!important;border:1px solid var(--wr-line)!important;box-shadow:none!important}
#sysimpleAIBuilder #ai-brief,#sysimpleAIBuilder #user-input{background:var(--wr-secondary)!important;color:var(--wr-text)!important;border:1px solid var(--wr-line)!important;border-radius:2px!important}

#sysimpleAIBuilder #chat-messages .direct-chat-text:before{border-right-color:var(--wr-line)!important}
#sysimpleAIBuilder #chat-messages .direct-chat-text:after{border-right-color:var(--wr-surface)!important}

.ai-mobile-tools,.ai-mobile-close{display:none}
@media(max-width:980px){
    #sysimpleAIBuilder>.ai-mobile-tools{display:flex;gap:8px;padding:0 10px 10px;background:var(--wr-bg)}
    #sysimpleAIBuilder .ai-mobile-close{display:inline-flex;min-height:34px;margin-bottom:10px}
    #sysimpleAIBuilder .ai-mobile-tools button,#sysimpleAIBuilder .ai-mobile-close{background:var(--wr-surface)!important;color:var(--wr-text)!important;border:1px solid var(--wr-line)!important;border-radius:2px!important;padding:8px 12px}
    body.writing-active #sysimpleAIBuilder>.ai-mobile-tools{display:none}
}

/* Guided configuration follows the compact operational dashboard panels. */
#writing-studio .wr-guide{padding:14px;border:1px solid var(--wr-line);border-left:3px solid var(--wr-accent);background:var(--wr-secondary);margin-bottom:18px;line-height:1.6}
#writing-studio .wr-guide>p{margin-top:5px}
#writing-studio #wr-starter{margin-top:14px;padding-top:14px;border-top:1px solid var(--wr-line)}
#writing-studio .wr-config-step{border-top:1px solid var(--wr-line);padding-top:18px;margin-top:18px;line-height:1.6}
#writing-studio .wr-config-step>h3{font-size:15px;margin-bottom:8px}
#writing-studio .wr-optional{font-size:12px;font-weight:400;color:var(--wr-muted);margin-left:8px}
#writing-studio .wr-help-example,#writing-studio .wr-empty-help{background:var(--wr-secondary);border:1px solid var(--wr-line);padding:10px 12px;margin-bottom:12px}
#writing-studio .wr-help-example span{margin:0 8px;color:var(--wr-accent)}
#writing-studio .wr-advanced{margin-top:18px;padding:12px;border:1px solid var(--wr-line)}
#writing-studio summary{cursor:pointer;font-size:13px;color:var(--wr-muted);line-height:1.5}
#writing-studio details[open]>summary{margin-bottom:12px}
#writing-studio .wr-field-row{grid-template-columns:minmax(160px,1fr) minmax(100px,.6fr) auto auto;align-items:start;padding:10px;border:1px solid var(--wr-line);background:var(--wr-secondary)}
#writing-studio .wr-field-code{padding-top:6px;min-width:0}
#writing-studio .wr-field-code small{display:block;color:var(--wr-muted);font-size:11px}
#writing-studio .wr-field-row>.wr-check,#writing-studio .wr-field-row>.wr-actions{margin-top:23px}
#writing-studio .wr-savebar{position:sticky;bottom:-14px;z-index:5;display:flex;gap:14px;align-items:center;justify-content:space-between;background:var(--wr-surface);border:1px solid var(--wr-line);border-top:2px solid var(--wr-accent);padding:12px 14px;box-shadow:0 -3px 9px #00000010;margin-top:14px}
#writing-studio .wr-savebar p{font-size:12px;color:var(--wr-muted);margin:3px 0 0;max-width:75ch}
#writing-studio .wr-savebar .wr-actions{flex-shrink:0}
@media(max-width:1100px){#writing-studio .wr-field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#writing-studio .wr-field-row>.wr-check,#writing-studio .wr-field-row>.wr-actions{margin-top:0}}
@media(max-width:600px){#writing-studio .wr-savebar{bottom:-10px;flex-wrap:wrap;gap:8px;padding:10px}#writing-studio .wr-savebar .wr-actions{flex-shrink:1}#writing-studio .wr-field-row{grid-template-columns:minmax(0,1fr)}#writing-studio .wr-savebar p{max-height:3.2em;overflow:auto}}

#writing-studio .wr-tags{padding:10px 12px;background:var(--wr-secondary);border:1px solid var(--wr-line);margin-bottom:14px}
#writing-studio .wr-tags .wr-actions{margin-bottom:10px}
#writing-studio .wr-tags button{white-space:normal;text-align:left}
#writing-studio code{background:var(--wr-bg);color:var(--wr-text);border:1px solid var(--wr-line);border-radius:2px;padding:2px 4px;overflow-wrap:anywhere}
#writing-studio .wr-merge-test{margin:12px 0 18px}
#writing-studio #wr-merge-preview{margin-top:12px}

#writing-studio .wr-fusion-catalog{max-height:270px;overflow:auto;border:1px solid var(--wr-line);padding:8px;background:var(--wr-secondary)}
#writing-studio .wr-fusion-choice{display:flex;gap:10px;align-items:flex-start;padding:10px;border-bottom:1px solid var(--wr-line);margin:0}
#writing-studio .wr-fusion-choice input{flex:0 0 auto;margin-top:4px}
#writing-studio .wr-fusion-choice span{min-width:0}
#writing-studio .wr-fusion-choice strong,#writing-studio .wr-fusion-choice small{display:block;overflow-wrap:anywhere}
#writing-studio .wr-fusion-choice small{font-weight:400;color:var(--wr-muted);margin-top:4px}
#writing-studio .wr-record-picker{padding:12px;border:1px solid var(--wr-line);margin-bottom:14px;background:var(--wr-secondary)}
/* Même navigation compacte pour les modèles de rédaction et les notes. */
#writing-studio .wr-grid{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}
#writing-studio .wr-list{gap:0;scrollbar-width:thin}
#sysimpleAIBuilder #writing-studio .wr-list button{padding:10px 12px!important;flex-shrink:0;text-align:left!important;line-height:1.4!important;border:0!important;border-bottom:1px solid var(--wr-line)!important;border-radius:0!important}
#sysimpleAIBuilder #writing-studio .wr-list button.selected{background:color-mix(in srgb,var(--wr-accent) 13%,var(--wr-surface))!important;box-shadow:inset 3px 0 var(--wr-accent)!important}
#writing-studio .wr-list button small{font-size:11px;line-height:1.4;margin-top:5px}
#sysimpleAIBuilder #writing-studio .wr-list button:hover{background:var(--wr-secondary)!important;filter:none}
@media(max-width:850px){#writing-studio .wr-grid{grid-template-columns:minmax(0,1fr)}}