/* Authoring-only presentation; no stage/rail sizing rules. */
html body #toggleModeBtn#toggleModeBtn:not(:disabled){background:#b9ff62!important;color:#12230a!important;border:1px solid #12230a!important;box-shadow:0 3px 14px #a4ff5940!important;font-weight:800!important}
html body #toggleModeBtn#toggleModeBtn:not(:disabled):hover{background:#d0ff94!important}
html body #toggleModeBtn#toggleModeBtn:focus-visible{outline:3px solid white!important;outline-offset:4px}
html body #toggleModeBtn#toggleModeBtn:disabled{opacity:.5}
.lm-quiet-controls{display:flex;gap:8px;flex-wrap:wrap;padding:6px 12px}
.lm-quiet-controls button,#littleminty-sound{font:inherit;font-size:12px;padding:6px 10px;border:1px solid #668174;border-radius:8px;background:#eff8f2;color:#183b2d;min-height:32px}
#littleminty-panel.lm-field-editor-enabled .littleminty-draft-controls,#littleminty-panel.lm-field-editor-enabled [data-minty-quick="fill"]{display:none!important}
#littleminty-panel.lm-field-editor-enabled #littleminty-open-field{font-size:12px;padding:6px 10px}
#littleminty-panel.lm-soft-panel[data-floating-safe="true"]{position:fixed!important;left:var(--lm-safe-x)!important;top:var(--lm-safe-y)!important;right:auto!important;bottom:auto!important;transform:none!important;width:min(360px,calc(100vw - 24px))!important;height:min(600px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important}
#littleminty-launcher[data-presence="no-safe-space"]{visibility:hidden!important;pointer-events:none!important}
#spinstream-working-notes[hidden]{display:none!important}
.authoring-card .card-finish{margin-top:12px}

#littleminty-panel #littleminty-sound{align-self:flex-start;margin:4px 12px;flex-shrink:0}

/* Readability contract: the conversation owns the available height. */
html body #littleminty-panel.lm-soft-panel{display:flex!important;flex-direction:column!important;box-sizing:border-box!important;padding:0!important}
html body #littleminty-panel[hidden]{display:none!important}
html body #littleminty-panel #littleminty-log{flex:1 1 auto!important;min-height:160px!important;max-height:none!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;padding:12px 16px!important;scroll-padding:12px;overscroll-behavior:contain}
html body #littleminty-panel .littleminty-bubble{font:16px/1.55 system-ui,sans-serif!important;color:#17352e!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;max-height:none!important;padding:12px!important}
html body #littleminty-panel .littleminty-header{flex:0 0 auto!important;min-height:48px!important}
html body #littleminty-panel .littleminty-compose{flex:0 0 auto!important;min-height:0!important;padding:8px 12px!important;margin:8px!important}
html body #littleminty-panel #littleminty-input{font:16px/1.45 system-ui!important;min-height:44px!important;height:54px!important;max-height:100px!important;resize:vertical!important}
html body #littleminty-panel .lm-chat-toolbar{min-height:44px!important;justify-content:flex-end!important;gap:8px!important}
html body #littleminty-panel .lm-chat-menu{max-height:calc(100dvh - 100px)!important;overflow-y:auto!important;z-index:5!important;min-width:220px!important}
html body #littleminty-panel .lm-chat-menu .lm-chat-icon{width:auto!important;height:auto!important;display:flex;gap:8px;min-height:44px}
html body #littleminty-panel .lm-chat-menu .lm-chat-icon svg{width:20px;height:20px;flex-shrink:0}
html body #littleminty-panel #littleminty-editor-status{flex:0 0 auto;font-size:12px;max-height:3em;overflow:auto;margin:2px 12px}
html body #littleminty-panel #littleminty-editor-status[hidden]{display:none!important}
html body #littleminty-panel .lm-chat-status:empty{display:none!important}
html body #littleminty-panel #littleminty-opening-actions{display:flex;flex-direction:column;gap:8px}
html body #littleminty-panel #littleminty-opening-actions button{white-space:normal!important;text-align:left;min-height:44px;font:15px/1.4 system-ui!important;padding:10px!important}

