/* Shared studio workspace. The menu retains its own layout. */
.lm-studio-page .lm-page{background:#fafbf8}
.lm-studio-page .lm-hero{display:none}
.lm-studio-page .lm-shell{width:min(1240px,calc(100% - 56px));max-width:none;margin-top:22px}
#maker-root:not([data-screen="home"]){--studio-ink:#213e3b;--studio-muted:#4d6561;--studio-line:#dce5dc;--studio-green:#365f54}
#maker-root:not([data-screen="home"]) .lm-panel{padding:32px;background:#fff;border:1px solid var(--studio-line);border-radius:18px;box-shadow:0 8px 30px #284d3510}
#maker-root:not([data-screen="home"]) .lm-panel h2{color:var(--studio-ink);font-size:clamp(27px,2.7vw,38px);font-weight:600;line-height:1.55;letter-spacing:.015em;text-wrap:balance}
#maker-root:not([data-screen="home"]) .lm-kicker{color:#55776a;font-size:13px;letter-spacing:.13em}
#maker-root:not([data-screen="home"]) .lm-step-heading>p:not(.lm-kicker),
#maker-root:not([data-screen="home"]) .lm-result__head p:not(.lm-kicker){color:var(--studio-muted);font-size:16px;line-height:1.8}
#maker-root:not([data-screen="home"]) .button{border-radius:999px;min-height:48px;font-size:16px;font-weight:700}
#maker-root:not([data-screen="home"]) .button--primary{color:white;background:#365f54;border:1px solid #365f54;box-shadow:none}
#maker-root:not([data-screen="home"]) .button--primary:hover{background:#254b40}
#maker-root:not([data-screen="home"]) .button--outline{color:#315c50;background:white;border:1px solid #8ba99b}
#maker-root:not([data-screen="home"]) button:disabled{color:#617069;background:#edf0eb;border-color:#d4ddd5}
#maker-root:not([data-screen="home"]) .lm-link-button{color:#385f54}
#maker-root:not([data-screen="home"]) :is(button,input,select,textarea,summary,a):focus-visible{outline:3px solid #3d7461;outline-offset:3px}
.lm-studio-page .lm-toolbar{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid #dfe6dd}
.lm-studio-page .lm-toolbar>.lm-link-button{justify-self:start}
.lm-studio-page .lm-toolbar h1{margin:0;color:#294b43;font:600 21px/1.6 var(--serif);text-align:center}
.lm-studio-page .lm-toolbar>span{justify-self:end;color:#4e685b;background:#eef3eb;border:1px solid #dce7d9;border-radius:999px;padding:3px 12px;font-size:13px}
#maker-root:not([data-screen="home"]) .lm-progress{max-width:960px;margin:0 auto 24px;gap:12px}
#maker-root:not([data-screen="home"]) .lm-progress li{position:relative;border:0;background:transparent;color:#53665d;border-radius:0;border-bottom:3px solid #e0e6dd;padding:9px 3px 13px}
#maker-root:not([data-screen="home"]) .lm-progress li span{background:#f0f3ee;border-color:#d9e3d7;color:#53665d}
#maker-root:not([data-screen="home"]) .lm-progress .is-current{color:#2e5a49;border-color:#496e59}
#maker-root:not([data-screen="home"]) .lm-progress .is-done{border-color:#a9bda7}
#maker-root:not([data-screen="home"]) .lm-progress :is(.is-current,.is-done) span{background:#496e59;color:white;border-color:#496e59}
#maker-root:not([data-screen="home"]) .lm-chips span{background:#f0f4ec;border-color:#dce7d5;color:#446149;font-weight:500}
#maker-root[data-screen="question"] .lm-panel,
#maker-root[data-screen="diagnosis"] .lm-panel{position:relative;max-width:960px;margin:auto;padding:40px}
#maker-root:is([data-screen="question"],[data-screen="diagnosis"]) .lm-options{margin-top:30px;gap:16px}
#maker-root:not([data-screen="home"]) .lm-option{min-height:130px;padding:20px 18px;border:1px solid #dbe5db;border-radius:12px;color:#29483d;box-shadow:none}
#maker-root:not([data-screen="home"]) .lm-option:hover{border-color:#90ab92;background:#fafbf7}
#maker-root:not([data-screen="home"]) .lm-option.is-selected{background:#eef4e9;border:2px solid #62805c}
#maker-root:not([data-screen="home"]) .lm-option__symbol{color:#698966}
#maker-root:not([data-screen="home"]) .lm-option strong{color:#243f35;font-size:18px}
#maker-root:not([data-screen="home"]) .lm-option small{color:#526959;font-size:14px}
#maker-root:not([data-screen="home"]) .lm-option.is-selected i{background:#4d7156}
#maker-root:not([data-screen="home"]) .lm-candidate{border-color:#dce5dc;box-shadow:none;border-radius:14px;display:flex;flex-direction:column}
#maker-root:not([data-screen="home"]) .lm-candidate__top{height:auto;min-height:70px;background:#f2f5ee;color:#315342}
#maker-root:not([data-screen="home"]) .lm-candidate__top span{background:#60816b}
#maker-root:not([data-screen="home"]) .lm-candidate__body{flex:1;padding:22px;min-height:0}
#maker-root:not([data-screen="home"]) .lm-candidate__body h3{font:600 21px/1.65 var(--serif);color:#294237}
#maker-root:not([data-screen="home"]) .lm-candidate__body p{color:#4b6257;font-size:16px;white-space:pre-line}
#maker-root:not([data-screen="home"]) .lm-candidate__body>.button{margin-top:auto}
#maker-root:not([data-screen="home"]) .lm-candidate__body p:last-of-type{margin-bottom:22px}
#maker-root:not([data-screen="home"]) .lm-field{color:#304b41;font-size:15px}
#maker-root:not([data-screen="home"]) .lm-field :is(input,textarea,select){border-color:#cbdacb;color:#29483d;background:#fff;font-size:16px}
#maker-root:not([data-screen="home"]) .lm-field__control{border-color:#cbdacb}
#maker-root:not([data-screen="home"]) .lm-field input::placeholder{color:#708071}
#maker-root:not([data-screen="home"]) :is(.lm-selected,.lm-form,.lm-result-section){border-color:#dfe7dd;background:#fbfcf8}
#maker-root:not([data-screen="home"]) :is(.lm-selected,.lm-form) h3{color:#29483d}
#maker-root:not([data-screen="home"]) .lm-selected p{color:#4f665a;font-size:16px}
#maker-root:not([data-screen="home"]) .lm-form h3 small{background:#eaf1e7;color:#4c6b51}
#maker-root:not([data-screen="home"]) .lm-success{background:#f0f6ed;border-color:#d3e3ca;color:#365b3f}
#maker-root:not([data-screen="home"]) .lm-warning{color:#725132}
#maker-root:not([data-screen="home"]) .lm-soft-note{color:#4f665a;background:#f4f6f0;border-color:#dbe5d8}
#maker-root:not([data-screen="home"]) .lm-footnote{color:#54695d}
#maker-root:not([data-screen="home"]) .lm-output{border-color:#dce5dc;border-radius:12px;padding:20px;box-shadow:none}
#maker-root:not([data-screen="home"]) .lm-output h3{color:#29463b}
#maker-root:not([data-screen="home"]) .lm-output p{font-size:16px;color:#354f42;line-height:1.95;max-height:350px}
#maker-root:not([data-screen="home"]) .lm-output textarea{border-color:#c9d8c7;color:#304b41}
#maker-root:not([data-screen="home"]) .lm-output :is(details,summary){color:#41694f}
#maker-root:not([data-screen="home"]) :is(.lm-copy,.lm-download){border-color:#adc3ae;background:#f5f9f1;color:#345c43}
#maker-root:not([data-screen="home"]) .lm-result-section__heading>span{background:#5e8065}
#maker-root:not([data-screen="home"]) .lm-result-section__heading h3{color:#29483d;font-size:20px}
#maker-root:not([data-screen="home"]) .lm-icon-options button.is-selected{outline-color:#587c62}
#maker-root:not([data-screen="home"]) .lm-icon-options button{background:#f3f6ef;color:#38533e;border-color:#d4e1d0}
#maker-root:not([data-screen="home"]) .lm-theme-options button.is-selected{outline-color:#587c62}
/* Image editor: real controls beside the downloadable result. */
#maker-root:not([data-screen="home"]) .lm-asset{padding:0;background:transparent;border:0;box-shadow:none}
#maker-root .lm-asset>.lm-step-heading{text-align:left;margin-bottom:28px}
.lm-preview-jump{display:none;color:#3a6754;font-size:15px;font-weight:700}
#maker-root .lm-asset-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:30px;align-items:start;margin-top:0}
.lm-control-section{padding:24px;background:white;border:1px solid #dce5dc;border-radius:14px;margin-bottom:18px}
.lm-control-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#324f3c}
.lm-control-heading>span{font:18px/1 Georgia,serif;color:#74916b}
#maker-root .lm-control-heading>h3{margin:0;font:700 17px/1.6 var(--sans);color:#2c4937}
.lm-control-heading>small{margin-left:auto;padding:3px 9px;background:#f1f5ed;border-radius:999px;font-size:13px;color:#586d4f}
#maker-root .lm-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#maker-root .lm-template{position:relative;padding:8px 7px;background:#fafbf8;border:1px solid #dce4d8;border-radius:9px;overflow:visible}
#maker-root .lm-template>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:5px;background:#f1f3ee}
#maker-root[data-tool="thumbnail"] .lm-template>img{aspect-ratio:1.3}
#maker-root .lm-template>span{display:block;margin-top:8px;font-size:14px;line-height:1.6;color:#3f5745}
#maker-root .lm-template.is-selected{background:#eef4e7;border:2px solid #718d62;padding:7px 6px;outline:none;box-shadow:none}
#maker-root .lm-template>b{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:#567746;color:white;font:700 13px/1 var(--sans)}
#maker-root .lm-swatch{border-color:#d5e0d0;background:#fff}
#maker-root .lm-swatch.is-selected{border-color:#708e5f;background:#f3f7ee;outline:none;box-shadow:0 0 0 1px #708e5f}
#maker-root .lm-control-section>.lm-field{margin-top:18px}
#maker-root .lm-headline{display:flex;justify-content:space-between;align-items:center;gap:10px;border-color:#d6e1d2;color:#3e5948;background:#fff}
#maker-root .lm-headline>span{flex:none;color:#75916a}
#maker-root .lm-headline.is-selected{border-color:#6f8b60;background:#eff5e9}
#maker-root .lm-asset-preview{top:94px;padding:24px;background:#fff;border:1px solid #dce5dc;border-radius:14px;scroll-margin-top:100px}
#maker-root .lm-preview-bar{color:#496250;font-size:14px;margin-bottom:16px}
#maker-root .lm-preview-bar>span:last-child{color:#61735e;font-size:13px}
#maker-root .lm-preview-bar i{display:inline-block;width:6px;height:6px;margin:0 7px 2px 0;background:#8ba477;border-radius:50%}
#maker-root .lm-preview-mat{padding:24px;background:#f0f3ed;border-radius:9px}
#maker-root .lm-preview-mat>img{background:#f2f4ee;box-shadow:0 9px 24px #25443816;max-height:470px}
#maker-root .lm-preview-mat--icon{padding:28px}
#maker-root .lm-preview-mat--icon>img{max-width:350px}
#maker-root .lm-crop-preview{color:#4b654f}
.lm-preview-caption{margin:14px 0;color:#536c57;text-align:center;font-size:14px}
#maker-root .lm-asset-download{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;width:100%}
#maker-root .lm-asset-download>span{font-size:13px;letter-spacing:.06em}
#maker-root .lm-asset-next{display:block;margin:17px auto 0;text-align:center}
/* Reply setup and scene selection keep the working text in HTML. */
.lm-reply-setup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:30px}
.lm-message-example{min-width:0;padding:25px;background:#f4f7f1;border:1px solid #dce6d6;border-radius:14px}
.lm-chat-example{display:flex;align-items:flex-start;gap:12px;margin-top:22px}
.lm-chat-example>img{flex:none;width:48px;height:48px;border-radius:50%}
.lm-chat-example>div{min-width:0}
.lm-chat-example>div>span{font-size:13px;color:#63735c}
.lm-chat-example p{padding:18px;background:#fff;border-radius:4px 16px 16px;margin:7px 0 0;color:#3d5543;font-size:16px}
.lm-message-example ol{list-style:decimal-leading-zero;padding-left:26px;margin:24px 0 0;color:#526b4e;font-size:14px;line-height:2}
#maker-root .lm-reply-form{max-width:none;margin:0;padding:25px;background:#fff;border:1px solid #dce5dc;border-radius:14px}
.lm-reply-form>h3{margin:0 0 24px;font:600 23px/1.5 var(--serif);color:#304b3a}
.lm-reply-form>.button{width:100%;margin-top:24px}
.lm-reply-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:26px;margin-top:30px}
.lm-reply-scenes{display:flex;flex-direction:column;gap:10px}
.lm-reply-scenes>button{display:flex;align-items:center;gap:12px;min-height:87px;padding:17px 14px;text-align:left;border:1px solid #dfe7da;border-radius:11px;background:#fff;color:#38583d;cursor:pointer}
.lm-reply-scenes>button>span{font:18px/1 Georgia,serif;color:#829675}
.lm-reply-scenes>button>div{flex:1;min-width:0}
.lm-reply-scenes strong{display:block;font-size:15px;font-weight:700;line-height:1.6}
.lm-reply-scenes small{display:block;margin-top:3px;font-size:13px;color:#5a7154}
.lm-reply-scenes i{font-style:normal;color:#507346}
.lm-reply-scenes>button.is-selected{background:#eef4e8;border:2px solid #799366;padding:16px 13px}
.lm-reply-scenes>button:hover{background:#f4f7ef}
.lm-reply-stage{min-width:0;padding:24px;background:#f5f7f1;border:1px solid #dfe7da;border-radius:14px;align-self:start}
.lm-message-author{display:flex;align-items:center;gap:10px;margin-top:25px;color:#58714c;font-size:14px}
.lm-message-author>img{width:42px;height:42px;border-radius:50%}
#maker-root .lm-reply-scene>.lm-output{margin:14px 0 0;border:0;border-radius:4px 18px 18px;background:#fff;padding:25px}
#maker-root .lm-reply-scene .lm-output p{max-height:none}
.lm-reply-scene[hidden]{display:none}
.lm-studio-page .lm-note{background:#f4f6ef;border-color:#dfe7da;color:#4c6752}
.lm-studio-page .lm-note h2{color:#385740}
.lm-studio-page .lm-status{color:#546c54}
@media(max-width:1020px){
 #maker-root .lm-asset-grid{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .lm-control-section{padding:18px}
 #maker-root .lm-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lm-reply-workspace{grid-template-columns:230px minmax(0,1fr);gap:18px}
 #maker-root:not([data-screen="home"]) .lm-candidate-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
 .lm-studio-page .lm-shell{width:calc(100% - 32px);margin-top:18px}
 .lm-studio-page .lm-toolbar{grid-template-columns:1fr auto;gap:10px;margin-bottom:20px;padding-bottom:13px}
 .lm-studio-page .lm-toolbar h1{grid-row:2;grid-column:1/-1;font-size:22px;text-align:left;margin-top:4px}
 .lm-studio-page .lm-toolbar>.lm-link-button{font-size:15px}
 .lm-studio-page .lm-toolbar>span{padding:3px 9px;font-size:12px;grid-column:2;grid-row:1}
 #maker-root:not([data-screen="home"]) .lm-panel,
 #maker-root:is([data-screen="question"],[data-screen="diagnosis"]) .lm-panel{padding:25px 18px}
 #maker-root:not([data-screen="home"]) .lm-panel h2{font-size:28px}
 #maker-root:not([data-screen="home"]) .lm-progress{gap:7px;margin-bottom:20px}
 #maker-root:not([data-screen="home"]) .lm-progress li{font-size:13px;padding:7px 2px 10px}
 #maker-root:not([data-screen="home"]) .lm-option{min-height:125px;padding:17px 12px}
 #maker-root:not([data-screen="home"]) .lm-option strong{font-size:17px}
 #maker-root:not([data-screen="home"]) .lm-option small{font-size:14px}
 #maker-root:not([data-screen="home"]) .lm-asset{padding:0;border:0}
 #maker-root .lm-asset>.lm-step-heading{margin-bottom:24px}
 .lm-preview-jump{display:inline-block;margin-top:12px}
 #maker-root .lm-asset-grid{grid-template-columns:1fr;gap:0}
 #maker-root .lm-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 #maker-root .lm-asset-preview{position:static;padding:20px;margin-top:3px}
 .lm-control-section{padding:20px;margin-bottom:18px}
 .lm-reply-setup-grid{grid-template-columns:1fr;gap:20px}
 .lm-message-example{padding:20px}
 #maker-root .lm-reply-form{padding:20px}
 .lm-reply-workspace{grid-template-columns:1fr;gap:20px}
 .lm-reply-scenes{display:grid;grid-template-columns:1fr;gap:9px}
 .lm-reply-scenes>button{min-height:72px;padding:12px 14px;gap:12px}
 .lm-reply-scenes>button.is-selected{padding:11px 13px}
 .lm-reply-scenes>button>span{font-size:16px}
 .lm-reply-scenes strong{font-size:15px}
 .lm-reply-scenes i{display:none}
 .lm-reply-stage{padding:18px}
 #maker-root .lm-reply-scene>.lm-output{padding:20px 17px}
 #maker-root:not([data-screen="home"]) .lm-focused .lm-output{padding:18px 16px}
 #maker-root:not([data-screen="home"]) .lm-result__head>.button{width:100%}
}
@media(max-width:380px){
 .lm-studio-page .lm-shell{width:calc(100% - 24px)}
 #maker-root:not([data-screen="home"]) .lm-panel,
 #maker-root:is([data-screen="question"],[data-screen="diagnosis"]) .lm-panel{padding:22px 15px}
 #maker-root:not([data-screen="home"]) .lm-asset{padding:0}
 #maker-root:not([data-screen="home"]) .lm-panel h2{font-size:25px}
 #maker-root .lm-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lm-control-section{padding:17px}
 .lm-control-heading{gap:8px}
 #maker-root .lm-control-heading h3{font-size:16px}
 .lm-control-heading small{font-size:12px}
 .lm-reply-scenes{grid-template-columns:1fr}
 .lm-reply-scenes>button{min-height:70px}
 #maker-root .lm-asset-preview{padding:17px}
 #maker-root .lm-preview-mat{padding:17px}
}