/* Atelier: editorial public pages, a practical songwriting workspace. */
.atelier { --studio-bg:#f2f0e8;--studio-surface:#fffcf5;--studio-text:#232923;--studio-muted:#5b6458;--studio-accent:#294838;--studio-line:#d5d8cb;--studio-radius:10px;background:var(--studio-bg)!important; }
.atelier :focus-visible { outline-color:#8c4d27!important; }
.atelier button,.atelier a { touch-action:manipulation; }
.atelier-kicker { font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase; }
.atelier .glass-card { border-radius:10px;box-shadow:none; }
.atelier .btn-primary { border-radius:6px; }
/* A genuinely different landing composition. */
.atelier.meadow-landing .site-header { height:88px;background:#f2f0e8!important;border:0;padding:0 4.5%; }
.atelier.meadow-landing .hero { min-height:760px;height:calc(100svh - 88px);max-height:1050px;display:flex;align-items:center;padding:56px 7%;position:relative;isolation:isolate;margin:0 24px;border-radius:3px;overflow:hidden; }
.atelier.meadow-landing .studio-atmosphere { inset:88px 24px 0; }
.atelier.meadow-landing .studio-atmosphere::after { background:linear-gradient(90deg,#142119bd,#1c271b40 60%,transparent); }
.atelier .hero-copy { width:70%;max-width:940px; }
.atelier.meadow-landing .hero h1 { font-size:clamp(76px,8.4vw,154px);line-height:.87;letter-spacing:-.045em;margin:34px 0 30px; }
.atelier .hero-description { font-size:15px;line-height:1.8; }
.atelier .hero-footnote { display:none; }
.atelier .hero-actions { margin-top:28px; }
.atelier .hero-landscape-note { position:absolute;right:5%;bottom:85px;width:260px;color:#fffbed;display:grid;gap:18px;border-top:1px solid #fff8;padding:20px 0;text-decoration:none; }
.hero-landscape-note>span { font-size:9px;letter-spacing:.13em; }.hero-landscape-note strong { font:38px var(--studio-display);display:flex;justify-content:space-between; }.hero-landscape-note i { font:28px var(--studio-sans); }
.atelier .hero-bottom { position:absolute;bottom:20px;left:5%;right:5%;width:auto; }
.atelier.meadow-landing .section { max-width:none;margin:0;padding:110px 7%;border-radius:0;border:0;box-shadow:none;background:#f2f0e8; }
.atelier .section-heading h2,.atelier .voice-section h2 { font-size:clamp(44px,5.1vw,80px);line-height:1; }
.atelier .section-heading { margin-bottom:48px; }
.atelier .sound-grid { gap:0;border-top:1px solid #bfc5b4;border-bottom:1px solid #bfc5b4; }
.atelier .sound-card { border:0;border-right:1px solid #bfc5b4;border-radius:0;background:transparent;padding:28px;min-height:285px;transition:background .2s,transform .2s; }
.atelier .sound-card:last-child { border-right:0; }.atelier .sound-card:hover,.atelier .sound-card[aria-pressed="true"] { background:#e1e6d3;transform:none; }
.atelier .sound-card strong { font:32px var(--studio-display); }.atelier .sound-art { height:125px; }.atelier .vibe-caption { padding-top:24px; }
.atelier.meadow-landing .process-section { background:#e4e7db; }.atelier .process-grid { gap:0; }.atelier .process-grid article { border-radius:0;border:0;border-right:1px solid #b8c2ae;background:none;padding:12px 32px; }.atelier .process-grid article:first-child { padding-left:0; }.atelier .process-grid article:last-child { border:0; }.atelier .step-number { font:60px var(--studio-display);background:none;width:auto; }
.atelier.meadow-landing .inside-section { background:#1d2c25;color:#f5f2e9; }.atelier .inside-section h2,.atelier .inside-section h2 em,.atelier .inside-section .eyebrow { color:#f5f2e9; }.atelier .inside-section .section-heading p { color:#c1cbbd; }
.start-session-layout { display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center; }.session-editorial h3 { font:clamp(42px,4.5vw,72px)/1 var(--studio-display);margin:26px 0; }.session-editorial h3 em { color:#dbe9a4; }.session-editorial>p { max-width:340px;font-size:14px;line-height:1.8;color:#c1cbbd; }.session-editorial-note { display:flex;gap:24px;align-items:center;font:60px var(--studio-display);color:#dbe9a4;margin-top:48px; }.session-editorial-note span { font:12px/1.7 var(--studio-sans);color:#c1cbbd; }
.atelier.meadow-landing .session-console { box-shadow:none;background:#26382c;border:1px solid #6b785c;border-radius:10px; }.atelier .studio-preview { margin-top:80px;color:#232923; }.atelier .studio-preview .eyebrow { color:#315d46; }
.atelier.meadow-landing .voice-section { background:#dedfcf;gap:10%; }.atelier .voice-paper { box-shadow:none;transform:rotate(2deg);border:1px solid #bec5b4; }
.atelier .feature-grid { grid-template-columns:1fr 1fr;gap:0; }.atelier .feature-grid article { border:0;border-top:1px solid #c5cbba;background:none;border-radius:0;padding:36px 30px 36px 0; }.atelier .feature-grid article h3 { font:34px var(--studio-display); }
.atelier.meadow-landing .pricing-section { background:#e4e7db; }.atelier .price-card { border-radius:2px;box-shadow:none; }.atelier .pro-card { transform:translateY(24px); }
.atelier.meadow-landing .artist-section { background:#263b2d;color:#f5f2e9; }.atelier .artist-copy h2,.atelier .artist-copy h2 em,.atelier .artist-copy .eyebrow { color:#eaf0dc; }.atelier .artist-copy blockquote { font-size:28px;color:#f5f2e9; }.atelier .artist-art { max-width:540px; }.atelier .artist-copy .button { background:#e1e9bb;color:#263b2d; }
.atelier.meadow-landing .closing-section { margin:0;padding:100px 20px;background:#182e24a6; }.atelier .site-footer { background:#f2f0e8!important; }.atelier .closing-string,.atelier .closing-star { display:none; }
/* Persistent app navigation separates creating, collecting and account care. */
.studio-rail { position:fixed;left:0;top:0;bottom:0;width:216px;background:#202d26;color:#ecf0df;padding:30px 20px;display:flex;flex-direction:column;z-index:45; }
.rail-brand { display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:23px;font-weight:600;color:#f1f2e9;text-decoration:none; }.rail-brand span { flex-basis:100%;font-size:8px;letter-spacing:.17em;margin:13px 0 40px;color:#bcc5ad; }.rail-label { font-size:9px;letter-spacing:.17em;color:#a7b59a;padding-left:12px;margin-bottom:16px; }.studio-rail nav { display:grid;gap:6px; }.studio-rail nav a { display:flex;align-items:center;gap:14px;font-size:13px;padding:13px 12px;border-radius:5px;text-decoration:none;color:#d8dfcf; }.studio-rail nav a span { font-size:21px;line-height:1;width:24px; }.studio-rail nav a:hover { background:#ffffff0c; }.studio-rail nav a[aria-current] { background:#dfe7be;color:#263a2a; }.rail-new { display:block;text-align:center;padding:14px 10px;margin-top:26px;border:1px solid #718166;border-radius:4px;font-size:12px;color:#ecf0df;text-decoration:none; }.rail-bottom { margin-top:auto;padding-top:30px; }.rail-bottom p { font:24px/1.1 var(--studio-display);margin-bottom:20px;color:#dde5cb; }.rail-bottom>a { display:block;font-size:11px;color:#c7d1b6;text-decoration:underline;margin-bottom:30px; }.rail-bottom>span { font-size:8px;letter-spacing:.1em;color:#a8b49b; }.rail-bottom>span a { color:inherit; }
.atelier-app { padding-left:216px; }.atelier-app>.studio-atmosphere { display:none; }.atelier-app>header { height:70px;background:#f2f0e8!important;backdrop-filter:none;border-bottom:1px solid #d5d8cb!important; }.atelier-app>header>div { padding:0 32px; }.atelier-app>header .flex.justify-between { min-height:70px;height:70px; }.atelier-app>header nav.hidden { display:none!important; }.atelier-app>header .flex.justify-between>div:first-child { font-size:13px; }.atelier-app>header .flex.justify-between>div:first-child img { display:none; }.atelier-app>header .flex.justify-between>div:first-child span { font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#5b6458; }.atelier-app>footer { background:#f2f0e8!important; }.atelier-app main { max-width:1440px;margin:auto;padding:36px 40px 56px; }.atelier-app main h1 { font-size:clamp(36px,3.7vw,58px)!important; }.atelier-app .glass-input,.atelier-app .glass-select { border-radius:5px;background:#fffcf5; }.atelier-app .studio-eyebrow { margin-bottom:10px;font-size:9px; }.atelier-app .glass-card { background:#fffcf5;box-shadow:none; }.atelier-app main h1+p { margin-top:12px; }
.studio-launchpad { min-height:260px;background:linear-gradient(90deg,#132f20ed,#24452742),url('../../assets/studio/meadow-sunset.webp') center 60%/cover;color:#fffbed;display:flex;justify-content:space-between;align-items:flex-end;padding:34px 40px;border-radius:8px;margin-bottom:30px; }.studio-launchpad h2 { font:52px/.98 var(--studio-display);margin:18px 0 14px;color:#fffbed!important; }.studio-launchpad p { font-size:12px;color:#e2e8d4; }.studio-launchpad .atelier-kicker { font-size:9px; }.atelier-light-button { background:#edf0d8;color:#243c2a;display:inline-block;padding:12px 18px;border-radius:4px;font-size:12px;margin-top:20px; }.launch-index { display:grid;gap:18px;font-size:9px;letter-spacing:.12em;text-align:right;color:#e8efdc; }
.prompt-tray { display:grid;grid-template-columns:1.05fr repeat(3,1fr);gap:14px;padding:0 0 34px;margin:0 0 30px;border-bottom:1px solid #c8ccbc;align-items:stretch; }.prompt-tray h2 { font:27px/1.1 var(--studio-display);margin-top:12px; }.prompt-tray button { text-align:left;padding:16px;border:1px solid #cbd1bf;background:#e4e8d9;border-radius:5px;font-size:12px;line-height:1.6;transition:transform .2s,background .2s; }.prompt-tray button:hover { transform:translateY(-3px);background:#d8e0c9; }.prompt-tray button span { display:block;font-size:8px;letter-spacing:.1em;color:#59664e;margin-bottom:14px; }
.library-heading { display:flex;align-items:center;justify-content:space-between;margin:28px 0 22px;gap:20px; }.library-heading h2 { font:34px var(--studio-display);margin:6px 0 0; }.view-switch { display:flex;border:1px solid #bcc5ad;border-radius:5px;padding:3px; }.view-switch button { font-size:11px;padding:8px 12px;border-radius:3px;min-height:36px; }.view-switch [aria-pressed="true"] { background:#294838;color:#fff; }
.atelier #projectsGrid { grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; }.atelier #projectsGrid .group { border:0;background:transparent; }.atelier #projectsGrid .group>:first-child { aspect-ratio:1.3;background:repeating-radial-gradient(ellipse at 50% 50%,#ffffff00 0 11px,#ffffff18 12px 13px,#ffffff00 14px 25px),#718060;border-radius:6px; }.atelier #projectsGrid .group:nth-child(3n+2)>:first-child { background-color:#8e7391; }.atelier #projectsGrid .group:nth-child(3n)>:first-child { background-color:#b78859; }.atelier #projectsGrid .group>:first-child>svg { color:#fff7d7;width:44px; }.atelier #projectsGrid .group h3 { font-size:17px; }.atelier #projectsGrid .group>.p-4 { padding:15px 0; }.atelier #projectsGrid .group button[aria-label="Project actions"] { opacity:1;color:white;background:#263c2bbd; }.atelier #projectsGrid>.col-span-full { min-height:220px;padding:35px;background:#e7e9de;border:1px dashed #a7b49b; }.atelier #projectsGrid.library-list { grid-template-columns:1fr; }.atelier #projectsGrid.library-list .group { display:flex;align-items:center;gap:24px;border-bottom:1px solid #cbd1bf;padding:12px 0;overflow:visible; }.atelier #projectsGrid.library-list .group>:first-child { width:88px;height:88px;flex-shrink:0; }.atelier #projectsGrid.library-list .group>:first-child>svg { width:28px; }.atelier #projectsGrid.library-list .group>:first-child button { top:4px;right:4px;padding:4px; }
/* Template browsing with instant genre shelves. */
.page-templates>section { width:100%;max-width:1440px;padding:36px 40px;margin:0 auto; }.page-templates>section:first-of-type { padding-bottom:0; }.page-templates>section:first-of-type>div { text-align:left;padding:0; }.page-templates h1 { font-size:54px!important; }.page-templates>section:first-of-type p { font-size:14px;margin-top:14px; }.template-genres { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px; }.template-genres button { padding:10px 18px;border:1px solid #bfc8b0;border-radius:30px;font-size:12px; }.template-genres [aria-pressed="true"] { color:#fff;background:#294838;border-color:#294838; }.atelier #popularTemplates,.atelier #allTemplates { grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }.atelier .studio-template-card { border-radius:7px;border:1px solid #d0d5c5;border-top:4px solid #899b70;padding:25px; }.atelier .studio-template-card h3 { font:30px var(--studio-display); }.atelier .studio-template-card [class*="bg-gradient"] { border:0;border-radius:0;background:transparent;padding:15px 0; }.atelier .studio-template-card .btn-primary { background:transparent;color:#294838!important;border:1px solid #9da98e; }
/* Editor: section rail and reachable tools beside the lyric manuscript. */
.editor-layout { display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:start; }.editor-outline { position:sticky;top:94px;padding:22px 0; }.editor-outline p { margin-bottom:18px; }.editor-outline nav { display:grid;gap:7px; }.editor-outline nav a { font-size:11px;padding:11px 12px;border-left:2px solid #c5cdb7;text-decoration:none;color:#4c5c43; }.editor-outline nav a:hover { border-color:#294838;background:#e0e6d3; }.editor-outline .editor-count { margin-top:24px;font-size:11px;color:#617055; }.editor-tools { display:flex;flex-wrap:wrap;gap:8px;padding-bottom:22px;margin-bottom:25px;border-bottom:1px solid #d1d6c6;position:sticky;top:70px;background:#fffcf5;z-index:15; }.editor-tools button { font-size:11px;min-height:40px; }.editor-tools .focus-toggle { margin-left:auto;border:1px solid #bac5ab;padding:8px 13px;border-radius:5px; }.atelier #projectContent>.glass-card { padding:32px 40px; }.atelier #projectLyrics { line-height:1.9;font-size:17px; }.atelier #projectLyrics h3 { scroll-margin-top:155px; }.atelier #projectTitle { margin-top:12px; }.atelier-app.is-focused .studio-rail,.atelier-app.is-focused .editor-outline { display:none; }.atelier-app.is-focused { padding-left:0; }.is-focused .editor-layout { grid-template-columns:1fr;max-width:950px;margin:auto; }.is-focused #projectContent>.glass-card { max-width:950px;margin:auto; }
/* Settings become one navigable account area, profile an identity desk. */
.account-tabs { display:flex;gap:8px;border-bottom:1px solid #c5cdb7;margin:26px 0 34px; }.account-tabs button { font-size:13px;padding:14px 18px;border-bottom:3px solid transparent; }.account-tabs [aria-selected="true"] { border-color:#294838;color:#294838;font-weight:700; }.page-settings main>section { max-width:900px; }.page-settings main>section h2 { font:36px var(--studio-display); }.profile-title { margin:12px 0 28px; }.page-profile main { display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-content:start; }.page-profile main>section { margin:0; }.page-profile main>section:first-child { grid-column:1; }.page-profile main>section:nth-child(2) { grid-column:2;padding-top:101px; }.page-profile main>section:nth-child(2)>h2 { display:none; }.page-profile main>div { grid-column:1 / -1; }.page-profile main>section:last-child { grid-column:1 / -1; }.page-profile main .glass-card { padding:28px; }.page-profile #dropZone { padding:20px; }.page-profile #dropZone svg { width:30px;height:30px; }.page-profile main>section:nth-child(2) .flex.sm\:flex-row { flex-direction:column; }
/* Authentication is a full split screen with a quiet landscape and a focused form. */
.atelier.studio-auth>.studio-atmosphere { left:0;right:50%;top:0; }.atelier.studio-auth .studio-atmosphere::after { background:linear-gradient(180deg,#19302270,#15271b9c); }.atelier.studio-auth>header { position:absolute;width:100%;top:0;left:0;background:transparent!important;border:0!important; }.atelier.studio-auth>header span { color:#fffbed!important; }.atelier.studio-auth main { display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:none;padding:90px 0 0;min-height:100svh; }.atelier.studio-auth .studio-auth-art { background:none;backdrop-filter:none;color:#fffbed;max-width:none;padding:60px 12%;width:100%; }.atelier.studio-auth .studio-auth-art h2 { font-size:clamp(48px,5.7vw,90px);line-height:1;color:#fffbed!important; }.atelier.studio-auth .studio-auth-art>p { color:#f1f1dc; }.atelier.studio-auth main>.glass-card { border:0;background:transparent;box-shadow:none;padding:40px 48px;max-width:540px;width:100%;justify-self:center; }.atelier.studio-auth .auth-session-ticket { background:#fffbed12;border:1px solid #eef0d74d;box-shadow:none;transform:none;padding:22px; }.atelier.studio-auth .ticket-star { display:none; }.atelier.studio-auth .auth-session-ticket h3 { font-size:30px;color:#fffbed; }.atelier.studio-auth .ticket-track { display:none; }.atelier.studio-auth .auth-session-ticket p { color:#eef0da; }.atelier.studio-auth .auth-caption { margin-top:45px; }.atelier.studio-auth main>.glass-card h1 { text-align:left;font-size:46px!important; }.atelier.studio-auth main>.glass-card>.text-center { text-align:left; }
/* Legal and subscription states use a calm document layout. */
.atelier:not(.atelier-app):not(.studio-auth):not(.meadow-landing)>.studio-atmosphere { opacity:.18; }.atelier.page-privacy main,.atelier.page-terms main { max-width:980px; }
@media(min-width:769px){.atelier-app #mobileMenuBtn { display:none; }}
@media(max-width:1100px){.studio-rail{width:184px;padding:25px 15px;}.atelier-app{padding-left:184px;}.atelier-app main,.page-templates>section{padding-left:26px;padding-right:26px;}.prompt-tray{grid-template-columns:repeat(3,1fr);}.prompt-tray>div{grid-column:1/-1;}.atelier #projectsGrid{grid-template-columns:repeat(2,minmax(0,1fr));}.editor-layout{grid-template-columns:150px minmax(0,1fr);gap:18px;}.atelier #projectContent>.glass-card{padding:25px;}.page-profile main{display:block;}.page-profile main>section{margin-bottom:26px;}.page-profile main>section:nth-child(2){padding-top:0;}.page-profile main>section:nth-child(2)>h2{display:block;}.atelier.studio-auth .studio-auth-art{padding:50px 8%;}.atelier.studio-auth main>.glass-card{padding:30px;}.atelier .hero-landscape-note{width:205px;}.start-session-layout{gap:5%;}}
@media(max-width:768px){.studio-rail{display:none;}.atelier-app{padding-left:0;}.atelier-app main,.page-templates>section{padding:25px 18px;}.atelier-app>header>div{padding:0 20px;}.atelier-app>header .flex.justify-between>div:first-child img{display:block;}.atelier-app>header .flex.justify-between>div:first-child span{font-size:16px;text-transform:none;letter-spacing:0;}.atelier-app #mobileMenuPanel{position:absolute;width:100%;top:70px;}.atelier-app #mobileMenuPanel nav a{display:flex;margin:0;border-radius:0;}.studio-launchpad{padding:28px;}.studio-launchpad h2{font-size:46px;}.launch-index{display:none;}.prompt-tray{grid-template-columns:1fr;gap:9px;}.prompt-tray button{padding:14px;}.prompt-tray button span{margin-bottom:5px;}.atelier #projectsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}.atelier #popularTemplates,.atelier #allTemplates{grid-template-columns:1fr;}.editor-layout{display:block;}.editor-outline{position:static;padding:0 0 20px;}.editor-outline nav{display:flex;overflow:auto;}.editor-outline nav a{white-space:nowrap;}.editor-count{display:none;}.editor-tools{padding-bottom:16px;gap:6px;}.editor-tools .focus-toggle{margin-left:0;}.atelier #projectContent>.glass-card{padding:20px;}.account-tabs{gap:0;overflow:auto;}.account-tabs button{padding:12px;font-size:12px;white-space:nowrap;}.atelier.studio-auth>.studio-atmosphere{right:0;bottom:auto;height:420px;}.atelier.studio-auth main{display:flex;flex-direction:column;align-items:stretch;padding-top:80px;}.atelier.studio-auth .studio-auth-art{padding:28px 26px;min-height:320px;}.atelier.studio-auth .studio-auth-art h2{font-size:56px;}.atelier.studio-auth .studio-auth-art>p:not(.studio-eyebrow){font-size:12px;max-width:280px;}.atelier.studio-auth .auth-session-ticket{display:none;}.atelier.studio-auth main>.glass-card{margin:0;max-width:none;background:#f2f0e8;border-radius:0;padding:38px 24px;}.atelier.meadow-landing .hero{margin:0 12px;min-height:730px;max-height:none;height:auto;padding:55px 28px 180px;}.atelier.meadow-landing .studio-atmosphere{inset:80px 12px 0;}.atelier.meadow-landing .hero h1{font-size:clamp(66px,12vw,100px);}.atelier .hero-copy{width:100%;}.atelier .hero-landscape-note{bottom:55px;left:28px;right:28px;width:auto;gap:10px;}.hero-landscape-note strong{font-size:29px;}.hero-landscape-note>span:last-child{display:none;}.atelier .hero-bottom{font-size:7px;bottom:12px;}.atelier .hero-description{font-size:13px;}.atelier.meadow-landing .section{padding:65px 24px;margin:0;}.atelier .section-heading{margin-bottom:30px;}.atelier .sound-grid{grid-template-columns:1fr 1fr;}.atelier .sound-card{padding:20px;min-height:235px;border-bottom:1px solid #bfc5b4;}.atelier .sound-card:nth-child(2){border-right:0;}.atelier .sound-art{height:90px;}.atelier .sound-card strong{font-size:27px;}.atelier .process-grid{grid-template-columns:1fr;}.atelier .process-grid article{padding:28px 0;border-right:0;border-bottom:1px solid #b8c2ae;}.start-session-layout{grid-template-columns:1fr;gap:32px;}.session-editorial h3{font-size:46px;}.session-editorial-note{display:none;}.atelier .studio-preview{margin-top:45px;}.atelier .feature-grid{grid-template-columns:1fr;}.atelier .pro-card{transform:none;}.atelier .artist-copy blockquote{font-size:24px;}.atelier .hero-actions{gap:16px;}.atelier .hero-actions .text-link{font-size:11px;}.atelier .hero-actions .button{padding:16px;font-size:12px;}.atelier .site-header .brand-caption{display:none;}}
@media(prefers-reduced-motion:reduce){.atelier .prompt-tray button:hover{transform:none;}}
.account-identity-link { display:inline-block;margin-top:24px;padding:12px 18px;border:1px solid #bcc5ad;border-radius:5px;font-size:13px; }
.atelier.studio-generator .studio-page-intro { text-align:left;padding:35px 40px 0;max-width:1440px;width:100%;margin:auto; }.atelier.studio-generator .studio-page-intro h1 { font-size:40px!important; }.atelier.studio-generator #main-content { max-width:1440px;padding-top:25px; }.atelier.studio-generator .studio-workspace { display:grid;grid-template-columns:minmax(330px,1fr) minmax(260px,1fr);gap:24px;align-items:start; }.atelier.studio-generator .session-config { display:block;background:#fffcf5;border:1px solid #ccd2c0;box-shadow:none;border-radius:7px; }.atelier.studio-generator .session-config>.glass-card { padding:28px; }.atelier.studio-generator .setup-panel h3 { font-size:35px; }.atelier.studio-generator .setup-tabs { margin-bottom:26px; }.atelier.studio-generator #gen-form>.setup-panel>.grid { grid-template-columns:1fr; }.atelier.studio-generator .atelier-brief { background:#e1e5d5;color:#2c3b2c!important;border:0;min-height:600px;padding:38px;border-radius:7px;position:relative;overflow:hidden; }.atelier.studio-generator .atelier-brief:after { content:'';height:110px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#29432a33,transparent),url('../../assets/studio/meadow-sunset.webp') center 60%/cover; }.atelier.studio-generator .atelier-brief h2 { color:#2c3b2c!important;font-size:46px; }.atelier.studio-generator .atelier-brief .session-label,.atelier.studio-generator .atelier-brief .session-hint,.atelier.studio-generator .atelier-brief dt,.atelier.studio-generator .atelier-brief #session-idea-preview { color:#4b5d40; }.atelier.studio-generator .atelier-brief .session-sigil { color:#657c42;margin:26px 0; }.atelier.studio-generator .atelier-brief dl>div { border-color:#b4c0a7; }.atelier.studio-generator .atelier-brief .session-hint { padding-bottom:90px; }.atelier.studio-generator .has-draft .atelier-brief { display:none; }.atelier.studio-generator #resultsSection,.atelier.studio-generator .deskbar { grid-column:1/-1; }.atelier.studio-generator .deskbar { top:70px;border-radius:5px;background:#263a2d; }.atelier.studio-generator .deskbar .focus-toggle { margin-left:auto;border:1px solid #aab795;padding:9px 13px;border-radius:4px;color:#f0f3e2; }.atelier.studio-generator #resultsSection>.glass-card { padding:32px 48px; }.atelier.studio-generator #sections { max-width:900px; }.atelier.studio-generator.is-focused #main-content { max-width:1050px; }.atelier.studio-generator.is-focused .studio-page-intro { max-width:1050px; }
@media(max-width:1000px){.atelier.studio-generator .studio-workspace{grid-template-columns:1fr;}.atelier.studio-generator .atelier-brief{display:none;}.atelier.studio-generator .studio-page-intro{padding:28px 26px 0;}.atelier.studio-generator .studio-page-intro h1{font-size:35px!important;}.atelier.studio-generator #resultsSection>.glass-card{padding:25px;}}
@media(max-width:768px){.atelier.studio-generator .studio-page-intro{padding:25px 18px 0;}.atelier.studio-generator .session-config>.glass-card{padding:22px;}.atelier.studio-generator .deskbar{top:70px;}.atelier.studio-generator .deskbar .focus-toggle{margin:0;}.atelier.studio-generator #resultsSection>.glass-card{padding:22px;}}
/* Contain decorative rotated artwork without creating horizontal page scroll. */
.atelier.meadow-landing main { overflow-x:clip; }
.atelier.studio-auth>header { backdrop-filter:none; }
.atelier.studio-auth .studio-auth-art { display:block; }
@media(max-width:768px){.atelier-app #mobileMenuBtn{display:inline-flex!important;}.atelier-app #mobileMenuPanel:not(.hidden){display:block!important;}.atelier.studio-auth .studio-auth-art{min-height:300px;}.atelier.studio-auth .studio-auth-art h2{font-size:48px;}.atelier.studio-auth .studio-auth-art .studio-eyebrow{font-size:8px;}.atelier.studio-auth main{padding-top:70px;}}
/* A readable scenic hero is available before JavaScript and video load. */
.atelier.meadow-landing .hero { background:linear-gradient(90deg,#142119bd,#1c271b40 60%,transparent),url('../../assets/studio/meadow-sunset.webp') center/cover; }
.atelier.meadow-landing.meadow-room .hero { background:transparent; }

/* Open landscape hero, with navigation laid directly over the film. */
.atelier.meadow-landing .site-header { position:absolute;inset:0 0 auto;z-index:10;background:transparent!important;backdrop-filter:none;color:#fffbed; }
.atelier.meadow-landing .site-header nav,.atelier.meadow-landing .site-header .login-link { color:#fffbed;text-shadow:0 1px 12px #142119; }
.atelier.meadow-landing .site-header nav a:hover { color:#e2edba; }
.atelier.meadow-landing .hero { margin:0;border:0;border-radius:0;min-height:760px;height:100svh;max-height:none;padding-top:130px;padding-bottom:80px; }
.atelier.meadow-landing .studio-atmosphere { inset:0; }
.atelier .footer-identity p { margin:2px 0 0 37px;font-size:7.5px;line-height:1.4;letter-spacing:-.02em; }
/* A quiet, tactile instrument on the sign-in side of the studio. */
.atelier.page-login>.studio-atmosphere { display:none; }
.atelier.page-login>header span { color:#294838!important; }
.atelier.page-login .login-guitar-art { align-self:stretch;background:#e1e5d6!important;backdrop-filter:none;border-radius:0;padding:32px 8% 35px;color:#294838;display:flex;flex-direction:column;align-items:center;text-align:center; }
.atelier.page-login .login-guitar-art .studio-eyebrow { color:#4e5e46;font-size:9px;margin:0 0 16px; }
.atelier.page-login .login-guitar-art h2 { color:#294838;font-size:clamp(42px,4.3vw,68px);line-height:1;margin:0; }
.auth-guitar-stage { position:relative;width:100%;height:clamp(330px,45vh,540px); }
.auth-guitar-poster { position:absolute;inset:0;width:100%;height:100%;object-fit:contain; }
#auth-guitar-canvas { position:absolute;inset:0; }
#auth-guitar-canvas canvas { display:block;width:100%;height:100%; }
.auth-guitar-stage.scene-ready .auth-guitar-poster { visibility:hidden; }
.atelier.page-login .guitar-invitation { margin:0 0 22px;font-size:10px!important;color:#56634e; }
.login-idea { border-top:1px solid #acb59f;padding-top:18px;max-width:350px;width:100%; }
.login-idea h3 { font:24px/1.1 var(--studio-display);margin:0 0 8px; }
.login-idea p { font-size:11px;line-height:1.6;margin:0; }
.atelier.page-login { background:linear-gradient(90deg,#e1e5d6 50%,#f2f0e8 50%)!important; }
@media(max-width:768px) {
 .atelier.meadow-landing .hero { margin:0;min-height:800px;height:auto;padding:125px 28px 190px; }
 .atelier.meadow-landing .studio-atmosphere { inset:0; }
 .atelier.page-login { background:#e1e5d6!important; }
 .atelier.page-login .login-guitar-art { padding:28px 24px;min-height:0; }
 .atelier.page-login .login-guitar-art h2 { font-size:40px; }
 .auth-guitar-stage { height:260px; }
 .atelier.page-login .guitar-invitation { display:none; }
 .login-idea { padding-top:12px; }
}
.atelier.page-login .login-guitar-art h2,.atelier.page-login .login-guitar-art h2 em { color:#294838!important; }
.atelier.page-login .login-guitar-art .guitar-invitation { color:#56634e!important; }
.atelier .footer-identity p { width:max-content;max-width:none;font-size:5.7px;white-space:nowrap;line-height:1.5; }
.atelier.meadow-landing .studio-atmosphere::after { background:linear-gradient(180deg,#10251c55,transparent 25%),linear-gradient(90deg,#142119bd,#1c271b40 60%,transparent); }
@media(max-width:768px) { .atelier.meadow-landing .hero { min-height:max(800px,100svh); } }

/* Pianist film is reserved for the public landing page. */
.atelier.meadow-landing .studio-atmosphere { background-image:url('../../assets/studio/pianist-meadow.webp'); }
.atelier.meadow-landing:not(.meadow-room) .hero { background-image:linear-gradient(90deg,#142119bd,#1c271b40 60%,transparent),url('../../assets/studio/pianist-meadow.webp'); }
@media(max-width:700px) {
 .atelier.meadow-landing .studio-atmosphere,.atelier.meadow-landing .meadow-film { background-position:88% center;object-position:88% center; }
 .atelier.meadow-landing .studio-atmosphere::after { background:linear-gradient(180deg,#11251fb0,#17271c80 45%,#122a1e70); }
}
/* Give the performance and the words their own space. */
.atelier.meadow-landing .hero-copy { margin-left:1vw;width:42%; }
.atelier.meadow-landing .hero h1 { font-size:clamp(60px,5.2vw,96px);line-height:.95; }
.atelier .hero-landscape-note { bottom:12px;gap:9px;padding:12px 0;width:240px; }
.atelier .hero-landscape-note strong { font-size:30px; }
.atelier .footer-identity .brand { font-size:28px; }
.atelier .footer-identity p { font-size:6.4px;margin-top:-2px; }
.atelier.meadow-landing .closing-section { position:relative;isolation:isolate;overflow:hidden;background:#20362a url('../../assets/studio/meadow-sunset.webp') center/cover; }
.closing-film { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2; }
.closing-section::after { content:'';position:absolute;inset:0;background:#10271c88;z-index:-1;pointer-events:none; }
/* Quiet photographic surroundings, opaque writing surfaces. */
.atelier.page-dashboard,.atelier.page-generator { background:linear-gradient(#f2f0e8d9,#f2f0e8e6),url('../../assets/studio/songwriting-room.webp') center/cover fixed!important; }
.atelier .studio-launchpad { background:linear-gradient(90deg,#142c20d9,#142c2040),url('../../assets/studio/songwriting-room.webp') center 65%/cover; }
.atelier-app .rail-bottom p { font:14px/1.5 var(--studio-display);color:#b5c2a8;max-width:160px; }
.atelier.studio-generator .atelier-brief:after { display:none; }
.atelier.studio-generator .atelier-brief { min-height:0; }
.atelier.studio-generator .atelier-brief .session-hint { padding-bottom:0; }
.atelier.studio-generator .studio-page-intro,.atelier.studio-generator .studio-page-intro>div { text-align:center;margin-inline:auto; }
.atelier.studio-generator .studio-page-intro h1,.atelier.studio-generator .studio-page-intro p { margin-inline:auto;max-width:none; }
.atelier-app>header .flex.justify-between { position:relative;justify-content:center; }
.atelier-app>header .flex.justify-between>div:last-child { position:absolute;right:0; }
.atelier.page-login,.atelier.page-signup { background:#f2f0e8!important; }
.atelier.page-signup>.studio-atmosphere { display:none; }
.atelier.page-login .login-guitar-art,.atelier.page-signup .login-guitar-art { background:linear-gradient(#14251e55,#14251e88),url('../../assets/studio/songwriting-room.webp') center/cover!important;color:#fff9e9; }
.atelier.page-login .login-guitar-art h2,.atelier.page-login .login-guitar-art h2 em,.atelier.page-signup .login-guitar-art h2,.atelier.page-signup .login-guitar-art h2 em,.atelier .login-guitar-art .studio-eyebrow,.atelier.page-login .login-guitar-art .guitar-invitation { color:#fff9e9!important; }
.atelier.page-login>header span,.atelier.page-signup>header span { color:#fff9e9!important; }
.atelier.page-signup .login-guitar-art { display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 8% 35px;align-self:stretch;border-radius:0; }
.atelier.page-signup .login-guitar-art h2 { font-size:clamp(42px,4.3vw,68px);line-height:1;margin:0; }
.atelier .login-guitar-art .login-idea h3,.atelier .login-guitar-art .login-idea p { color:#fff9e9!important; }
@media(max-width:768px) {
 .atelier.meadow-landing .hero-copy { width:100%;margin-left:0; }
 .atelier.meadow-landing .hero h1 { font-size:64px; }
 .atelier .hero-landscape-note { bottom:20px;width:auto; }
 .atelier-app>header .flex.justify-between { justify-content:flex-start; }
 .atelier.page-signup .login-guitar-art { padding:28px 24px; }
 .atelier.page-signup .login-guitar-art h2 { font-size:40px; }
}
.atelier.page-login>header span,.atelier.page-signup>header span { color:#294838!important; }

/* Songbook: browse covers, inspect an arrangement, then enter the writing room. */
.atelier.page-dashboard,.atelier.page-generator,.atelier.page-settings { background:linear-gradient(#f2f0e8ad,#f2f0e8bf),url('../../assets/studio/songwriting-room.webp') center/cover fixed!important; }
.workspace-intro { text-align:center;align-items:center!important;justify-content:center!important;max-width:850px;margin:0 auto 32px; }
.workspace-intro h1,.workspace-intro p { margin-inline:auto; }
.workspace-intro>button { margin:8px auto 0;width:auto; }
.page-settings .account-tabs { justify-content:center; }
.page-settings main>section { margin-inline:auto; }
.atelier.page-templates { background:linear-gradient(110deg,#192e26e0,#2b3927b3),url('../../assets/studio/songwriting-room.webp') right center/cover fixed!important; }
.page-templates>.studio-atmosphere { visibility:hidden; }
.page-templates>section.template-intro { display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:35px;padding:64px 40px 52px;color:#fff8e6; }
.page-templates .template-intro h1 { font:clamp(48px,5.4vw,82px)/.98 var(--studio-display)!important;color:#fff8e6!important;margin:22px 0; }
.page-templates .template-intro h1 em { color:#dce7b1; }
.page-templates .template-intro p { color:#e3e3cd;font-size:14px;max-width:390px;line-height:1.7; }
.page-templates .template-intro .atelier-kicker { font-size:10px;letter-spacing:.18em; }
.songbook-jump { display:inline-block;color:#fff8e6;text-decoration:none;border-bottom:1px solid #c2c8aa;margin-top:24px;padding-bottom:10px;font-size:13px; }
.songbook-art { display:grid;place-items:center;gap:20px; }
.songbook-record { width:clamp(180px,22vw,300px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#151d18 0 3px,#374033 4px,#151d18 5px 7px);display:grid;place-items:center;box-shadow:18px 25px 50px #0006;transform:rotate(-12deg);transition:transform .7s; }
.songbook-art:hover .songbook-record { transform:rotate(12deg); }
.songbook-record span { display:grid;place-content:center;text-align:center;width:38%;aspect-ratio:1;background:#d8c599;border-radius:50%;color:#263b2d;font-size:10px;line-height:1.9;letter-spacing:.08em; }
.songbook-caption { font:italic 22px var(--studio-display);color:#e5e7ce; }
.page-templates>section.songbook-collection { max-width:1360px;width:calc(100% - 64px);padding:32px;background:#f2f0e8f2;border-radius:12px 12px 0 0;margin-bottom:50px; }
.songbook-collection>div:first-child { margin-bottom:18px; }
.songbook-count { font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:20px 0 32px;color:#52614a; }
.songbook-collection h2 { font:32px var(--studio-display);margin-bottom:22px; }
.songbook-collection h2>span { font:11px var(--studio-sans);color:#65705d;margin-left:10px; }
.atelier #popularTemplates,.atelier #allTemplates { grid-template-columns:repeat(3,minmax(0,1fr));gap:24px; }
.atelier .studio-template-card.songbook-card { padding:0;border:0;border-radius:0;background:transparent;overflow:visible;min-width:0; }
.songbook-cover { position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.8;background:#b6bf86;color:#243627;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s; }
.songbook-card:hover .songbook-cover { transform:translateY(-4px); }
.songbook-cover>span { font-size:10px;letter-spacing:.1em; }
.songbook-cover strong { font:italic 36px var(--studio-display);text-transform:capitalize;z-index:1; }
.songbook-cover small { font-size:9px;letter-spacing:.13em;text-transform:uppercase;z-index:1; }
.cover-lines { position:absolute;width:190px;height:190px;right:-65px;top:-35px;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 0 12px #ffffff18,0 0 0 13px currentColor,0 0 0 26px #ffffff18,0 0 0 27px currentColor,0 0 0 40px #ffffff18,0 0 0 41px currentColor;opacity:.3; }
[data-genre="hip-hop"] .songbook-cover,[data-genre="french-rap"] .songbook-cover { background:#bdadbe;color:#453347; }
[data-genre="pop"] .songbook-cover { background:#d9b08d;color:#583b2d; }
[data-genre="r&b"] .songbook-cover { background:#9db5b0;color:#263f44; }
[data-genre="gospel"] .songbook-cover { background:#d5cd9c;color:#554a26; }
[data-genre="rock"] .songbook-cover { background:#ab8877;color:#362820; }
[data-genre="country"] .songbook-cover { background:#c1b39a;color:#484032; }
.songbook-card-body { padding:20px 0 12px; }
.songbook-meta,.songbook-languages { font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#55604e; }
.atelier .songbook-card h3 { font:29px/1.1 var(--studio-display);margin:12px 0; }
.songbook-description { font-size:12px;line-height:1.7;min-height:42px;color:#52614a; }
.songbook-languages { margin:15px 0; }
.songbook-arrangement { border-top:1px solid #bcc4af;border-bottom:1px solid #bcc4af;margin:18px 0 0; }
.songbook-arrangement summary { padding:14px 0;cursor:pointer;font-size:12px;display:flex;justify-content:space-between;list-style:none; }
.songbook-arrangement summary::-webkit-details-marker { display:none; }
.songbook-arrangement[open] summary span { transform:rotate(45deg); }
.songbook-arrangement ol { display:grid;gap:8px;margin:0;padding:0 0 16px;list-style:none; }
.songbook-arrangement li { font-size:12px;display:flex;gap:14px; }
.songbook-arrangement li span { color:#6f7c62;font-size:10px; }
.songbook-use { display:flex;justify-content:space-between;width:100%;padding:16px 0;font-size:12px;color:#294838;font-weight:600; }
.songbook-use:hover { text-decoration:underline; }
@media(max-width:1100px) { .atelier #popularTemplates,.atelier #allTemplates { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:768px) {
 .page-templates>section.template-intro { padding:35px 24px;grid-template-columns:1fr; }
 .songbook-art { display:none; }
 .page-templates>section.songbook-collection { width:calc(100% - 24px);padding:22px 16px; }
 .atelier #popularTemplates,.atelier #allTemplates { grid-template-columns:1fr; }
 .songbook-collection h2>span { display:block;margin:8px 0; }
 .workspace-intro { width:100%; }
 .workspace-intro h1 { font-size:44px!important; }
 .page-settings .account-tabs { gap:0; }
}
@media(prefers-reduced-motion:reduce) { .songbook-record,.songbook-cover { transition:none;transform:none!important; } }

/* Account pages: a quiet record-sleeve palette, distinct from the writing room. */
.atelier.page-settings,.atelier.page-profile { background:radial-gradient(ellipse at 92% 8%,#c5ae8155,transparent 48%),repeating-linear-gradient(100deg,#ffffff06 0 1px,transparent 1px 5px),#dcd7c8!important; }
.page-settings>.studio-atmosphere,.page-profile>.studio-atmosphere { display:none; }
.account-heading { grid-column:1/-1!important;text-align:center;position:relative;padding:26px 15px 44px;margin-bottom:25px;border-bottom:1px solid #9b9c834d; }
.account-heading h1 { font:clamp(48px,5.5vw,78px)/.98 var(--studio-display)!important;margin:22px 0;color:#263b2e!important; }
.account-heading h1 em { color:#617351; }
.account-heading>p:last-child { margin:22px auto 0;max-width:390px;font-size:13px;line-height:1.7;color:#53614c; }
.account-heading:before,.account-heading:after { content:'';position:absolute;width:100px;height:100px;top:60px;border:1px solid #79856740;border-radius:50%;box-shadow:0 0 0 12px #79856712,0 0 0 24px #7985670a; }
.account-heading:before { left:4%; }.account-heading:after { right:4%; }
.atelier.page-profile main { grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:26px; }
.atelier.page-profile main>section:first-of-type { grid-column:1; }
.atelier.page-profile main>section:nth-of-type(2) { grid-column:2;padding:0; }
.atelier.page-profile main>section:last-of-type { grid-column:1/-1; }
.atelier.page-profile main>.account-heading { margin-bottom:0; }
.account-section-heading { display:flex;align-items:center;gap:14px;margin:0 0 22px; }
.account-section-heading span { font-size:10px;border:1px solid #889679;padding:9px;border-radius:50%; }
.account-section-heading h2 { font:30px var(--studio-display); }
.atelier.page-profile main .glass-card { border:0;border-radius:2px;box-shadow:0 10px 25px #29322408;background:#fcf9ef;padding:28px; }
.page-profile #avatarPreview { border:5px solid #e4e7d7;border-radius:50%; }
.atelier.page-profile #dropZone { border:1px dashed #9fa78c;padding:20px;background:#eeeddf; }
.atelier.page-profile main>section:nth-of-type(2) .glass-card { background:#c6cfaf; }
.page-profile main>div:has(#saveProfileBtn) { margin-bottom:20px; }
.page-settings main { display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-content:start; }
.page-settings .account-tabs { display:flex;flex-direction:column;border:0;margin:0;gap:8px;align-self:start; }
.page-settings .account-tabs button { text-align:left;padding:20px;border:0;border-radius:3px;background:#ffffff30; }
.page-settings .account-tabs [aria-selected="true"] { background:#294838;color:#f7f2df; }
.page-settings .account-tabs button:before { content:'↗';float:right; }
.page-settings main>section { width:100%;margin:0!important;background:#fcf9ef;padding:32px;border-radius:3px;min-height:310px; }
.page-settings main>section[hidden] { display:none; }
.page-settings main>section h2 { font:36px var(--studio-display);border-bottom:1px solid #d2d5c5;padding-bottom:20px; }
.page-settings main>section .glass-card { border:0;background:transparent;padding:0; }
.page-settings main>section .glass-card>.p-6 { padding:16px 0; }
.mobile-studio-dock { display:none; }
@media(max-width:768px) {
 .atelier-app { padding-bottom:calc(82px + env(safe-area-inset-bottom)); }
 .mobile-studio-dock { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:45;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:#f7f4e9f5;backdrop-filter:blur(18px);border-top:1px solid #bcc5ae;box-shadow:0 -5px 25px #1e302114; }
 .mobile-studio-dock a { display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:9px 2px;min-height:54px;font-size:10px;text-decoration:none;color:#53634b;border-radius:9px; }
 .mobile-studio-dock svg { width:21px;height:21px; }
 .mobile-studio-dock a[aria-current="page"] { background:#dfe7c8;color:#294838;font-weight:700; }
 .account-heading { padding:15px 0 30px; }
 .account-heading:before,.account-heading:after { display:none; }
 .atelier.page-profile main,.page-settings main { display:block;padding:26px 18px; }
 .atelier.page-profile main>section { margin:0 0 24px; }
 .atelier.page-profile main>section:nth-of-type(2) { padding:0; }
 .atelier.page-profile main .glass-card { padding:22px; }
 .page-settings .account-tabs { flex-direction:row;gap:4px;margin-bottom:22px; }
 .page-settings .account-tabs button { text-align:center;padding:13px 8px;flex:1;font-size:12px; }
 .page-settings .account-tabs button:before { display:none; }
 .page-settings main>section { padding:22px; }
 .page-profile main>section:last-of-type .flex.items-center.justify-between { gap:18px;flex-wrap:wrap; }
 .studio-launchpad { padding:26px!important;min-height:260px; }
 .prompt-tray { gap:8px; }
 .atelier #projectsGrid.library-list .group { gap:12px; }
 .atelier-app input,.atelier-app textarea,.atelier-app select { font-size:16px!important; }
 html { scroll-padding-bottom:100px; }
}
.atelier.page-profile main>section:first-of-type { padding-top:0; }
.page-settings .account-tabs button:before { content:none; }
/* Auth artwork runs behind the wordmark, all the way to the top edge. */
.atelier.page-login main,.atelier.page-signup main { padding-top:0!important; }
.atelier.page-login>header,.atelier.page-signup>header { position:absolute;inset:0 0 auto;background:transparent!important;backdrop-filter:none!important;border:0;z-index:40;pointer-events:none; }
.atelier.page-login>header>div,.atelier.page-signup>header>div { max-width:none;padding:0 4.5%;margin:0; }
.atelier.page-login>header>div>div,.atelier.page-signup>header>div>div { height:88px; }
.atelier.page-login>header a,.atelier.page-signup>header a { pointer-events:auto; }
.atelier.page-login>header span,.atelier.page-signup>header span { color:#fff9e9!important; }
.atelier.page-login .login-guitar-art,.atelier.page-signup .login-guitar-art { padding-top:120px;min-height:100svh; }
.studio-select-wrap { display:inline-block;position:relative;min-width:0;vertical-align:middle; }
.studio-select-wrap[hidden] { display:none!important; }
.studio-select-native { position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;padding:0!important;pointer-events:none!important;overflow:hidden; }
.studio-select-trigger { display:flex!important;align-items:center;justify-content:space-between;gap:22px;min-height:44px;width:100%;text-align:left;background:#fffcf5!important;color:#294838!important;border:1px solid #c8cebd!important;border-radius:6px;font:inherit;cursor:pointer; }
.studio-select-trigger>span:first-child { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.studio-select-trigger>span:last-child { flex-shrink:0;font-size:20px;line-height:1; }
.studio-select-trigger[aria-expanded="true"] { border-color:#315d46!important;box-shadow:0 0 0 3px #315d4618; }
.studio-select-trigger:disabled { opacity:.5;cursor:not-allowed; }
.studio-select-options { z-index:2000;overflow:auto;overscroll-behavior:contain;padding:6px;background:#fffcf5;color:#294838;border:1px solid #b9c3aa;border-radius:9px;box-shadow:0 12px 35px #14281e30;font:14px/1.5 var(--studio-sans); }
.studio-select-options[hidden] { display:none; }
.studio-select-options [role="option"] { padding:11px 30px 11px 12px;border-radius:5px;cursor:pointer;position:relative; }
.studio-select-options [aria-selected="true"] { background:#e3e9d4;font-weight:600; }
.studio-select-options [aria-selected="true"]:after { content:'✓';position:absolute;right:11px; }
.studio-select-options .is-active { background:#294838!important;color:#fff9e9; }
.studio-select-options [aria-disabled="true"] { opacity:.45;cursor:not-allowed; }
@media(max-width:768px) { .atelier.page-login>header>div,.atelier.page-signup>header>div { padding:0 24px; }.atelier.page-login .login-guitar-art,.atelier.page-signup .login-guitar-art { padding-top:105px;min-height:0; }.studio-select-options { font-size:16px; } }

.session-settings .studio-select-wrap { display:block;margin-top:10px; }
.session-settings .studio-select-trigger { padding:10px;font:12px var(--studio-sans);letter-spacing:normal; }
/* The loading poster is the instrument alone, with the same transparent stage. */
.atelier .studio-auth-art .auth-guitar-poster { max-height:none;object-fit:contain;border-radius:0;background:transparent; }
.atelier.page-login .login-guitar-art,.atelier.page-signup .login-guitar-art { background-color:#293126!important; }
/* Policy pages use a quiet reading layout and a persistent contents column. */
.atelier.legal-page { background:#f2f0e8!important;color:#26372d!important; }
.atelier.legal-page .legal-header { display:flex;justify-content:space-between;align-items:center;padding:0 4.5%;height:88px;background:#f2f0e8!important;border-bottom:1px solid #cbd0bf; }
.legal-brand { display:flex;align-items:center;gap:9px;font:700 22px var(--studio-sans); }
.legal-header nav { display:flex;gap:28px;font-size:13px; }
.legal-header nav [aria-current] { text-decoration:underline;text-underline-offset:6px; }
.atelier.legal-page main { width:100%;max-width:1280px;margin:0 auto;padding:65px 5% 100px; }
.legal-intro { padding-bottom:48px;border-bottom:1px solid #bfc8b6; }
.legal-intro .eyebrow { font-size:10px;letter-spacing:.18em; }
.atelier.legal-page h1 { font:400 clamp(52px,6vw,88px)/1.1 var(--studio-display);margin:20px 0;color:#294838; }
.legal-intro>p:not(.eyebrow) { font-size:17px;color:#596452; }
.legal-intro small { display:block;margin-top:28px;color:#65705e;font-size:12px; }
.legal-layout { display:grid;grid-template-columns:225px minmax(0,1fr);gap:65px;padding-top:44px;align-items:start; }
.legal-layout>aside { position:sticky;top:24px; }
.legal-layout>aside>p { font-size:10px;letter-spacing:.15em;margin:0 0 20px; }
.legal-layout>aside nav { display:grid;gap:15px; }
.legal-layout>aside a { display:flex;gap:12px;font-size:12px;line-height:1.5;color:#58664f; }
.legal-layout>aside a span { color:#819072;font-size:10px;padding-top:2px; }
.legal-layout>aside a:hover { color:#193d2b;text-decoration:underline; }
.legal-layout article section { display:grid;grid-template-columns:28px minmax(0,1fr);gap:18px;padding:0 0 32px;margin:0 0 32px;border-bottom:1px solid #d1d6c5;scroll-margin-top:24px; }
.legal-number { font-size:11px;color:#7c8b6d;padding-top:9px; }
.atelier.legal-page h2 { font:400 32px/1.15 var(--studio-display);color:#294838;margin:0 0 20px; }
.legal-layout article p,.legal-layout article li { font:14px/1.85 var(--studio-sans);color:#4c5748;margin:0 0 14px; }
.legal-layout article ul { padding-left:20px;list-style:disc; }
.legal-layout article a { text-decoration:underline;text-underline-offset:3px;color:#294838;overflow-wrap:anywhere; }
.atelier.page-forgot-password>header>div,.atelier.page-reset-password>header>div { max-width:none;padding:0 4.5%; }
.atelier.page-forgot-password>header>div>div,.atelier.page-reset-password>header>div>div { height:88px; }
@media(max-width:768px) {
 .atelier.legal-page .legal-header { height:80px;padding:0 24px; }.legal-brand { font-size:19px; }.legal-header nav { gap:14px;font-size:11px; }.legal-header nav a:last-child { display:none; }
 .atelier.legal-page main { padding:40px 24px 60px; }.legal-layout { grid-template-columns:1fr;gap:32px;padding-top:28px; }.legal-layout>aside { position:static;border-bottom:1px solid #cbd0bf;padding-bottom:24px; }.legal-layout>aside nav { grid-template-columns:1fr 1fr;gap:12px; }.legal-layout article section { gap:8px; }.atelier.legal-page h2 { font-size:29px; }
 .atelier.page-forgot-password>header>div,.atelier.page-reset-password>header>div { padding:0 24px; }
}
.mobile-studio-settings { display:none; }
@media(max-width:768px) {
 .atelier-app>header .flex.justify-between>div:first-child { width:100%;justify-content:center;padding:0 42px; }
 .atelier-app>header .flex.justify-between>div:first-child img { display:none!important; }
 .atelier-app>header .flex.justify-between>div:first-child span { margin:0!important;text-align:center;font-size:12px;line-height:1.4; }
 .mobile-studio-settings { display:flex;position:absolute;right:0;align-items:center;justify-content:center;width:44px;height:44px;color:#53634b;border-radius:9px; }
 .mobile-studio-settings svg { width:22px;height:22px; }
 .mobile-studio-settings[aria-current] { background:#dfe7c8; }
 .mobile-studio-dock { grid-template-columns:repeat(4,minmax(0,1fr));gap:6px; }
 .mobile-studio-dock a[aria-current="page"] { background:#294838;color:#fff9e9; }
 .atelier.page-signup .guitar-invitation,.atelier.page-login .guitar-invitation { display:none; }
}
@media(max-width:768px) {
 .atelier-app .account-heading,.atelier-app .template-intro>div:first-child { text-align:center; }
 .atelier-app .account-heading>p,.atelier-app .template-intro>div:first-child>p { margin-left:auto;margin-right:auto; }
}

@media(max-width:768px) {
 .atelier.meadow-landing .studio-atmosphere { background-image:url('../../assets/studio/meadow-sunset.webp'); }
 .atelier.meadow-landing:not(.meadow-room) .hero { background-image:linear-gradient(90deg,#142119bd,#1c271b40 60%,transparent),url('../../assets/studio/meadow-sunset.webp'); }
}

/* Song sections wrap symmetrically; touch drags turn the instrument without blocking page scroll. */
.atelier.studio-generator .deskbar nav { justify-content:center;flex-wrap:wrap;overflow:visible;flex:1;min-width:0; }
#auth-guitar-canvas { touch-action:pan-y;cursor:grab; }
#auth-guitar-canvas:active { cursor:grabbing; }
@media(max-width:800px){
 .atelier.studio-generator .deskbar nav { width:100%;justify-content:center;flex-wrap:wrap;overflow:visible; }
 .atelier .editor-outline nav { justify-content:center;flex-wrap:wrap;overflow:visible; }
 .atelier .editor-outline>.atelier-kicker { text-align:center; }
}

.atelier #usageCounter { flex-wrap:wrap;justify-content:center;text-align:center;max-width:240px; }
.atelier #usageCounter button { text-decoration:underline;min-height:28px; }
@media(max-width:480px){.atelier #usageCounter{max-width:150px;font-size:10px;}}