/* Shared app shell. Tool-specific controls and saved work keep their own modules. */
body{background:#f7f5f2;color:#3d3936}
.studio-topbar{min-height:80px;padding:20px 32px;gap:24px;border-bottom:1px solid #e3e2de;box-shadow:none}
.studio-brand{color:#02463a;text-decoration:none;gap:24px;min-width:0}
.studio-brand img{display:block;width:234px;min-width:234px;height:auto;flex-shrink:0}
.studio-wordmark{border-left:1px solid #aebdb8;padding-left:24px;font:600 23px/1.2 'Source Serif Pro',Georgia,serif;white-space:nowrap}
.studio-nav.mode-nav{display:flex;justify-content:flex-start;gap:8px;margin:0;padding:0 32px;background:white;border-bottom:1px solid #dedfd9;min-height:49px}
.studio-nav.mode-nav a{display:flex;align-items:center;justify-content:center;padding:14px 16px 12px;border:0;border-bottom:3px solid transparent;border-radius:0;color:#3d3936;text-decoration:none;font-size:14px;font-weight:400;background:transparent;box-shadow:none}
.studio-nav.mode-nav a[aria-current=page]{color:#02463a;border-bottom-color:#02463a;font-weight:650;background:transparent}
.studio-nav.mode-nav a:hover{color:#02463a;background:#f7f5f2}
.studio-guide{padding:12px 44px 0;margin:0;color:#69625d;font-size:12px;line-height:1.55;max-width:1680px}
.studio-page-heading{margin:25px 0 22px;padding:0 32px}
.studio-page-heading h2{font:600 31px/1.2 'Source Serif Pro',Georgia,serif;letter-spacing:-.5px;color:#02463a}
.studio-page-heading p{font-size:14px;line-height:1.55;margin:8px 0 0;color:#69625d;max-width:960px}
.studio-photo-review{margin:0 32px 16px;padding:12px 15px;border-left:3px solid #69625d;background:#eae7e4;font-size:13px;line-height:1.5;color:#3d3936}
.studio-photo-review[hidden]{display:none}
.editor-layout{height:calc(100vh - 245px);min-height:660px;padding:0 24px 24px;gap:18px;grid-template-columns:260px minmax(340px,1fr) 290px}
.editor-layout>.panel{border-radius:7px;border-color:#dedfd9;box-shadow:none}
.editor-layout .workspace{padding:0 10px 24px;background:transparent}
.editor-layout .studio-start{background:transparent;border:0;padding:0 0 13px;box-shadow:none;margin-bottom:12px}
.editor-layout .studio-start h2{font-size:13px;margin-bottom:8px}
.editor-layout .studio-start-actions{gap:6px}
.editor-layout .studio-start-actions button{padding:8px;min-height:43px;text-align:left}
.editor-layout .studio-start-actions small{font-size:10px}
.editor-layout .workspace-mode{margin-bottom:12px}
.editor-layout .canvas-toolbar{margin-bottom:12px}
.editor-layout .canvas-stage{border:1px solid #dfdfda;border-radius:7px;background:#eae7e4}
.editor-layout .inspector{font-size:13px}
.editor-layout .inspector input,.editor-layout .inspector textarea,.editor-layout .inspector select{font-size:13px}
.editor-layout .inspector label{font-size:12px}
.studio-workspace-tools{margin:0 auto 12px;max-width:760px;width:100%;border:1px solid #dedfd9;border-radius:5px;background:#fff}
.studio-workspace-tools>summary{font-size:12px;cursor:pointer;padding:10px 12px;color:#02463a}
.studio-workspace-tools[open]{padding-bottom:8px}
.studio-workspace-tools .canvas-mirror-tools{margin-top:9px}
.fv-app{max-width:1536px;margin:auto;padding:25px 32px 36px}
.fv-header{margin-bottom:22px;display:block}
.fv-header h2{font:600 33px/1.18 'Source Serif Pro',Georgia,serif;letter-spacing:-.6px;color:#02463a;margin:0}
.fv-header .fv-lead{font-size:15px;line-height:1.55;margin-top:8px;max-width:none;color:#69625d}
.fv-header .fv-eyebrow{display:none}
.fv-current-selection{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fv-layout{grid-template-columns:minmax(400px,.82fr) minmax(0,1.18fr);gap:20px;align-items:start}
.fv-card{box-shadow:none;border-color:#dedfd9;border-radius:7px;padding:22px}
.fv-app .fv-mode-panel{padding:13px 0 0}
.fv-app .fv-mode-panel h3{font-size:15px;margin-top:0}
.fv-app .fv-mode-panel p{font-size:12px;line-height:1.5}
.fv-app .fv-ratio-options{gap:8px}
.fv-app .fv-ratio-option label{min-height:68px;padding:10px 6px}
.fv-app .fv-ratio-icon{display:none}
.fv-app .fv-product-info{margin-bottom:18px;padding:14px 18px}
.fv-app .fv-result-actions{flex-wrap:wrap;gap:10px}
.fv-app .fv-result-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;background:#02463a;color:#fff;text-decoration:none;border-radius:5px;font-size:12px;font-weight:600}
.fv-app .fv-result-actions a[hidden]{display:none}
.fv-app .fv-gallery{margin-top:24px;border-radius:7px;box-shadow:none}
.writer-layout{padding-top:23px;background:transparent}
.writer-heading .eyebrow{display:none}
.writer-heading h2{font:600 31px/1.2 'Source Serif Pro',Georgia,serif;color:#02463a}
.writer-heading p{font-size:14px;line-height:1.55;color:#69625d}
.writer-page .studio-topbar{flex-wrap:wrap}
@media(max-width:610px){.writer-page .studio-topbar{justify-content:flex-start}.writer-page #new-chat{margin-left:auto}.writer-page .studio-brand{flex-shrink:0}}
@media(max-width:400px){.studio-brand{flex-direction:column;align-items:flex-start;gap:12px}.studio-wordmark{border-left:0;padding-left:0;font-size:17px}.writer-page #new-chat{margin-left:0}}
@media(min-width:1700px){.studio-guide,.studio-page-heading{padding-left:44px}.editor-layout{grid-template-columns:280px minmax(400px,1fr) 320px;gap:24px;padding-left:32px;padding-right:32px}}
@media(max-width:1180px){.editor-layout{grid-template-columns:230px minmax(300px,1fr) 260px;padding:0 16px 20px;gap:12px}.studio-topbar{padding:20px 24px}.studio-brand img{width:234px}.studio-wordmark{font-size:21px}.fv-layout{grid-template-columns:minmax(340px,1fr) minmax(0,1.15fr)}.fv-app{padding:24px}.fv-card{padding:18px}.studio-guide{padding-left:32px}}
@media(max-width:980px){.editor-layout{height:auto;min-height:0;grid-template-columns:220px minmax(0,1fr)}.editor-layout .inspector{grid-column:1/-1;max-height:none}.fv-layout{grid-template-columns:1fr}.fv-app{padding:22px}.studio-page-heading{padding:0 22px}.studio-guide{padding-left:26px;padding-right:26px}.studio-wordmark{font-size:20px}.studio-topbar{flex-wrap:wrap;gap:15px}.studio-topbar .top-actions{margin-left:auto}}
@media(max-width:610px){.studio-topbar{padding:22px 18px;gap:18px;min-height:80px;align-items:center}.studio-brand{gap:18px}.studio-brand img{width:234px}.studio-wordmark{font-size:14px;padding-left:12px}.studio-topbar .top-actions{width:100%;display:flex;gap:6px;justify-content:flex-start}.studio-topbar .top-actions button,.studio-topbar .project-menu>summary{font-size:12px;min-height:39px;padding:10px}.studio-topbar #download{margin-left:auto}.studio-nav.mode-nav{padding:0 10px;gap:0;min-height:51px}.studio-nav.mode-nav a{flex:1;min-width:0;padding:13px 8px 11px;font-size:12px;white-space:nowrap}.studio-guide{padding:12px 18px 0;font-size:11.5px;line-height:1.6}.studio-page-heading{margin:22px 0 19px;padding:0 18px}.studio-page-heading h2{font-size:27px}.studio-page-heading p{font-size:13px}.editor-layout{display:flex;flex-direction:column;height:auto;padding:0 12px 20px;gap:15px}.editor-layout .library{max-height:450px}.editor-layout .workspace{order:-1;min-width:0;padding:0}.editor-layout .inspector{width:100%}.studio-photo-review{margin:0 18px 16px}.fv-app{padding:23px 14px 28px}.fv-header h2{font-size:29px}.fv-header .fv-lead{font-size:13px}.fv-card{padding:17px}.fv-app .fv-ratio-options{gap:6px}.fv-app .fv-ratio-option label{min-height:65px}.writer-layout{padding-top:20px}.writer-heading h2{font-size:28px}}

/* Keep the supplied mark readable on the narrowest screens. */
@media(max-width:400px){.studio-brand{flex-direction:column;align-items:flex-start;gap:12px}.studio-wordmark{border-left:0;padding-left:0;font-size:17px}.writer-page #new-chat{margin-left:0}}

/* Keep all four tools reachable without widening the page. */
.studio-nav.mode-nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.studio-nav.mode-nav a{flex:0 0 auto;white-space:nowrap}
@media(max-width:610px){.studio-nav.mode-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0 12px;overflow:visible}.studio-nav.mode-nav a{min-width:0;text-align:center;padding:12px 6px;white-space:normal;font-size:12px}}