/* UI polish only: no field values, page navigation, artwork sizing or service changes. */
body:not([data-exported="true"]) .authoring-rail{--editor-ink:#eaf4f1;--editor-muted:#b3c5bf;--editor-line:#344a43;--editor-accent:#a8edcf;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:not([data-exported="true"]) .authoring-card{background:linear-gradient(150deg,#15201f,#0e1719)!important;border:1px solid #344a43!important;border-radius:20px!important;box-shadow:0 10px 28px #0002!important;color:#eaf4f1}
body:not([data-exported="true"]) .authoring-card h2{font-size:16px!important;line-height:1.4!important;letter-spacing:.035em!important;color:#a8edcf!important}
body:not([data-exported="true"]) .authoring-card label{color:#eaf4f1;font-size:14px;line-height:1.5}
body:not([data-exported="true"]) .authoring-card .control-status{font-size:13px!important;line-height:1.5!important;color:#b3c5bf!important}
body:not([data-exported="true"]) .authoring-card :is(input[type="text"],input[type="url"],input[type="date"],textarea,select){background:#0b1415!important;color:#edf7f3!important;border:1px solid #49625a!important;border-radius:10px!important;padding:10px 12px!important;font:16px/1.5 system-ui!important;box-sizing:border-box;max-width:100%}
body:not([data-exported="true"]) .authoring-card :is(input,textarea)::placeholder{color:#a8bbb3!important;opacity:1}
body:not([data-exported="true"]) .authoring-card input[type="file"]::file-selector-button{background:#d9f2e6;color:#173d2e;border:0;border-radius:8px;padding:10px 12px;margin-right:10px;font:600 13px system-ui;cursor:pointer}
body:not([data-exported="true"]) .authoring-card .card-close{background:transparent!important;color:#c4d6ce!important;border:1px solid #4b6258!important;border-radius:10px!important;box-shadow:none!important;font-size:13px!important;min-height:44px}
body:not([data-exported="true"]) #authoringNext:not(:disabled){background:#c0f1d9!important;color:#153a2b!important;border-color:#d4f7e6!important;box-shadow:0 3px 12px #0003!important;border-radius:12px!important;min-height:44px}
body:not([data-exported="true"]) #authoringPrevious:not(:disabled){background:#172623!important;color:#e0eee7!important;border:1px solid #496157!important;box-shadow:none!important;border-radius:12px!important;min-height:44px}
body:not([data-exported="true"]) .authoring-rail :is(button,input,select,textarea,summary,a):focus-visible{outline:3px solid #b4f2d4!important;outline-offset:3px!important}
body:not([data-exported="true"]) #spinstream-work-session{border:1px solid #344a43!important;border-radius:14px!important;background:#14241e!important;color:#dceee5!important;box-shadow:none!important}
body:not([data-exported="true"]) #spinstream-work-session summary{font-size:14px;line-height:1.5}

html body #littleminty-panel.lm-soft-panel{border:1px solid #d1e3da!important;border-radius:22px!important;background:#fbfdfb!important;box-shadow:0 18px 60px #0004,0 2px 8px #0002!important;color:#17372c!important}
html body #littleminty-panel .littleminty-header{background:#f4faf6!important;border-bottom:1px solid #e0ebe4!important;padding:10px 14px!important;color:#163e2e!important}
html body #littleminty-panel #littleminty-log{background:#fbfdfb!important;scrollbar-width:thin;scrollbar-color:#a8bfb3 transparent}
html body #littleminty-panel .littleminty-bubble{background:#edf5ef!important;border:0!important;border-radius:16px!important;box-shadow:none!important}
html body #littleminty-panel .littleminty-msg--user .littleminty-bubble{background:#d9ede2!important;color:#143a2a!important}
html body #littleminty-panel #littleminty-opening-actions button{background:#fff!important;border:1px solid #a5c5b5!important;border-radius:12px!important;color:#1b4936!important;box-shadow:0 2px 3px #17372c06!important;cursor:pointer}
html body #littleminty-panel #littleminty-opening-actions button:hover{background:#e5f4eb!important;border-color:#487f62!important}
html body #littleminty-panel .littleminty-compose{background:#fff!important;border:1px solid #b9d1c3!important;border-radius:16px!important;box-shadow:0 2px 8px #23433308!important}
html body #littleminty-panel #littleminty-input{background:transparent!important;color:#17372c!important;border:0!important;box-shadow:none!important}
html body #littleminty-panel #littleminty-input::placeholder{color:#637a6d!important;opacity:1}
html body #littleminty-panel #littleminty-send{background:#215c43!important;color:white!important;border:1px solid #215c43!important;border-radius:50%!important;min-width:44px!important;min-height:44px!important}
html body #littleminty-panel #littleminty-send:hover{background:#164832!important}
html body #littleminty-panel :is(button,a,textarea,summary):focus-visible{outline:3px solid #287752!important;outline-offset:2px!important}
html body #littleminty-panel .lm-chat-menu{background:#fff!important;color:#17372c!important;border:1px solid #b9d1c3!important;border-radius:14px!important;box-shadow:0 8px 28px #163e2e26!important;padding:8px!important}
html body #littleminty-panel .lm-chat-menu button{color:#234b38!important;border-radius:8px!important;font-size:14px!important;white-space:normal!important}
html body #littleminty-panel .lm-chat-menu a{color:#245c40!important;font-size:14px!important}
@media(prefers-reduced-motion:reduce){html body #littleminty-panel *,body:not([data-exported="true"]) .authoring-rail *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){html body #littleminty-panel,html body #littleminty-panel :is(button,textarea),body:not([data-exported="true"]) .authoring-card{border:1px solid CanvasText!important;box-shadow:none!important}}

/* Optional notes reuse the saved-work fields; this dialog never resizes the artwork. */
html body dialog#spinstream-working-notes{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;overflow:auto;border:1px solid #adcbb9;border-radius:20px;background:#f7fbf8;color:#17372c;box-shadow:0 20px 70px #0005;font:16px/1.55 system-ui}
html body dialog#spinstream-working-notes:not([open]){display:none!important}
#spinstream-working-notes::backdrop{background:#07151199}
html body #spinstream-working-notes .lm-notes-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
html body #spinstream-working-notes h2{font:700 22px/1.3 system-ui;margin:0;color:#17372c}
html body #spinstream-working-notes label{display:block;font-weight:600;margin:12px 0 6px;color:#17372c}
html body #spinstream-working-notes :is(textarea,select,input[type="number"]){display:block;box-sizing:border-box;width:100%;max-width:100%;padding:12px;background:#fff;color:#17372c;border:1px solid #87a795;border-radius:10px;font:16px/1.5 system-ui}
html body #spinstream-working-notes textarea{resize:vertical;min-height:100px}
html body #spinstream-working-notes button{padding:9px 12px;min-height:44px;background:#e3f2e9;color:#214d36;border:1px solid #89ad98;border-radius:9px;font:600 14px/1.4 system-ui;cursor:pointer}
html body #spinstream-working-notes .work-session-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
html body #spinstream-working-notes .control-status{font:13px/1.5 system-ui;color:#496456}
html body #spinstream-working-notes .lm-notes-ai{border-block:1px solid #c9ddd0;padding:12px 0;margin:16px 0}
html body #spinstream-working-notes summary{cursor:pointer;font-weight:600;min-height:32px}
html body #spinstream-working-notes :focus-visible{outline:3px solid #287752;outline-offset:3px}
html body #littleminty-panel .lm-notes-open{align-self:flex-start;margin:4px 16px;padding:7px 12px;min-height:36px;background:#e3f2e9;color:#214d36;border:1px solid #89ad98;border-radius:9px;font:600 14px system-ui;flex-shrink:0;cursor:pointer}
html body #littleminty-panel .lm-copy-reply{display:block;margin:4px 10px 8px;padding:4px 8px;min-height:28px;background:transparent;color:#456454;border:0;font:13px system-ui;cursor:pointer}
@media(max-width:480px){html body dialog#spinstream-working-notes{padding:16px}}

html body dialog#spinstream-working-notes{position:fixed!important;inset:16px!important;margin:auto!important;height:fit-content!important;max-height:calc(100dvh - 32px)!important;overscroll-behavior:contain}

/* Section navigation is secondary to the currently open form. */
.authoring-guide .lm-step-overview{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.authoring-guide .lm-step-count{margin:4px 0;color:#b7d0c4;font:600 14px/1.5 system-ui}
.authoring-guide #authoring-step-picker{flex:1 1 150px;text-align:right}
.authoring-guide #authoring-step-picker>summary{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:4px 2px;cursor:pointer;color:#d3ebde;font:500 14px/1.5 system-ui;list-style:none;text-decoration:underline;text-underline-offset:4px}
.authoring-guide #authoring-step-picker>summary::-webkit-details-marker{display:none}
.authoring-guide #authoring-step-picker>summary::after{content:'⌄';text-decoration:none}
.authoring-guide #authoring-step-picker[open]>summary::after{content:'⌃'}
.authoring-guide #authoring-step-picker[open]{flex-basis:100%;text-align:left}
.authoring-guide #authoring-step-picker .authoring-steps{margin-top:8px;text-align:left}

/* Hidden blogger UI must never reserve space or intercept a pointer. */
html body #blogger-ai-float{display:none!important}
/* Only explicit help can switch to a dedicated chat view on crowded screens. */
.lm-back-to-editor{display:none!important}
body.lm-focused-chat .lm-back-to-editor{display:inline-flex!important}
body.lm-focused-chat :is(.creator-toolbar,.authoring-rail,#privateSealDiscoveryBanner,#privateSealUiPanel,.mode-controls,#littleminty-field-window){visibility:hidden!important;pointer-events:none!important}
body.lm-focused-chat #littleminty-panel{visibility:visible!important;z-index:10000!important}
.lm-help-access{font:600 14px/1.4 system-ui;padding:8px 12px;min-height:44px;border:1px solid #7ab7a0;border-radius:10px;background:#173e32;color:#f0fff5;cursor:pointer}
#privateSealUiHandle{flex-wrap:wrap}
#privateSealUiHandle .lm-help-access{flex:0 0 auto}
/* Keep laptop controls on one row; omit only the decorative tagline. */
@media(min-width:701px) and (max-width:1100px){
 html body .creator-toolbar{display:flex;flex-wrap:nowrap;gap:8px}
 html body .creator-toolbar__brand{width:auto;flex:0 0 auto}
 html body .creator-toolbar .tagline{display:none}
 html body .toolbar-switches{flex-wrap:nowrap;white-space:nowrap}
}