/* One quiet workbench: choose a stem, shape it, then keep the moment. */
:root{--atelier-ink:#34453a;--atelier-line:#d6dbd0;--atelier-paper:#f8f8f2;--atelier-size:min(900px,max(340px,calc(100dvh - 258px)))}
body.atelier-simple{background:#f0f1ea;color:var(--atelier-ink)}
.atelier-simple .masthead{height:72px;min-height:0;padding:0 30px;background:#fafaf6d9;border-color:#dee2d8;gap:24px;backdrop-filter:blur(16px)}
.atelier-simple .seal{background:#99765a;width:30px;height:34px;font-size:23px}
.atelier-simple .brand-name{font-size:24px;letter-spacing:3px;gap:11px}.atelier-simple .brand-name small{font-size:9px;letter-spacing:2px}
.atelier-simple .main-nav{gap:32px}.atelier-simple .nav-button{font-size:13px}.atelier-simple .nav-button.active:after{height:1px;background:#7b8b70}
.atelier-simple .header-actions{gap:0}.atelier-simple #language-select{height:32px;border-color:#d4dacd;background:transparent;font-size:11px}
.atelier-simple #studio-view.studio-layout{display:block!important;width:100%;max-width:none;height:auto!important;min-height:calc(100dvh - 72px)}
.atelier-simple .material-panel{display:none!important}
/* The picker overlays the workbench; opening it must not override the desktop grid. */
.atelier-simple #studio-view>.workspace{display:flex!important;flex-direction:column;align-items:center;gap:0;width:100%;min-height:calc(100dvh - 72px);padding:17px 28px 20px;background:radial-gradient(ellipse at 50% 12%,#f7f8f0,#edf0e7 80%)}
.atelier-simple .workspace-heading{position:static;width:min(100%,900px);max-width:none;min-height:38px;margin:0 auto 11px;gap:15px;align-items:center}
.atelier-simple .work-naming-label,.atelier-simple .work-title-edit{display:none}.atelier-simple .work-title{margin:0}.atelier-simple .work-title input{border:0;font-size:20px;letter-spacing:.04em;line-height:1.45;padding:0;max-width:100%;width:100%}.atelier-simple .work-title input:focus{outline:none;box-shadow:0 1px #9cab90}
.atelier-simple #save-state{display:block;font-size:10px;color:#84907b;font-weight:400}
.atelier-simple:has(#studio-view:not([hidden]))>.footer{display:none}
.game-session{position:relative;z-index:810;flex:none;width:min(100%,900px);min-width:0;margin:0 auto 13px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.atelier-bench{display:flex;align-items:center;gap:7px;position:relative}.atelier-bench-space{flex:1}
.atelier-disclosure{position:static}.atelier-disclosure:not([open])>.atelier-popover{display:none}
.atelier-add-slot>button{min-height:39px;padding:9px 17px;border-radius:999px;background:#3f5443;color:#fff;font-size:12px;font-weight:400;box-shadow:none}
.atelier-add-slot>button>span:first-child{font-size:18px}.atelier-add-slot>button:hover{background:#4b6150;transform:none}
.atelier-disclosure>summary{display:flex;align-items:center;justify-content:center;gap:16px;min-height:39px;padding:8px 15px;border:1px solid var(--atelier-line);border-radius:999px;background:#f9faf5a6;color:#52614b;font-size:12px;cursor:pointer;list-style:none;user-select:none}
.atelier-disclosure>summary::-webkit-details-marker,details>summary::-webkit-details-marker{display:none}.atelier-disclosure>summary>span:last-child{font-size:12px;color:#94a08b;line-height:1}.atelier-disclosure[open]>summary{background:#e5ebdf;border-color:#b8c5af;color:#344c33}
.atelier-disclosure summary:focus-visible,.atelier-simple button:focus-visible{outline:2px solid #879978;outline-offset:3px}
.atelier-popover{position:absolute;z-index:820;top:calc(100% + 10px);width:350px;max-width:calc(100vw - 40px);max-height:min(70dvh,620px);overflow-y:auto;overscroll-behavior:contain;padding:19px;border:1px solid #d7dfce;border-radius:16px;background:#fafbf6f5;box-shadow:0 18px 50px #34452f20;backdrop-filter:blur(18px);scrollbar-width:thin;scrollbar-color:#bdcbb2 transparent}
.atelier-atmosphere-panel{left:0}.atelier-work-panel{right:0;width:290px}
.atelier-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.atelier-presets button{min-width:0;padding:0 0 8px;border:1px solid transparent;border-radius:11px;font-size:11px;color:#6c7963;background:#f1f4eb;overflow:hidden}
.atelier-presets button i{display:block;width:100%;aspect-ratio:1.2;margin-bottom:7px;background:radial-gradient(ellipse at 20% 10%,#fffef7,#ece5d0 75%);border-bottom:1px solid #d9dfd1}
.atelier-presets [data-atmosphere=morning] i{background:radial-gradient(ellipse at 12% 12%,#fffcf1 5%,#ece9d7 70%)}
.atelier-presets [data-atmosphere=shade] i{background:radial-gradient(ellipse at 38% 10%,#f2f6ef,#bfccc1 90%)}
.atelier-presets [data-atmosphere=dusk] i{background:radial-gradient(ellipse at 2% 8%,#fff4d4,#cfaa85 96%)}
.atelier-presets [data-atmosphere=moon] i{background:radial-gradient(ellipse at 15% 6%,#9baea5,#344d47 100%)}
.atelier-presets button[aria-pressed=true]{border-color:#829475;background:#e7eedf;color:#3b5337}.atelier-presets button:hover{border-color:#acba9f}
.atelier-fine,.atelier-studies,.atelier-work-more{margin-top:17px;border-top:1px solid #e0e6d8;padding-top:12px}
.atelier-fine>summary,.atelier-studies>summary,.atelier-work-more>summary{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7e8c73;cursor:pointer;list-style:none;min-height:28px}
.atelier-fine>summary:after,.atelier-studies>summary:after,.atelier-work-more>summary:after{content:'+';font-size:15px;color:#97a48c}.atelier-fine[open]>summary:after,.atelier-studies[open]>summary:after,.atelier-work-more[open]>summary:after{content:'−'}
.atelier-light{display:grid;gap:16px;margin:15px 0 18px}.atelier-light label{display:grid;grid-template-columns:82px minmax(0,1fr) 28px;gap:9px;align-items:center;font-size:11px;color:#687b5d}.atelier-light input{width:100%;min-width:0;height:19px;accent-color:#8b9e7b}.atelier-light output{font-size:10px;text-align:right;color:#91a085}
.atelier-simple .atelier-scene-slot .scene-picker{justify-content:flex-start;gap:12px;min-height:30px;font-size:10px;color:#78886d}.atelier-simple .atelier-scene-slot .scene-picker>span{margin:0 7px 0 0}.atelier-simple .scene-picker .light-picker{display:none!important}.atelier-simple .atelier-scene-slot .scene-dot{width:17px;height:17px;min-height:0}
.atelier-toggles{display:flex;align-items:center;gap:8px;margin-top:16px}.atelier-toggles button{min-height:35px;padding:7px 11px;border:1px solid #d7dfce;border-radius:8px;background:#f2f5ec;color:#78886c;font-size:10px}.atelier-toggles button[aria-pressed=true]{background:#e6eddd;color:#48623a;border-color:#bdcdae}
.atelier-simple .atelier-studies .light-scene-gallery{width:100%;margin:10px 0 0;padding:0;border:0;background:none}.atelier-simple .light-scene-heading{display:none}.atelier-simple .atelier-studies .light-scene-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.atelier-simple .atelier-studies .light-scene-case{min-width:0;display:flex;flex-direction:column;gap:5px;padding:5px;border:1px solid #dfe5d7;border-radius:8px;background:#f1f4e9}.atelier-simple .atelier-studies .light-scene-case>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:4px}.atelier-simple .atelier-studies .light-scene-case span{padding:1px 3px}.atelier-simple .atelier-studies .light-scene-case strong{font-size:10px}.atelier-simple .atelier-studies .light-scene-case small,.atelier-simple .atelier-studies .light-scene-case>b{display:none}
.atelier-work-main{display:grid;gap:5px}.atelier-simple .atelier-work-main button{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:41px;width:100%;height:auto;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:#53674a;text-align:left;font-size:12px;font-weight:400;transform:none}.atelier-simple .atelier-work-main button:hover{background:#e9efdf}.atelier-simple .atelier-work-main #save-button{background:#465e42;color:#fff}.atelier-simple .atelier-work-main #save-button>span:last-child{display:inline}.atelier-simple .atelier-work-main button svg{width:16px;height:16px}.atelier-simple .atelier-work-main #game-capture{background:#edf2e5}.atelier-simple .atelier-work-main #game-photo[aria-pressed=true]{background:#e0ead5}
.atelier-simple .atelier-work-main #save-button{width:100%;min-width:0;height:auto;min-height:44px;padding:10px 12px}
.atelier-simple .atelier-scene-slot .scene-dot{width:32px;height:32px;min-height:32px}.atelier-simple .atelier-scene-slot .scene-dot:before{inset:7px}.atelier-simple .atelier-scene-slot .scene-dot.active:after{inset:3px}
.atelier-work-secondary{display:flex;flex-direction:column;gap:3px;margin-top:7px}.atelier-simple .atelier-work-secondary>button{justify-content:flex-start;gap:9px;display:flex;align-items:center;width:100%;height:auto;min-height:37px;padding:7px 9px;border:0;border-radius:6px;background:none;color:#758669;text-align:left;font-size:11px}.atelier-simple .atelier-work-secondary>button:hover{background:#eef3e7}.atelier-simple .atelier-work-secondary>button>span:last-child{display:inline}.atelier-simple .atelier-work-secondary>button svg{width:15px;height:15px}.atelier-simple .atelier-work-secondary .source-link{border:0;margin:0}.atelier-simple .atelier-work-secondary .work-subtitle{display:block;margin:6px 9px 13px}.atelier-simple .atelier-work-secondary .work-subtitle label{display:block;margin-bottom:5px;font-size:10px}.atelier-simple .atelier-work-secondary .work-subtitle input{padding:6px 0;width:100%;border-bottom:1px solid #d2ddc7;font-size:12px}
.game-loading{display:flex;align-items:center;gap:10px;min-height:24px;margin-top:9px;font-size:10px;color:#91a085}.game-loading progress{height:3px;width:70px;accent-color:#8e9f7e}.game-loading button{margin-left:auto;padding:5px;font-size:10px;color:#7a8a6f;text-decoration:underline;text-underline-offset:3px}
.atelier-simple #studio-view .stage-shell{position:relative!important;display:flex!important;flex-direction:column;align-items:center;width:min(100%,var(--atelier-size))!important;max-width:none!important;max-height:none!important;margin:0 auto;flex:none;padding:0}
.atelier-simple #studio-view .stage-shell>.stage-frame{position:relative!important;display:flex!important;flex-direction:column;align-items:stretch;gap:0;width:100%!important;max-width:none!important;top:auto!important;z-index:1;grid-column:auto;grid-row:auto;margin:0;padding:0}
.atelier-simple #studio-view .canvas-viewport{position:relative;flex:none;width:100%!important;max-width:none!important;min-width:0;aspect-ratio:1;margin:0;border:1px solid #e0e6d5;border-radius:3px;overflow:hidden;box-shadow:0 8px 45px #4a5a3d0a}
.atelier-simple #studio-view .canvas-viewport>.stage{width:100%;height:100%;max-width:none!important;max-height:none!important;min-height:0;min-width:0;aspect-ratio:1;border:0;border-radius:2px;box-shadow:none;transition:none}
.unity-container{visibility:hidden;position:absolute;inset:0;z-index:50;touch-action:none;overflow:hidden}.game-active .unity-container{visibility:visible}.unity-container canvas{display:block;width:100%;height:100%;outline:none;touch-action:none;cursor:grab}.unity-container canvas:active{cursor:grabbing}
.game-active>:is(#scene-layer,#light-layer,.stage-grain,.scene-label,.scene-caption,.composition,#vessel,#interior-layer,#fixture-layer,#rim-layer,#prune-overlay,#seat-marks,#gesture-feedback,.stage-floor,#guide){visibility:hidden;pointer-events:none}.game-active .composition-guide{visibility:visible;z-index:60;pointer-events:none}.game-active .start-card-wrap{z-index:70}
.atelier-simple .quick-material-bar,.atelier-simple .stage-bottom{display:none!important}
.atelier-simple #studio-view .atelier-canvas-actions{display:flex;align-items:center;gap:14px;width:100%;min-height:44px;padding:7px 0 0}
.atelier-simple #studio-view .atelier-canvas-actions>.stage-tools{position:static!important;inset:auto!important;display:flex!important;align-items:center;flex:none;gap:3px;width:auto;max-width:none;min-height:0;max-height:none;overflow:visible;transform:none!important;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.atelier-simple .stage-tools :is(#move-tool,#reset-button,.tool-separator){display:none!important}.atelier-simple .stage-tools .icon-button{width:31px;height:31px;min-height:31px;flex:none;border-radius:50%;color:#829177}.atelier-simple .stage-tools .icon-button svg{width:16px;height:16px}.atelier-simple .stage-tools .icon-button:hover{background:#e0e8d8}.atelier-simple .stage-tools .icon-button[aria-pressed=true]{color:#5b744d;background:#e2ebd9}
.atelier-simple #studio-view .stage-tools :is(#prune-tool,#erase-tool){display:flex;flex-direction:column;gap:2px;min-width:44px;min-height:44px;width:44px;height:44px;flex-basis:44px;border-radius:9px}.atelier-simple .stage-tools :is(#prune-tool,#erase-tool) .prune-tool-label{display:block;font-size:9px;line-height:1.2}.atelier-simple .design-panel .prune-modes{display:none!important}
.game-instruction{margin:0 0 0 auto;font-size:10px;line-height:1.6;text-align:right;color:#96a18b;max-width:70%}
.atelier-simple #studio-view .atelier-canvas-actions .stage-tools .icon-button{width:31px;height:31px;min-width:31px;min-height:31px;flex:0 0 31px}.atelier-simple .brand-name{display:flex!important}.atelier-simple .brand-word{display:inline!important;font-size:inherit}
#atelier-fallback-adjust{font-size:10px;min-height:33px;padding:6px 9px;border-radius:999px;background:#e8efdf;color:#617a52}.atelier-native #atelier-fallback-adjust{display:none}
.atelier-simple #studio-view .stage-frame>.zoom-controls{position:absolute!important;top:9px;right:9px;bottom:auto;left:auto;transform:none!important;display:flex;flex-direction:row;gap:0;width:auto;align-self:auto;margin:0;padding:2px;border:1px solid #dce4d2aa;border-radius:20px;background:#f8faf2c9;box-shadow:none;opacity:.7}
.atelier-simple #studio-view .zoom-controls button{width:28px;height:28px;min-height:28px;font-size:15px;border-radius:50%;color:#8c9b80}.atelier-simple #studio-view .zoom-controls #zoom-reset{width:39px;font-size:9px}
.atelier-hud{position:absolute;z-index:80;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:5px 5px 5px 16px;border:1px solid #d9e2d0;border-radius:999px;background:#fafcf5e8;box-shadow:0 6px 22px #41523512;backdrop-filter:blur(12px);white-space:nowrap;pointer-events:auto}.atelier-hud-name{min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;font-family:var(--serif);font-size:12px;color:#596c4d;margin-right:6px}.atelier-hud button{min-height:31px;padding:6px 12px;border-radius:999px;font-size:10px;color:#617a52;background:#e8efdf}.atelier-hud button:hover{background:#dde9d0}.atelier-hud.is-pruning{display:none}
.atelier-feedback{position:absolute;z-index:85;left:50%;bottom:17%;transform:translate(-50%,6px);padding:8px 16px;border-radius:30px;background:#435a3ce0;color:#f9fff3;opacity:0;pointer-events:none;font-size:11px;transition:opacity .18s,transform .18s}.atelier-feedback.visible{opacity:1;transform:translate(-50%,0)}
.atelier-simple .workspace>.design-panel{display:none!important}.atelier-simple.atelier-inspector-open .workspace>.design-panel:not([hidden]){display:block!important;position:fixed;inset:97px 24px auto auto;z-index:920;grid-column:auto;grid-row:auto;width:330px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 122px);overflow-y:auto;margin:0;padding:23px 21px;border:1px solid #d8e1ce;border-radius:16px;background:#fafbf6f5;box-shadow:0 18px 55px #34492a21;backdrop-filter:blur(15px);scrollbar-width:thin}
.atelier-simple .design-panel>.panel-heading{padding-right:31px;display:flex;margin-bottom:19px}.atelier-simple .design-panel>.panel-heading h2{font-size:18px;letter-spacing:.04em}.atelier-simple .design-panel .editor-tabs{display:none}.atelier-inspector-close{position:absolute;top:13px;right:13px;z-index:1;display:grid;place-items:center;min-height:36px;width:36px;border-radius:50%;background:#edf2e5;color:#829575;font-size:22px;line-height:1}.atelier-simple .design-panel .selected-material{margin:0 0 16px}.atelier-simple .design-panel .selected-material img{width:39px;height:46px;background:transparent}.atelier-simple .design-panel .selected-material .eyebrow{display:none}.atelier-simple .design-panel .botanical-note{display:none}.atelier-simple .design-panel .slider-label{font-size:11px;margin:14px 0 6px}.atelier-simple .design-panel .variant-trigger{background:#f0f4e8;border-color:#dbe3d1;padding:10px}.atelier-simple .design-panel .variant-trigger small{font-size:10px}.atelier-simple .design-panel .variant-trigger strong{font-size:12px}.atelier-simple .design-panel .real-size p{font-size:10px;color:#8a9b7d}.atelier-simple .design-panel .stem-details{margin:17px 0 10px}.atelier-simple .design-panel .prune-controls{padding:10px;border:0;background:#f0f4e8}.atelier-simple .design-panel .adjust-actions button{font-size:11px;min-height:37px;border-color:#d9e3ce;background:#f7faf2}
.atelier-simple .workspace>.layer-menu:not([hidden]){position:fixed!important;inset:97px 24px auto auto;z-index:921;grid-column:auto;grid-row:auto;top:97px;width:330px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 122px);margin:0;border-color:#d8e1ce;border-radius:16px;background:#fafbf6f5;box-shadow:0 18px 55px #34492a21;backdrop-filter:blur(15px)}.atelier-simple .layer-list{max-height:calc(100dvh - 230px)!important}.atelier-simple .layer-menu-heading small{display:none}
.atelier-simple .workspace>.quick-material-drawer:not([hidden]){display:flex;position:fixed;inset:97px auto auto 24px;z-index:950;grid-column:auto;grid-row:auto;top:97px;width:min(420px,calc(100vw - 40px));max-width:none;height:min(760px,calc(100dvh - 122px));max-height:none;margin:0;padding:20px;border-radius:17px;border-color:#d9e1d0;background:#fafbf6;box-shadow:0 22px 70px #3145292b}.atelier-simple .quick-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.atelier-simple .quick-material-grid .material-card{min-height:135px}.atelier-simple .quick-material-grid .material-card img{height:78px}.atelier-simple .quick-material-grid .material-card strong{font-size:11px}.atelier-simple .quick-material-grid .material-card small{font-size:10px}.atelier-simple .quick-material-heading h2{font-size:20px}.atelier-simple .quick-material-heading .eyebrow,.atelier-simple .quick-material-status>span:last-child{display:none}.atelier-simple .quick-material-filters button{min-height:31px;padding:5px 8px;font-size:10px}.atelier-simple .quick-color-filters button{font-size:10px}.atelier-simple #quick-material-search{font-size:12px}
.atelier-simple.material-sheet-open:has(#studio-view:not([hidden])){overflow:hidden}.atelier-simple.material-sheet-open .sheet-scrim{display:block;position:fixed;inset:0;z-index:940;background:#30442c24;backdrop-filter:blur(2px)}
.atelier-simple #studio-view .guide-panel{width:100%;margin:7px 0 0}.atelier-simple #studio-view .cut-choice{width:100%;margin-top:8px}.atelier-simple #studio-view .mode-pill{z-index:405}.atelier-simple #studio-view .seat-banner{display:none!important}
.atelier-simple.game-photo-mode .workspace-heading,.atelier-simple.game-photo-mode .atelier-add-slot,.atelier-simple.game-photo-mode #atelier-atmosphere,.atelier-simple.game-photo-mode .atelier-canvas-actions,.atelier-simple.game-photo-mode .zoom-controls,.atelier-simple.game-photo-mode .atelier-hud{display:none!important}.atelier-simple.game-photo-mode{--atelier-size:min(1050px,max(300px,calc(100dvh - 164px)))}.atelier-simple.game-photo-mode #studio-view>.workspace{padding-top:16px;min-height:calc(100dvh - 72px)}.atelier-simple.game-photo-mode .game-session{margin-bottom:10px}.atelier-simple.game-photo-mode #studio-view .stage-frame{max-width:none!important}.atelier-simple.game-photo-mode #studio-view .stage-shell{display:flex!important;width:min(100%,var(--atelier-size))!important}
@media(max-width:900px){
 .atelier-simple .masthead{padding-inline:20px;gap:20px}.atelier-simple .brand-name small{display:none}.atelier-simple .main-nav{gap:22px}.atelier-simple #studio-view>.workspace{padding:16px 20px 20px}
 .atelier-simple .workspace>.design-panel:not([hidden]),.atelier-simple .workspace>.layer-menu:not([hidden]){top:88px;right:16px;max-height:calc(100dvh - 106px)}
 .atelier-simple .workspace>.quick-material-drawer:not([hidden]){inset:auto 0 0;width:100%;height:min(79dvh,780px);margin:0;padding:21px 18px max(18px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0}
 .atelier-simple .quick-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.atelier-simple .quick-material-grid .material-card img{height:100px}.atelier-simple .quick-material-grid .material-card{min-height:154px}
 .atelier-simple .quick-material-heading{padding-top:12px}.atelier-simple .quick-material-heading:before{content:'';position:absolute;left:50%;top:9px;width:34px;height:3px;margin-left:-17px;border-radius:2px;background:#cbd6c0}
 .atelier-simple .quick-material-filters button{min-height:36px;font-size:11px}.atelier-simple #quick-material-search{font-size:14px}.atelier-simple #studio-view .stage-shell{display:flex!important}.atelier-simple #studio-view .stage-frame{position:relative!important}
}
@media(max-width:600px){
 .atelier-simple .masthead{display:grid;grid-template-columns:1fr auto;grid-template-rows:48px 34px;min-height:0;height:83px;padding:4px 15px 0;gap:0 12px}.atelier-simple .brand{gap:8px}.atelier-simple .brand-name{font-size:22px;letter-spacing:2px}.atelier-simple .seal{width:27px;height:30px;font-size:22px}.atelier-simple .header-actions{grid-column:2;grid-row:1}.atelier-simple #language-select{height:29px;width:83px;min-width:83px;padding:0 4px;font-size:10px}.atelier-simple .main-nav{grid-column:1/-1;grid-row:2;align-self:stretch;justify-content:center;gap:35px;height:34px;margin:0}.atelier-simple .nav-button{font-size:11px}
 .atelier-simple #studio-view>.workspace{padding:13px 12px 18px;min-height:calc(100dvh - 83px)}.atelier-simple .workspace-heading{min-height:32px;margin-bottom:10px}.atelier-simple .work-title input{font-size:18px}.atelier-simple #save-state{font-size:9px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.game-session{margin-bottom:11px}.atelier-add-slot>button{min-height:38px;padding:8px 14px;font-size:11px}.atelier-disclosure>summary{min-height:38px;padding:8px 13px;font-size:11px;gap:12px}.atelier-popover{max-width:calc(100vw - 24px);padding:16px}.atelier-work-panel{width:280px}.atelier-presets button{font-size:10px}.atelier-simple .atelier-work-main button{min-height:43px}
 .atelier-simple #studio-view .atelier-canvas-actions{gap:8px;min-height:44px;align-items:center}.game-instruction{font-size:9px;max-width:63%;line-height:1.65}.atelier-simple .stage-tools .icon-button{width:29px;height:33px;min-height:33px}.atelier-simple .stage-tools .icon-button svg{width:15px;height:15px}.atelier-hud{bottom:12px;padding:4px 4px 4px 12px;gap:4px;max-width:calc(100% - 20px)}.atelier-hud-name{font-size:11px;max-width:110px;margin-right:3px}.atelier-hud button{font-size:10px;min-height:33px;padding:6px 10px}
 .atelier-simple.atelier-inspector-open .workspace>.design-panel:not([hidden]),.atelier-simple .workspace>.layer-menu:not([hidden]){inset:auto 0 0;width:100%;max-width:none;max-height:75dvh;padding:22px 20px max(20px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.atelier-simple .workspace>.layer-menu:not([hidden]){padding:0}.atelier-simple .layer-list{max-height:calc(75dvh - 104px)!important}.atelier-simple .design-panel .slider-label{font-size:12px}.atelier-simple .design-panel input[type=range]{min-height:30px}.atelier-simple .design-panel .selected-material{margin-bottom:15px}.atelier-simple .workspace>.quick-material-drawer:not([hidden]){height:min(78dvh,720px);padding-inline:14px}.atelier-simple .quick-material-grid{gap:8px}.atelier-simple .quick-material-grid .material-card{min-height:145px;padding:8px 4px}.atelier-simple .quick-material-grid .material-card img{height:91px}
 .atelier-simple.game-photo-mode #studio-view>.workspace{min-height:calc(100dvh - 83px)}.atelier-simple.game-photo-mode{--atelier-size:min(100%,max(300px,calc(100dvh - 166px)))}
}
@media(orientation:landscape) and (max-height:540px){
 :root{--atelier-size:min(72vw,max(180px,calc(100dvh - 196px)))}.atelier-simple .masthead{display:flex;grid-template:none;height:49px;min-height:0;padding:0 18px;gap:15px}.atelier-simple .main-nav{height:49px;align-self:stretch;gap:18px}.atelier-simple .nav-button{font-size:10px}.atelier-simple .brand-name{font-size:20px}.atelier-simple .brand-name small{display:none}.atelier-simple #studio-view>.workspace{padding:10px 15px}.atelier-simple .workspace-heading{max-width:780px;min-height:28px;margin-bottom:7px}.atelier-simple .work-title input{font-size:17px}.game-session{max-width:780px;margin-bottom:8px}.atelier-simple #studio-view .stage-frame>.zoom-controls{flex-direction:row;top:7px;right:7px;bottom:auto}.atelier-simple #studio-view .atelier-canvas-actions{display:flex}.atelier-simple .workspace>.quick-material-drawer:not([hidden]){inset:0 0 0 auto;width:min(430px,62vw);height:100dvh;border-radius:18px 0 0 18px}.atelier-simple .workspace>.design-panel:not([hidden]),.atelier-simple .workspace>.layer-menu:not([hidden]){inset:9px 9px auto auto;width:320px;max-width:70vw;max-height:calc(100dvh - 18px);border-radius:14px}.atelier-simple .atelier-popover{max-height:60dvh}.atelier-simple.game-photo-mode{--atelier-size:calc(100dvh - 120px)}
}
@media(pointer:coarse){.atelier-simple .atelier-work-secondary>button,.atelier-simple .atelier-work-main button,.atelier-hud button,.atelier-toggles button,.atelier-inspector-close,.atelier-simple .quick-material-heading .icon-button,.atelier-simple .quick-material-filters button,.atelier-simple .quick-material-modes button,#atelier-fallback-adjust{min-height:44px}.atelier-presets button{padding-bottom:11px}.atelier-light input{min-height:38px}.atelier-simple .atelier-scene-slot .scene-dot{width:35px;height:35px;min-height:35px;box-shadow:0 0 0 5px #f1f4eb}.atelier-simple .atelier-disclosure>summary,.atelier-add-slot>button{min-height:44px}.atelier-simple #studio-view .atelier-canvas-actions .stage-tools .icon-button{width:44px;height:44px;min-width:44px;min-height:44px;flex-basis:44px}.atelier-simple #studio-view .zoom-controls button{width:44px;height:44px;min-height:44px}.atelier-simple #studio-view .zoom-controls #zoom-reset{width:44px}.atelier-simple #quick-material-search,.atelier-simple #language-select,.atelier-simple #work-subtitle,.atelier-simple #intention,.atelier-simple #generation-mode{font-size:16px}.atelier-simple #language-select{width:104px;min-width:104px;min-height:44px}.atelier-simple .game-instruction{font-size:10px;max-width:none;min-width:0;flex:1 1 120px}.atelier-simple .atelier-canvas-actions{flex-wrap:wrap}.atelier-simple .main-nav .nav-button{min-height:34px}.atelier-simple .quick-color-filters button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.atelier-feedback{transition:none}.atelier-simple *{scroll-behavior:auto}.atelier-simple .material-card,.atelier-simple .button{transition:none}.atelier-simple .material-card:hover{transform:none}}
@media(pointer:coarse){.atelier-simple .atelier-scene-slot .scene-dot{width:44px;height:44px;min-height:44px;padding:9px;background-clip:content-box;border-color:transparent;box-shadow:none}}
@media(pointer:coarse) and (max-width:600px) and (orientation:portrait){.atelier-simple .masthead{height:94px;grid-template-rows:48px 44px}.atelier-simple .main-nav{height:44px}.atelier-simple .main-nav .nav-button{min-height:44px}.atelier-simple #studio-view>.workspace{min-height:calc(100dvh - 94px)}}
@media(max-width:900px){
 .atelier-simple .atelier-disclosure>summary,.atelier-simple .atelier-add-slot>button,.atelier-simple .atelier-work-secondary>button,.atelier-simple .atelier-work-main button,.atelier-hud button,.atelier-toggles button,.atelier-inspector-close,.atelier-simple .quick-material-heading .icon-button,.atelier-simple .quick-material-filters button,.atelier-simple .quick-material-modes button,#atelier-fallback-adjust{min-height:44px}
 .atelier-simple #quick-material-search,.atelier-simple #language-select,.atelier-simple #work-subtitle,.atelier-simple #intention,.atelier-simple #generation-mode{font-size:16px}.atelier-simple #language-select{width:104px;min-width:104px;min-height:44px}
 .atelier-simple #studio-view .atelier-canvas-actions .stage-tools .icon-button{width:44px;height:44px;min-width:44px;min-height:44px;flex-basis:44px}.atelier-simple #studio-view .zoom-controls button{width:44px;height:44px;min-height:44px}.atelier-simple #studio-view .zoom-controls #zoom-reset{width:44px}.atelier-simple .game-instruction{font-size:10px;max-width:none;min-width:0;flex:1 1 120px}.atelier-simple .atelier-canvas-actions{flex-wrap:wrap}
 .atelier-simple .atelier-scene-slot .scene-dot{width:44px;height:44px;min-height:44px}.atelier-simple .atelier-scene-slot .scene-dot:before{inset:12px}.atelier-simple .atelier-scene-slot .scene-dot.active:after{inset:8px}
}
@media(max-width:600px) and (orientation:portrait){.atelier-simple .masthead{height:94px;grid-template-rows:48px 44px}.atelier-simple .main-nav{height:44px}.atelier-simple .main-nav .nav-button{min-height:44px}.atelier-simple #studio-view.studio-layout,.atelier-simple #studio-view>.workspace,.atelier-simple.game-photo-mode #studio-view>.workspace{min-height:calc(100dvh - 94px)}}

/* Flower first. One unobstructed canvas, one small row of tools. */
:root{--atelier-size:min(1040px,max(260px,calc(100dvh - 148px)))}
.atelier-simple .masthead{height:64px;justify-content:space-between}
.atelier-simple:has(#studio-view:not([hidden])) .main-nav{display:none}
.atelier-simple #studio-view.studio-layout,.atelier-simple #studio-view>.workspace{min-height:calc(100dvh - 64px)}
.atelier-simple #studio-view.studio-layout[hidden]{display:none!important}
.atelier-simple #studio-view>.workspace{padding:10px 20px 18px}
.atelier-simple #studio-view .canvas-viewport{border-radius:5px;border-color:#e0e4d9;box-shadow:0 10px 48px #4053380b}
.game-session{width:100%;margin:7px 0 0}
.atelier-bench{gap:4px;min-height:44px}
.atelier-add-slot>button{min-height:44px;padding:8px 15px;font-size:12px}
.atelier-disclosure>summary{min-width:44px;min-height:44px;padding:8px 12px;border-color:transparent;background:transparent;font-size:12px;gap:0}
.atelier-disclosure>summary>span:last-child{font-size:inherit;color:inherit}
.atelier-disclosure>summary:hover{background:#e5ebdf}
.atelier-tool-slot,.atelier-simple #studio-view .atelier-tool-slot>.stage-tools{display:flex!important;align-items:center;gap:2px}
.atelier-simple #studio-view .atelier-tool-slot>.stage-tools{position:static!important;inset:auto!important;flex:none;max-width:none;width:auto;max-height:none;min-height:44px;margin:0;padding:0;transform:none!important;border:0;background:none;box-shadow:none;overflow:visible}
.atelier-simple #studio-view .atelier-tool-slot .stage-tools .icon-button{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;border:0;border-radius:9px;background:transparent;color:#697e5e}
.atelier-simple #studio-view .atelier-tool-slot .stage-tools :is(#prune-tool,#erase-tool){display:flex;flex-direction:column;gap:2px}
.atelier-simple #studio-view .atelier-tool-slot .stage-tools .icon-button:hover{background:#e3eadc}
.atelier-simple #studio-view .atelier-tool-slot .stage-tools .icon-button[aria-pressed=true]{background:#405b3e;color:#fff;box-shadow:none}
.atelier-simple #studio-view .atelier-tool-slot .stage-tools .icon-button:disabled{opacity:.3}
.atelier-simple .atelier-tool-slot .stage-tools .icon-button svg{width:17px;height:17px}
.atelier-simple .atelier-tool-slot .prune-tool-label{font-size:9px}
.atelier-popover{top:auto;bottom:calc(100% + 10px);max-height:min(76dvh,calc(100dvh - 148px));box-shadow:0 12px 50px #34452f24}
.atelier-atmosphere-panel{left:auto;right:0}
.atelier-work-panel{width:290px}
.atelier-title-slot .workspace-heading{display:block;width:100%;min-height:0;margin:0 0 13px;padding:0}
.atelier-title-slot .work-title input{font-size:17px;min-height:32px;line-height:1.4;letter-spacing:0}
.atelier-title-slot #save-state{max-width:none;margin-top:4px;font-size:10px}
.atelier-work-more>summary,.atelier-fine>summary,.atelier-studies>summary{min-height:40px}
.atelier-toggles{margin-top:13px}.atelier-toggles button{min-height:44px;font-size:11px}
.atelier-work-secondary>.atelier-hud{position:static;left:auto;bottom:auto;transform:none;display:flex;flex-direction:column;align-items:stretch;max-width:none;gap:3px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;white-space:normal}
.atelier-work-secondary .atelier-hud-name{display:none}
.atelier-work-secondary .atelier-hud button,.atelier-simple .atelier-work-secondary #atelier-fallback-adjust{min-height:44px;border:0;border-radius:6px;background:none;padding:9px;color:#667b59;font-size:11px;text-align:left}
.atelier-work-secondary .atelier-hud button:hover{background:#eef3e7}
.atelier-advanced-tools{display:flex;flex-direction:column;gap:3px}
.atelier-simple .atelier-advanced-tools .icon-button{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;min-height:44px;height:auto;padding:9px;border:0;border-radius:6px;background:transparent;font-size:11px;color:#758669}
.atelier-advanced-tools .icon-button svg{width:15px;height:15px}
.atelier-simple .atelier-work-secondary>.zoom-controls{position:static!important;inset:auto!important;display:flex;align-items:center;justify-content:center;align-self:stretch;width:100%;gap:6px;padding:8px 0;margin:4px 0;transform:none!important;background:#f0f4e9;border:0;border-radius:8px;box-shadow:none;opacity:1}
.atelier-simple .atelier-work-secondary>.zoom-controls button,.atelier-simple .atelier-work-secondary>.zoom-controls #zoom-reset{width:44px;height:44px;min-height:44px;border-radius:6px;color:#758669;font-size:14px}
.atelier-simple .atelier-work-secondary>.zoom-controls #zoom-reset{font-size:11px}
.atelier-simple #studio-view :is(.mode-pill,.cut-choice,.seat-banner),.game-instruction{display:none!important}
.atelier-simple #studio-view :is(.scene-label,.scene-caption){display:none!important}
.game-loading{position:fixed;left:16px;bottom:7px;min-height:20px;margin:0;max-width:calc(100vw - 32px);font-size:10px;opacity:.7}
.atelier-simple.game-photo-mode .atelier-tool-slot{display:none!important}
.atelier-simple.game-photo-mode .atelier-bench{justify-content:flex-end}
.atelier-simple.game-photo-mode #studio-view>.workspace{padding-top:10px}
@media(max-width:900px){
 .atelier-simple #studio-view>.workspace{padding:10px 12px 18px}
 .atelier-simple:has(#studio-view:not([hidden])) .masthead{height:58px;min-height:0;display:flex;gap:12px;padding:0 13px}
 .atelier-simple:has(#studio-view:not([hidden])) .masthead .header-actions{margin-left:auto}
 .atelier-simple:has(#studio-view:not([hidden])) #studio-view.studio-layout,.atelier-simple:has(#studio-view:not([hidden])) #studio-view>.workspace{min-height:calc(100dvh - 58px)}
 .atelier-simple .atelier-add-slot>button{padding:8px 12px;font-size:11px}
 .atelier-simple .atelier-disclosure>summary{padding:8px 10px;font-size:11px}
 .atelier-simple .atelier-title-slot .work-title input{font-size:16px}
 .atelier-simple .atelier-work-secondary>button{min-height:44px}
}
@media(max-width:600px){
 :root{--atelier-size:min(100%,max(240px,calc(100dvh - 132px)))}
 .atelier-simple #studio-view>.workspace{padding:8px 10px 16px}
 .atelier-simple .brand-name{font-size:21px;letter-spacing:1px}
 .atelier-bench{gap:2px}.atelier-bench-space{min-width:0}
 .atelier-simple .atelier-add-slot>button{padding:8px 11px}
 .atelier-simple .atelier-disclosure>summary{padding:8px 8px}
 .atelier-tool-slot,.atelier-simple #studio-view .atelier-tool-slot>.stage-tools{gap:0}
 .atelier-simple .atelier-tool-slot .stage-tools .icon-button svg{width:16px;height:16px}
 .atelier-popover{max-height:min(65dvh,calc(100vw - 30px));max-width:calc(100vw - 20px);padding:16px}
 .atelier-work-panel{right:0;width:290px}.atelier-atmosphere-panel{right:0;width:350px}
 .game-session{margin-top:5px}
 .game-loading{left:11px;bottom:5px;max-width:calc(100vw - 22px)}
 .atelier-simple:not(:has(#studio-view:not([hidden]))) .masthead{height:94px}
}
@media(max-width:360px){.atelier-simple .atelier-add-slot>button>span:first-child{display:none}}
@media(orientation:landscape) and (max-height:540px){
 :root{--atelier-size:min(78vw,max(180px,calc(100dvh - 119px)))}
 .atelier-simple:has(#studio-view:not([hidden])) .masthead{height:49px}
 .atelier-simple #studio-view>.workspace{padding-top:6px;padding-bottom:8px}
 .atelier-popover{max-height:calc(100dvh - 75px)}
}

/* Keep the full editing kit within reach without covering the flowers. */
.atelier-simple #studio-view .atelier-tool-slot .stage-tools :is(#atelier-length,#flip-button,#duplicate-button,#layers-tool,#delete-button,#undo-button,#redo-button){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px}
.atelier-tool-slot .atelier-tool-name,.atelier-length-label,.atelier-simple .atelier-tool-slot .prune-tool-label{display:block;max-width:42px;font-size:10px;line-height:1.2;white-space:nowrap}
.atelier-length-icon{font-size:20px;line-height:18px}
.atelier-simple #studio-view .atelier-tool-slot #atelier-length[aria-expanded=true]{background:#405b3e;color:white}
.atelier-length-panel{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);z-index:825;width:min(440px,100%);padding:14px 58px 12px 17px;border:1px solid #d6dfcd;border-radius:12px;background:#fafcf6f5;box-shadow:0 10px 35px #30472a1c;backdrop-filter:blur(12px)}
.atelier-length-panel .range-control{margin:0}.atelier-length-panel .slider-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 5px;font-size:12px;color:#556a49}.atelier-length-panel output{font-size:11px;color:#879879}
.atelier-length-panel .length-track{width:100%}.atelier-length-panel input{display:block;width:100%;height:40px;min-height:40px;accent-color:#6f895e}
.atelier-length-close{position:absolute;top:10px;right:7px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:#7f9271;font-size:23px}
.atelier-length-close:hover{background:#e8efdf}
.atelier-simple #atelier-atmosphere .atelier-fine{margin-top:12px;padding-top:10px}.atelier-fine-label{margin:0 0 9px;font-size:11px;color:#7e8c73}.atelier-simple #atelier-atmosphere .atelier-light{margin:8px 0 0}
.atelier-simple #atelier-atmosphere .scene-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin:0 0 15px}
.atelier-simple #atelier-atmosphere .scene-picker>span{flex-basis:100%;margin:0 0 3px;font-size:11px}
.atelier-simple #atelier-atmosphere .scene-picker .light-picker{display:block!important;position:static;flex-basis:100%;margin-top:8px}
.atelier-simple #atelier-atmosphere #light-button{display:none!important}
.atelier-simple #atelier-atmosphere #light-menu{position:static!important;inset:auto!important;display:flex!important;flex-wrap:wrap;gap:5px;width:100%;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none}
.atelier-simple #atelier-atmosphere #light-menu button{flex:1 1 auto;min-width:44px;min-height:44px;margin:0;padding:7px 8px;border:1px solid #dae2d1;border-radius:7px;background:#f1f5eb;color:#6a7e5d;font-size:11px;text-align:center}
.atelier-simple #atelier-atmosphere #light-menu button[aria-pressed=true]{border-color:#819575;background:#e3ecd9;color:#405b35}
.atelier-simple.game-photo-mode .atelier-length-panel{display:none!important}
@media(max-width:900px){
 :root{--atelier-size:min(1040px,max(240px,calc(100dvh - 190px)))}
 .atelier-bench{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:2px 8px}
 .atelier-tool-slot{grid-column:1/-1;grid-row:1;justify-content:center}
 .atelier-simple #studio-view .atelier-tool-slot>.stage-tools{gap:10px}
 .atelier-add-slot{grid-column:1;grid-row:2;justify-self:start}
 #atelier-atmosphere{grid-column:2;grid-row:2;justify-self:center}
 #atelier-work{grid-column:3;grid-row:2;justify-self:end}
 .atelier-bench-space{display:none}
 .atelier-length-panel{position:relative;bottom:auto;left:auto;transform:none;width:100%;margin:9px 0 0;box-shadow:none;padding-top:12px;padding-bottom:10px}
 .atelier-simple.game-photo-mode .atelier-bench{display:flex;justify-content:flex-end}
}
@media(orientation:landscape) and (max-height:540px){
 :root{--atelier-size:min(78vw,max(150px,calc(100dvh - 170px)))}
 .atelier-length-panel{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);margin:0;width:min(440px,calc(100vw - 24px));box-shadow:0 10px 35px #30472a1c}
}

/* The original flip, copy and layer controls share the same primary tool strip. */
.game-session{min-width:min(660px,calc(100vw - 40px));align-self:center}
@media(max-width:900px){.game-session{min-width:min(500px,calc(100vw - 24px))}}
@media(max-width:600px){
 :root{--atelier-size:min(1040px,max(200px,calc(100dvh - 236px)))}
 .game-session{min-width:min(300px,calc(100vw - 20px))}
 .atelier-simple #studio-view .atelier-tool-slot>.stage-tools{display:flex!important;flex-wrap:wrap;justify-content:center;gap:6px 8px;width:252px}
 .atelier-bench{row-gap:5px}
}
@media(max-width:900px) and (max-height:660px){
 .atelier-length-panel{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);margin:0;width:min(440px,calc(100vw - 24px));box-shadow:0 10px 35px #30472a1c}
}
@media(orientation:landscape) and (max-height:540px){
 :root{--atelier-size:min(78vw,max(90px,calc(100dvh - 170px)))}
 .game-session{min-width:min(480px,calc(100vw - 24px))}
 .atelier-simple #studio-view .atelier-tool-slot>.stage-tools{display:flex!important;gap:6px;width:auto}
 .atelier-bench{row-gap:2px}
}

/* The same direct manipulation modes work with a mouse or a finger. */
.atelier-touch-tools[hidden]{display:none!important}
.atelier-touch-tools{display:flex;flex-direction:column;align-items:center;gap:3px;margin:0 0 5px}
.atelier-touch-modes{display:flex;align-items:center;justify-content:center;gap:3px;width:252px;padding:2px;border:1px solid #d7dfce;border-radius:12px;background:#f8faf3}
.atelier-touch-modes button{flex:1;min-width:44px;height:44px;min-height:44px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#697e5e;font:inherit;font-size:12px;touch-action:manipulation}
.atelier-touch-modes button[aria-pressed=true]{background:#405b3e;color:white}
.atelier-touch-modes button:disabled{opacity:.4}
#atelier-touch-hint{margin:0;min-height:14px;color:#829176;font-size:10px;line-height:14px;text-align:center}
.atelier-simple.game-photo-mode .atelier-touch-tools{display:none!important}
.atelier-direct{--atelier-size:min(1040px,max(150px,calc(100dvh - 270px)))}
.atelier-bench{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:5px 8px}
.atelier-tool-slot{grid-column:1/-1;grid-row:1;justify-content:center}
.atelier-add-slot{grid-column:1;grid-row:2;justify-self:start}
.atelier-vessel-slot{grid-column:2;grid-row:2;justify-self:center}
#atelier-atmosphere{grid-column:3;grid-row:2;justify-self:center}
#atelier-work{grid-column:4;grid-row:2;justify-self:end}
.atelier-bench-space{display:none}
.atelier-simple .atelier-vessel-slot>button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:8px 15px;border:1px solid #cbd8c1;border-radius:999px;background:#e8efdf;color:#405b3e;font-size:12px;font-weight:400;box-shadow:none;white-space:nowrap}
.atelier-simple .atelier-vessel-slot>button:hover{background:#dce8d2;transform:none}
.atelier-simple .atelier-vessel-slot>button>span{font-size:inherit;line-height:inherit}
.atelier-vessel-slot>button>span:first-child:not(:last-child){font-size:18px}
.atelier-simple.game-photo-mode .atelier-bench{display:flex;justify-content:flex-end}
.atelier-simple.game-photo-mode .atelier-vessel-slot{display:none}
@media(max-width:900px){
 .atelier-direct{--atelier-size:min(1040px,max(150px,calc(100dvh - 262px)))}
 .atelier-simple .atelier-vessel-slot>button{padding:8px 12px;font-size:11px}
}
@media(max-width:600px){
 .atelier-direct{--atelier-size:min(1040px,max(150px,calc(100dvh - 308px)))}
 .atelier-bench{column-gap:4px}
 .atelier-simple .atelier-add-slot>button,.atelier-simple .atelier-vessel-slot>button{padding:8px 10px;min-width:44px}
 .atelier-add-slot>button>span:first-child,.atelier-vessel-slot>button>span:first-child:not(:last-child){display:none}
}
/* Short windows keep a useful canvas beside the controls. */
@media(orientation:landscape) and (max-height:540px) and (min-width:480px){
 .atelier-direct{--atelier-size:max(100px,min(calc(100dvh - 70px),calc(100vw - 290px)))}
 .atelier-simple.atelier-direct #studio-view .stage-shell{width:min(100%,880px)!important}
 .atelier-simple.atelier-direct #studio-view .stage-shell>.stage-frame{display:grid!important;grid-template-columns:minmax(100px,var(--atelier-size)) 252px;justify-content:center;align-items:center;gap:12px}
 .atelier-direct .canvas-viewport{grid-column:1;grid-row:1}
 .atelier-direct .game-session{grid-column:2;grid-row:1;width:252px;min-width:0;margin:0}
 .atelier-direct .atelier-touch-tools{flex-direction:column;gap:3px;margin-bottom:5px}
 .atelier-direct .atelier-touch-modes{width:252px}
 .atelier-direct #atelier-touch-hint{max-width:252px;text-align:center}
 .atelier-simple.atelier-direct #studio-view .atelier-tool-slot>.stage-tools{flex-wrap:wrap;width:252px;gap:6px 8px}
 .atelier-direct .atelier-bench{gap:5px 3px}
 .atelier-simple.atelier-direct .atelier-add-slot>button,.atelier-simple.atelier-direct .atelier-vessel-slot>button{padding:8px 6px;min-width:44px;font-size:11px}
 .atelier-direct .atelier-add-slot>button>span:first-child,.atelier-direct .atelier-vessel-slot>button>span:first-child:not(:last-child){display:none}
 .atelier-simple.atelier-direct .atelier-disclosure>summary{padding:8px 6px}
 .atelier-direct .atelier-popover,.atelier-direct .atelier-length-panel{position:fixed;inset:auto 12px 12px auto;transform:none;width:min(350px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:0}
 .atelier-simple.atelier-direct.game-photo-mode #studio-view .stage-shell>.stage-frame{display:flex!important}
 .atelier-simple.atelier-direct.game-photo-mode #studio-view .stage-shell{width:min(calc(100dvh - 120px),100%)!important}
 .atelier-simple.atelier-direct.game-photo-mode .game-session{width:100%;margin-top:5px}
}

.atelier-work-panel{padding-top:48px}
.atelier-work-close{position:absolute;top:0;right:2px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:#6a7e5d;font-size:23px;cursor:pointer}
.atelier-work-close:hover{background:#e6eddc}
.atelier-simple .header-actions{gap:8px}
.atelier-simple .header-actions #atelier-image-pack{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;height:44px;padding:8px 12px;border:1px solid #cad8c1;border-radius:10px;background:#e6eedf;color:#405b3e;font-size:12px;white-space:nowrap}
.atelier-simple .header-actions #atelier-image-pack:hover{background:#dbe8d2}
.atelier-simple:not(:has(#studio-view:not([hidden]))) #atelier-image-pack{display:none}
@media(max-width:600px){
 .atelier-simple .header-actions{gap:6px}
 .atelier-simple #language-select{width:76px;min-width:76px;min-height:44px;padding:0 2px;font-size:12px}
 .atelier-simple .header-actions #atelier-image-pack{padding:8px;font-size:11px}
}