/* Approved visual direction 3: warm collectible gallery. */
:root{--bg:#f5ecdf;--paper:#fcf6ec;--ink:#432e25;--muted:#776456;--line:#e3d4c0;--accent:#aa5345;--accent-soft:#f4dfd4;--sage:#716f4f}
body{background:var(--bg)}
.sr-only{top:0;left:0;margin:0!important}
@media(min-width:701px){html,body{height:100%;overflow:hidden}}
.studio-header{height:76px;padding:0 26px;background:#fbf5eb;border-color:#e8dcca}
.brand-mark{background:#775741;border-radius:13px;width:43px;height:45px;font-size:33px}
.brand-sub{font-size:9px;letter-spacing:2px}.brand b{font-family:'Songti SC',serif;font-size:21px}
.role-switcher{background:#ebdbcc;box-shadow:none}.role-btn{height:37px;font-size:14px}.role-btn.active{background:#fff7ed;color:#6d3d30}
.quiet-button{min-height:44px;background:#fff9ef;border:1px solid #e3d3bd;border-radius:14px}
.studio-layout,body[data-chat=closed] .studio-layout{height:calc(100dvh - 76px);min-height:580px;grid-template-columns:300px minmax(0,1fr)}
.atelier{background:#f8f0e3;padding:22px 18px;gap:24px;border-color:#e2d1bb}
.atelier-tabs{padding:0 0 12px;gap:2px;border-radius:0;background:#f8f0e3;box-shadow:none;border-bottom:1px solid var(--line)}
.atelier-tab-btn{font-size:12px;padding:10px 5px}.atelier-tab-btn[aria-selected=true]{background:#fffbf4;color:#583d2e;box-shadow:0 2px 5px #5d3a2010;border-radius:20px}
.atelier-section h2{font-size:14px}.atelier-section h2>span{display:none}.atelier-section h2 small{font-size:10px}
.morphology-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.morphology-card{flex-direction:column;padding:12px 5px 10px;gap:9px;border-radius:13px;background:transparent;text-align:center}
.morphology-card.active{box-shadow:none;background:#fff7ea;border:1px solid #b5775e}
.morphology-card.active::after{display:none}.badge-frame{width:84px;height:84px;border:0;box-shadow:none;background:#fffaf2;border-radius:12px}
.morphology-meta{width:100%}.card-title-row{padding:0;justify-content:center}.morphology-name{font-size:13px}.morph-tag{display:none}.morphology-sub{font-size:10px}.section-note{font-size:11px;line-height:1.7;color:#786454}
.material-grid{gap:8px}.cmf-card{background:#f2e7d7;padding:10px 6px;border-radius:11px;border-width:1px}.cmf-card.active{background:#fff7e9;box-shadow:none;border-color:#b5775e}
.cmf-swatch-box,.cmf-card.active .cmf-swatch-box{width:80px;height:80px;border:0;box-shadow:none;border-radius:9px;background:#fffaf4;padding:4px}
.cmf-title{font-size:13px}.cmf-sub{font-size:9px;color:#806f60}.colorway-bar{background:transparent;padding:12px 0 0;border:0;border-radius:0}.colorway-name{font-size:11px}
.atelier-foot{font-family:'Songti SC',serif;font-size:13px;color:#887360;padding:10px 0 20px}
.stage{display:block;min-width:0;isolation:isolate;background:#bc8562 url('../assets/backgrounds/li-warm-gallery.png') center/cover no-repeat}
.stage::before,.stage-pedestal,.stage-watermark,.stage-crosshairs,.stage-decor,.theme-glow{display:none}
#canvas-container{position:absolute;inset:0;width:100%;height:100%;min-width:0;z-index:0}
#canvas-container canvas{width:100%!important;height:100%!important;max-width:100%}
.stage-heading{position:absolute;inset:38px 40px auto;padding:0;z-index:2;color:#fff4de;gap:20px}
.gallery-title{font-family:'Songti SC','STSong',serif;font-size:52px;font-weight:400;letter-spacing:3px;line-height:1.3;margin:0;text-shadow:0 1px 10px #68402624}
.gallery-subtitle{font-family:'Songti SC','STSong',serif;font-size:22px;letter-spacing:3px;margin:14px 0 24px;color:#fff0d8}
.gallery-companion{display:inline-flex;padding-top:14px;border-top:1px solid #fae6ce88;color:#fff0dc;font-size:13px;letter-spacing:2px}
.mood{color:#fff2df;font-size:12px}.mood i{background:#dfd8af}
.stage-bottom{position:absolute;left:26px;right:26px;bottom:24px;max-width:1100px;margin:auto;padding:0;min-width:0;gap:10px}
.stage-action-dock{width:100%;max-width:100%;min-width:0;justify-content:safe center;padding:10px 14px;gap:10px;border:1px solid #fff5eab0;border-radius:18px;background:#fff6e9ed;box-shadow:0 8px 24px #62402116;backdrop-filter:blur(10px)}
.dock-action-btn{flex:1;min-width:74px;max-width:110px;padding:4px 6px 7px;background:transparent;border-color:transparent;border-radius:10px}
.dock-glyph{width:55px;height:55px;object-fit:contain}.dock-label{font-size:12px;color:#503729;white-space:nowrap}
.dock-action-btn:hover{background:#fffaf1;border-color:#d6b392;box-shadow:none}
.stage-bottom-controls{padding:4px 8px;background:#fff6e9eb;border:1px solid #fff1df9c;border-radius:14px;gap:8px;max-width:100%}
.view-presets,.camera-toolbar{background:transparent;border:0;box-shadow:none}.view-presets button{font-size:12px;min-height:36px}.view-presets button[aria-pressed=true]{color:#8a4b37;background:#fffaf2;box-shadow:none;border:1px solid #c5a282}
.camera-toolbar select{font-size:12px}.camera-toolbar .icon-button{min-width:36px;min-height:36px}
.conversation{position:absolute;z-index:10;right:24px;top:94px;bottom:24px;width:320px;border:1px solid #e4cdb1;border-radius:20px;background:#fff8eef5;box-shadow:0 16px 45px #59391d20;padding:24px 20px 16px;backdrop-filter:blur(16px)}
.conversation-head h2{font-family:'Songti SC',serif;font-size:22px}.message{font-size:14px}.composer textarea{font-size:14px}.message-mascot p{background:#f0e2cd}.composer{background:#fffbf4;border-color:#d7bea0}.send-button{background:#9b5140}
.action-button:first-child{background:#fff3e5}.action-button,.emotion-row button{border-color:#dcc5a9;background:#fff8eb}
body[data-chat=open] .stage{margin-right:0}
@media(min-width:1600px){.studio-layout,body[data-chat=closed] .studio-layout{grid-template-columns:320px minmax(0,1fr)}.atelier{padding:24px}.stage-heading{inset:46px 56px auto}.gallery-title{font-size:60px}.dock-glyph{width:60px;height:60px}}
@media(max-width:1100px){.studio-layout,body[data-chat=closed] .studio-layout{grid-template-columns:270px minmax(0,1fr)}.atelier{padding:18px 14px}.stage-heading{inset:28px 28px auto}.gallery-title{font-size:42px}.gallery-subtitle{font-size:18px}.stage-bottom{left:16px;right:16px;bottom:18px}.dock-glyph{width:48px;height:48px}.dock-action-btn{min-width:72px}.stage-action-dock{justify-content:flex-start}.brand-sub{display:none}}
@media(max-width:700px){
 .studio-header{height:64px;padding:0 14px;gap:10px}.brand-mark{width:32px;height:36px;font-size:27px}.brand>div{display:none}.role-btn{height:36px;padding:0 12px;font-size:12px}.quiet-button{padding:7px!important;min-width:40px}.header-tools .quiet-button span{display:none}.connection{display:none}
 .studio-layout,body[data-chat=closed] .studio-layout{display:flex;flex-direction:column;height:auto;min-height:calc(100dvh - 64px);overflow:visible}
 .stage{order:0;width:100%;height:calc(100svh - 114px);min-height:570px;max-height:850px;flex:none}
 .stage-heading{inset:22px 22px auto}.gallery-title{font-size:34px;letter-spacing:2px}.gallery-subtitle{font-size:16px;margin:8px 0 15px;letter-spacing:2px}.gallery-companion{font-size:11px;padding-top:8px}.mood{display:none}
 .stage-bottom{left:12px;right:12px;bottom:14px;gap:8px}.stage-action-dock{padding:7px 8px;gap:4px;border-radius:14px;scroll-snap-type:x proximity}.dock-action-btn{min-width:74px;flex:0 0 74px;scroll-snap-align:start}.dock-glyph{width:48px;height:48px}.dock-label{font-size:11px}
 .stage-bottom-controls{gap:0;justify-content:center;padding:3px 4px;width:100%;border-radius:12px}.view-presets{padding:0;gap:1px}.view-presets button{min-height:32px;padding:4px 8px;font-size:11px}.view-presets #stage-hint{display:none}.camera-toolbar{height:36px;padding:0;gap:0;max-width:100%}.camera-toolbar .icon-button{min-width:32px;min-height:32px}.camera-toolbar select{font-size:11px;max-width:86px}.toolbar-divider{margin:0 3px}.motion-button{font-size:10px;padding:4px}.light-icon{display:none}
 .atelier{order:1;width:100%;min-width:0;padding:14px 18px 24px;overflow:visible;border:0;gap:20px;background:#f8f0e3}.atelier-tabs{position:sticky;top:0;height:auto;padding:0 0 10px;min-height:48px;z-index:10;gap:3px}.atelier-tab-btn{font-size:12px;padding:10px 8px}.atelier-section h2{display:flex}.atelier-section{padding-top:6px}.morphology-list{gap:12px}.morphology-card{padding:12px}.badge-frame{width:82px;height:82px}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cmf-swatch-box,.cmf-card.active .cmf-swatch-box{width:74px;height:74px}.cmf-title{font-size:12px}.cmf-sub{font-size:8px}.colorway-list{grid-template-columns:repeat(2,minmax(0,1fr))}.section-note{font-size:11px;text-align:left}.action-list{grid-template-columns:repeat(2,minmax(0,1fr))}.action-button{min-height:60px;padding:8px}.action-text{font-size:12px}.action-glyph{width:38px;height:38px}.action-button:first-child{grid-column:1/-1}
 .conversation{position:fixed;left:10px;right:10px;top:auto;bottom:10px;width:auto;height:72dvh;max-height:calc(100dvh - 85px);padding:20px}.composer textarea{font-size:16px}.conversation-head h2{font-size:21px}.atelier-foot{display:block}
}