html,body{height:100%;margin:0;overflow:hidden}body{display:flex;flex-direction:column;height:100dvh}header{height:48px;min-height:48px;padding:0 12px;gap:10px}.brand{font-size:17px;gap:7px}.brand-mark{font-size:22px}#quick-picker{min-width:0;max-width:240px;flex:1;border:1px solid #cad5c8;border-radius:8px;padding:7px;background:#fffef8;font-size:11px;height:34px}#project-menu{font-size:11px;padding:7px;min-height:36px}#project-actions{position:fixed;right:10px;top:46px;z-index:20}
body[data-step='3'] .visual{position:absolute;top:0}
body[data-selected=true][data-panel=none] main#main{--reserved:86px}
@media(max-width:800px){body:not([data-panel=none]) main#main{--reserved:clamp(260px,40dvh,380px)}}
#canvas-actions{top:auto!important;bottom:38px;right:10px;flex-direction:row!important;gap:4px!important}.visual #plan,.visual #scene-host{bottom:82px!important;height:calc(100% - 126px)!important}#rotation-actions{bottom:calc(var(--reserved) + 90px)!important}
#workspace-toolbar{display:flex;gap:6px;align-items:center;min-height:46px;padding:5px 12px;border-bottom:1px solid #d8ddd4;background:#fafbf5}#workspace-toolbar button,#layer-select{font-size:12px;min-height:36px;padding:7px 12px;border-radius:9px}#workspace-toolbar [aria-pressed=true],#selection-bar [aria-pressed=true]{background:#245c4d;color:white}#layer-select{border:1px solid #cad5c8;background:#fffef8;color:#223c37}
main#main{display:block;flex:1;min-height:0;max-width:none;width:100%;padding:0;margin:0;position:relative;--reserved:0px}.visual{position:absolute;inset:0;height:auto;min-height:0;width:auto;border:0;border-radius:0;background:#eef0e5;grid-column:auto;box-shadow:none;animation:none!important}.visual-top{top:8px;left:12px;right:12px;min-height:30px;letter-spacing:0;font-size:10px;gap:8px}.visual-top #scene-tag{font-weight:500;line-height:1.3}.visual-top div{flex-shrink:0}.visual #plan,.visual #scene-host{inset:44px 0 38px;height:calc(100% - 82px);width:100%;touch-action:none}.visual-bottom{bottom:11px;left:12px;right:12px;font-size:10px}.visual-bottom #scene-caption{font-weight:500}.visual-bottom #save-state{font-size:9px}#canvas-actions{position:absolute;right:10px;top:55px;z-index:3;display:flex;flex-direction:column;gap:5px}#canvas-actions button{min-height:36px;min-width:38px;padding:7px;font-size:13px;background:#fffef5ed;border-radius:9px}#canvas-actions #fit{font-size:10px}
body[data-selected=true][data-panel=none] .visual{bottom:86px}body[data-selected=true][data-panel=none] main{--reserved:86px}#selection-bar{position:absolute;bottom:0;left:0;right:0;height:86px;background:#fffdf4;border-top:1px solid #d0d9c9;padding:8px 12px;z-index:4}#selection-bar>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}#selection-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pose-summary{font-size:10px;color:#61725e;white-space:nowrap}.selection-actions{display:flex;gap:6px}.selection-actions button{flex:1;min-height:36px;font-size:12px;padding:7px 10px;border-radius:9px}.selection-actions #deselect{flex:0 0 36px;padding:5px;font-size:19px}#rotation-actions{position:absolute;bottom:99px;left:12px;display:flex;gap:8px;align-items:center;background:#fffdf4e8;padding:5px;border-radius:11px;z-index:4;font-size:10px}#rotation-actions button{min-height:36px;font-size:12px;padding:7px 10px}
#editor-panel.story{position:absolute;inset:0 0 0 auto;width:340px;display:flex;flex-direction:column;background:#fffdf5;z-index:8;padding:0;box-shadow:-6px 0 22px #223c3716;border-left:1px solid #d0dacb;min-height:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;height:44px;padding:0 12px;border-bottom:1px solid #d7dece;flex-shrink:0}.panel-heading strong{font-size:13px}.panel-heading button{min-height:32px;padding:2px 9px;border:0;font-size:23px;background:none}#editor-panel #content{display:block;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 13px 14px;scrollbar-width:thin}#editor-panel .journey{position:relative;bottom:auto;flex-shrink:0;min-height:51px;padding:7px 10px;gap:7px;background:#f4f5e9}#editor-panel .journey button{font-size:11px;padding:9px 12px;min-height:36px}#editor-panel #next{flex:1}#editor-panel h3{margin:15px 0 10px;font-size:10px}#editor-panel .mode-note{font-size:10px}#editor-panel .context-tabs{position:sticky;top:0;background:#fffdf5;padding:7px 0;z-index:2;margin:5px 0}#pose-form input{width:100%;height:38px;border:1px solid #cad5c8;background:#fffef5;padding:8px;border-radius:8px}#pose-form button{margin:8px 0;font-size:11px;min-height:34px}#zone-bar{display:none!important}
body:not([data-panel=none]) .visual{right:340px}#warning-toggle{position:absolute;bottom:calc(var(--reserved) + 38px);left:12px;z-index:4;background:#fff0d2;border-color:#d3ab6c;font-size:10px;min-height:30px;padding:6px 9px;border-radius:8px}#warning-panel{position:absolute;bottom:calc(var(--reserved) + 74px);left:12px;z-index:6;width:min(430px,calc(100% - 24px));max-height:180px;overflow:auto;background:#fff9e8;border:1px solid #d3ab6c;border-radius:10px;padding:10px;font-size:11px;line-height:1.5}#warning-list{padding-left:17px;margin:0}#error{position:absolute;left:12px;bottom:calc(var(--reserved) + 8px);max-height:120px;overflow:auto;width:min(500px,calc(100% - 24px));margin:0;padding:10px;font-size:11px;z-index:10}#toast{bottom:96px;z-index:30}
@media(max-width:800px){header{height:44px;min-height:44px;padding:0 10px;gap:8px}.brand{font-size:15px}.brand-mark{font-size:21px}#quick-picker{max-width:none;font-size:10px;padding:5px}#workspace-toolbar{padding:4px 10px;gap:5px;min-height:44px}#workspace-toolbar button,#layer-select{flex:1;min-width:0;font-size:11px;padding:7px 8px;min-height:36px}.visual,body[data-step='1'] .visual,body[data-step='3'] .visual,body[data-step='4'] .visual{position:absolute;inset:0;min-height:0;height:auto;order:initial;border-radius:0;box-shadow:none;z-index:1}body[data-selected=true][data-panel=none] .visual{bottom:86px}.visual #scene-host,.visual #plan{inset:45px 0 38px;height:calc(100% - 83px)}.visual-top{font-size:9px;left:10px;right:10px}.visual-top button{padding:5px 9px;min-height:29px}.visual-top #scene-tag{max-width:calc(100% - 98px)}.visual-bottom{font-size:9px;left:10px;right:10px}.visual-bottom #save-state{max-width:104px;font-size:8px}#editor-panel.story{--drawer-height:clamp(260px,40dvh,380px);inset:auto 0 0;height:var(--drawer-height);width:100%;border-left:0;border-top:1px solid #c4d1bb;border-radius:15px 15px 0 0;box-shadow:0 -5px 22px #223c371a}.panel-heading{height:40px}#editor-panel #content{order:initial;padding:0 12px 12px}body:not([data-panel=none]) main{--reserved:clamp(260px,40dvh,380px)}body:not([data-panel=none]) .visual{right:0;bottom:clamp(260px,40dvh,380px)}#selection-title{font-size:11px}#pose-summary{font-size:9px}.selection-actions button{font-size:11px}.selection-actions{gap:5px}#selection-bar{padding:8px 10px}#canvas-actions{right:8px;top:55px}#canvas-actions button{min-height:36px;min-width:34px}.shape-choices button{min-height:69px;padding:6px}.shape-choices svg{height:37px}.visual-bottom #scene-caption{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#editor-panel .mode-cards{scrollbar-width:thin}#editor-panel .mode-cards .choice-card{min-height:112px;min-width:136px;max-width:136px}#editor-panel .mode-cards svg{height:42px}}

#restore-notice{position:absolute;top:45px;left:12px;z-index:7;max-width:360px;padding:10px;background:#fffef5f5;border:1px solid #b7c9b1;border-radius:11px;font-size:11px;box-shadow:0 3px 15px #223c3715}#restore-notice>div{display:flex;gap:6px;margin-top:7px}#restore-notice button,#resume-current,#new-scene,.saved-scene button{min-height:36px;font-size:11px;padding:8px 10px}#save-warning{position:absolute;top:45px;right:12px;z-index:12;max-width:min(390px,calc(100% - 24px));padding:10px;border:1px solid #bb8651;background:#fff1d9;border-radius:9px;font-size:11px;line-height:1.4}.saved-scene{display:flex;flex-direction:column;gap:6px;padding:11px 0;border-bottom:1px solid #d7dece;font-size:11px}.saved-scene span{color:#61725e}#project-actions small{display:block;padding:5px 10px;color:#61725e;font-size:10px}.visual-bottom #save-state{cursor:default;max-width:210px}#restore-notice[hidden],#save-warning[hidden]{display:none}@media(max-width:800px){#restore-notice{left:10px;right:10px;max-width:none}.visual-bottom #save-state{max-width:125px;font-size:8px}}

.brand-name{display:flex;flex-direction:column;gap:1px;font-size:11px;line-height:1.15}.brand-name small{font-size:9px;font-weight:400}.prototype-name{display:block;font-size:11px;padding:8px 10px}.technical-revision{padding:5px 10px;font-size:10px}.technical-revision small{padding:5px 0!important}.composition-list{display:grid;gap:7px}.composition-list button{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;padding:10px;min-height:74px;border:1px solid #cad5c8;border-radius:9px;font-size:11px}.composition-list [aria-pressed=true]{background:#e5eddd;border-color:#557c62}.composition-list small{font-size:10px;color:#52684f}.composition-options a{color:#245c4d;text-decoration:underline}

/* Public cuisine-only copy: omit navigation to the excluded professional UI. */
#transfer-pro,body[data-panel="project"] #next{display:none!important}