/* Shared responsive layout and accessible section controls. */
main{max-width:none;min-width:0}.grid{grid-template-columns:minmax(250px,300px) minmax(0,1fr);align-items:start}.grid>*{min-width:0}.panel,.step,.frame-card,.guide-step{min-width:0;overflow-wrap:anywhere}header>*,.row>*,.cols>*{min-width:0}.list{padding:2px 3px 10px;overflow-x:hidden}.item{min-width:0;max-width:100%;overflow-wrap:anywhere}
.library-card{display:flex;flex-direction:column;min-height:0;padding:12px;gap:10px}.library-card>.item{width:100%;padding:0!important;min-height:0}.cardtools{position:static;display:flex;justify-content:flex-end;flex-wrap:wrap;width:100%;gap:6px}.cardmenu{top:auto;bottom:58px;right:8px;max-width:calc(100% - 16px);min-width:0;width:205px}.cardtools .iconbtn{flex:0 0 38px;width:38px;min-width:38px;min-height:38px;padding:8px}
.page-fold-controls{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-bottom:14px}.fold-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font-weight:700;font-size:14px;padding:4px 0 14px;margin-bottom:16px;line-height:1.5}.fold-toggle:hover{color:var(--green)}.fold-toggle:focus-visible{outline:3px solid var(--green);outline-offset:4px;border-radius:4px}.fold-arrow{font-size:22px;flex:0 0 22px;color:var(--green);transition:transform .15s}.is-folded>.fold-toggle{border-bottom:0;margin-bottom:0;padding-bottom:4px}.is-folded>.fold-toggle .fold-arrow{transform:rotate(-90deg)}.fold-panel.is-folded>:not(.fold-toggle){display:none!important}
.video-grid{display:flex;flex-direction:column;gap:14px}.frame-card{padding:18px}.frame-card>img{max-height:440px;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;margin-bottom:16px;background:#f3f6f4}.frame-card input[type=checkbox],input[type=checkbox]{width:auto;vertical-align:middle;margin:0 8px 0 0}.frame-card label{font-size:14px;margin:10px 0}.frame-card textarea{min-height:95px}.workflow-image-open{width:100%}.workflow-image-open img{width:auto;max-width:100%;height:auto;max-height:480px!important;object-fit:contain}.screen img{height:auto;max-height:440px;object-fit:contain}.actions{align-items:center}.actions .button{max-width:100%;white-space:normal}details>summary{cursor:pointer;padding:8px 0;font-weight:600}input,select,textarea{max-width:100%}table{max-width:100%}
@media(max-width:1100px){.grid{grid-template-columns:minmax(230px,270px) minmax(0,1fr)}main{padding:24px}.cols{grid-template-columns:1fr}}
@media(max-width:960px){.grid{grid-template-columns:1fr}.list{max-height:300px}.library-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.cardtools{width:auto}}
@media(max-width:720px){main{padding:16px}.panel{padding:16px}.page-fold-controls{justify-content:flex-start}.library-card{display:flex}.cardtools{width:100%}.fold-toggle{font-size:14px}.frame-card{padding:14px}.image-toolbar{gap:6px}}
@media(prefers-reduced-motion:reduce){.fold-arrow{transition:none}}

.panel.fold-panel>h2,.step.fold-panel>b{display:none}
.draft-status{margin-bottom:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.draft-status>#backupReminder{margin-left:auto}.draft-status #draftRecoveryActions{width:100%}.screenshot-editor{width:min(1100px,96vw);max-height:94vh;border:1px solid var(--line);border-radius:16px;padding:22px}.screenshot-editor::backdrop{background:#10251dcc}.image-canvas-scroll{overflow:auto;max-height:65vh;margin-top:12px}.screenshot-editor canvas{display:block;max-width:100%;height:auto;touch-action:none;cursor:crosshair}.screenshot-editor select{width:auto}
/* Focused Create a Guide flow: one source and one capture method at a time. */
.studio-clean{max-width:1200px}.studio-clean>.page-fold-controls{display:none}.studio-clean .studio-source-picker>.fold-toggle,.studio-clean .studio-workspace>.fold-toggle,.studio-clean .capture-method>.fold-toggle{display:none!important}.studio-clean .studio-source-picker>h2,.studio-clean .studio-workspace>h2{display:block!important}.studio-clean .studio-source-picker,.studio-clean .studio-workspace{padding:24px}.studio-clean .studio-workspace{max-width:none!important;box-shadow:none}.studio-clean .studio-source-picker{margin-bottom:18px!important}.studio-clean .studio-workspace>h2,.studio-stage>h2{font-size:20px;margin:0 0 8px}.capture-methods{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.capture-method-body{margin:0 0 20px}.capture-method[hidden],.studio-clean [hidden]{display:none!important}.capture-method{padding:18px!important;margin:0!important;border:1px solid var(--line);border-left:3px solid var(--green);background:#f6faf7!important}.capture-method>.fold-toggle{display:none!important}.studio-options{border-top:1px solid var(--line);padding:8px 0;margin:10px 0}.studio-options>summary{color:var(--green);font-weight:650}.studio-stage{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;margin-top:18px}.studio-ai-bar{padding:12px 0}.studio-clean .video-grid{margin-top:16px}.studio-clean .frame-card{padding:18px}.studio-clean .studio-save{position:static}.studio-clean #videoMessage{margin-top:14px!important}.studio-clean .studio-empty{margin-top:20px}.studio-clean .notice{font-size:13px}.studio-clean .studio-options .notice{margin-top:8px!important}.studio-clean #video>.studio-stage{max-width:none}.studio-clean .studio-workspace .cols{margin-top:18px!important}.studio-clean .capture-method>b:first-of-type{display:block;margin-bottom:8px}.studio-clean .is-folded.studio-workspace>:not(.fold-toggle),.studio-clean .is-folded.studio-source-picker>:not(.fold-toggle){display:revert!important}
@media(max-width:720px){.studio-stage,.studio-clean .studio-workspace,.studio-clean .studio-source-picker{padding:17px}.capture-methods .button{flex:1 1 130px}.studio-clean .actions{gap:10px}}

nav button[hidden]{display:none!important}.nav-more{margin-top:12px;border-top:1px solid #456052;padding-top:8px}.nav-more>summary{color:#c0d1ca;padding:12px;cursor:pointer;font-size:13px}.nav-more[open]>summary{color:#fff}.library-help{margin-bottom:14px}
.chat-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.1fr);gap:22px;align-items:start}.chat-conversation,.chat-draft{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;min-width:0}.chat-intro h2{font-size:25px;line-height:1.25;margin:10px 0}.chat-intro{margin-bottom:20px}#chatDrop{border:2px dashed #97b6a8;background:#f4f9f6;border-radius:12px;padding:20px;margin:16px 0 8px;cursor:pointer;color:#315a49}.chat-source{display:flex;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px;margin:10px 0;overflow-wrap:anywhere}.chat-source img{width:95px;height:80px;object-fit:contain;background:#eef3ef}.chat-source>div{min-width:0;flex:1}.chat-source textarea{min-height:50px}#chatMessages{max-height:480px;overflow:auto;margin:20px 0}.chat-bubble{border-radius:12px;padding:14px 16px;margin:12px 0;background:#f0f5f2}.chat-bubble.user{background:#e8f2ed;margin-left:20px}.chat-bubble p,.chat-instruction{white-space:pre-wrap;color:var(--ink);margin:6px 0}.chat-step{padding:15px;border:1px solid var(--line);border-radius:12px;margin:14px 0}.chat-step img{display:block;max-width:100%;max-height:450px;margin:14px auto;object-fit:contain}.chat-save{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.chat-draft h2{overflow-wrap:anywhere}#chatProposal{padding:14px;background:#fff5dc;border-radius:10px;margin-bottom:16px}#chatStatus{margin-top:14px}.chat-source .mini{margin:4px 0}#chatForm>label{display:block;margin:10px 0}#chatForm .check{display:flex}
@media(max-width:1150px){.chat-layout{grid-template-columns:1fr}.chat-conversation,.chat-draft{padding:20px}}@media(max-width:500px){.chat-source{display:block}.chat-source img{width:100%;height:130px}}
#chatSources{max-height:300px;overflow:auto;margin-top:12px}.chat-source details{margin:4px 0}.chat-source summary{padding:4px 0}.chat-source .button{padding:4px 8px;font-size:11px}.chat-draft{overflow-wrap:anywhere}
.chat-source>.chat-source-image{flex:0 0 95px;width:95px;max-width:95px}.chat-step>.workflow-image-open{width:100%}
.backup-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.backup-choices h3{margin-top:0}.backup-choices .button{margin-top:8px}.backup-advanced{margin-top:18px}.backup-center #backupCenterStatus{margin:15px 0 0}.seeva-help-launcher{position:fixed;right:20px;bottom:80px;z-index:45;border:0;background:var(--green);color:white;padding:12px 18px;border-radius:28px;box-shadow:var(--shadow);font-weight:700}.seeva-help-dialog{position:fixed;inset:20px 20px 20px auto;width:min(470px,94vw);max-height:calc(100vh - 40px);margin:0;border:1px solid var(--line);border-radius:18px;padding:22px;overflow:auto}.seeva-help-dialog::backdrop{background:#142a2340}#helpHistory{max-height:280px;overflow:auto}#helpResults{display:grid;gap:10px;margin-top:12px}.help-guide{padding:12px;border:1px solid var(--line);border-radius:10px}.seeva-coach{position:fixed;z-index:60;bottom:20px;left:calc(238px + 24px);right:85px;max-width:800px;background:#183f32;color:white;border-radius:12px;padding:14px 18px;box-shadow:var(--shadow);display:flex;align-items:center;gap:14px}.seeva-coach[hidden]{display:none}.seeva-help-highlight{outline:4px solid #14a47b!important;outline-offset:6px;box-shadow:0 0 0 12px #14a47b25!important;scroll-margin:100px}.seeva-help-dialog textarea{margin-bottom:10px}.seeva-help-dialog .check{font-size:12px}#helpStatus{margin-top:14px;font-size:13px}
@media(max-width:800px){.backup-choices{grid-template-columns:1fr}.seeva-coach{left:16px;right:16px;bottom:16px}.seeva-help-dialog{inset:12px 12px auto;width:calc(100vw - 24px);max-height:94vh}}

.backup-choices{grid-template-columns:1fr}

.language-picker{padding:12px 18px;display:grid;gap:6px;color:#c3d7ce;font-size:12px}.language-picker select{width:100%;padding:8px;border:1px solid #648378;border-radius:8px;background:#203e34;color:white}.language-picker label{font-weight:600}
/* One icon column and one label column across the whole sidebar. */
aside{overflow-y:auto}aside .sub{margin-bottom:18px}aside nav{flex-shrink:0}
aside .menu-row{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:12px;padding:12px;border:0;text-align:left;font-size:14px;line-height:1.4;min-height:46px;width:100%;white-space:normal}
aside .menu-icon{display:block;width:21px;height:21px;color:#80d4bc;flex-shrink:0}
aside .menu-label{min-width:0}aside nav button.active .menu-icon,aside nav button:hover .menu-icon{color:#b5f4df}
aside .nav-more{margin-top:12px;border-top:1px solid #38554a;padding-top:8px}
aside .nav-more>summary{grid-template-columns:22px minmax(0,1fr) 16px;list-style:none;cursor:pointer;border-radius:9px;color:#c0d1ca}
aside .nav-more>summary::-webkit-details-marker{display:none}
aside .nav-more>summary:hover{background:#2f4a40;color:#fff}
.menu-chevron{width:16px;height:16px;transition:transform .15s}.nav-more[open]>summary .menu-chevron{transform:rotate(90deg)}
aside .language-picker{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:12px;row-gap:6px;margin:4px 0 10px;padding:12px;color:#c0d1ca;font-size:13px}
aside .language-picker .menu-icon{grid-column:1;grid-row:1 / 3;align-self:center}
aside .language-picker label{grid-column:2;font-size:11px;font-weight:500;letter-spacing:.2px}
aside .language-picker select{grid-column:2;padding:6px 24px 6px 0;border:0;border-bottom:1px solid #456052;border-radius:0;background:transparent;color:#e0eee8;font-size:14px;cursor:pointer}
aside .language-picker select option{background:#182a26;color:#fff}
aside .asidefoot{flex-shrink:0}aside #aboutSeeva{margin-top:10px}
aside .menu-row:focus-visible{outline:2px solid #80d4bc;outline-offset:2px}
@media(max-width:720px){aside nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:4px}aside .nav-more,aside .language-picker{grid-column:1 / -1}aside .language-picker{grid-template-columns:22px minmax(0,200px)}aside .nav-more>button{width:100%}}
@media(prefers-reduced-motion:reduce){.menu-chevron{transition:none}}
@media(min-width:721px){aside{width:256px}main{margin-left:256px}aside .menu-row{font-size:13px}aside .menu-label{white-space:nowrap}aside .nav-more>summary{column-gap:8px;font-size:13px}}
/* Compact language choice immediately above the portfolio footer. */
aside .language-picker.language-compact{display:flex;align-items:center;gap:9px;flex-shrink:0;margin:auto 0 0;padding:10px 12px;color:#a5b8af}
aside .language-compact .menu-icon{width:19px;height:19px;margin-right:3px}
aside .language-compact button{padding:5px 3px;border:0;border-radius:4px;background:transparent;color:#a5b8af;font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer}
aside .language-compact button.selected{color:#b5f4df;font-weight:800}
aside .language-compact button:hover{color:#fff}aside .language-compact button:focus-visible{outline:2px solid #80d4bc;outline-offset:2px}
aside .language-divider{font-size:12px;color:#648378}
aside .language-compact+.asidefoot{margin-top:0}
@media(max-width:720px){aside .language-picker.language-compact{margin-top:8px;padding-left:12px}}