/* First-user Beta polish; layout and controls remain the existing app. */
:root{--cyan:#008e9c;--pink:#287d83;--yellow:#e4f3ef;--ink:#18343c;color:var(--ink);background:#f3f7f7}
.color-strip{height:4px;background:linear-gradient(90deg,#008e9c,#61b5b4)}header{height:84px;gap:16px}.header-note{font-size:12px}.brand-word small{font-size:11px;letter-spacing:.5px}.file-actions{display:grid;grid-template-columns:repeat(2,auto);gap:4px 8px;align-items:center}.file-actions button{font-size:14px;font-weight:600;min-height:42px}#saveProject{background:#008391;color:white;border-color:#008391}#projectStatus{grid-column:1/-1;text-align:center;font-size:12px;color:#4d6d73;line-height:1.4}header #help{display:flex;align-items:center;gap:8px;white-space:nowrap}header #help span{margin:0}.help-mark{font-size:18px}.hero{padding-top:23px;padding-bottom:25px}.hero h1{font-size:38px;letter-spacing:-1px}.hero .eyebrow{font-size:12px;letter-spacing:1.6px;color:#38747b}.hero-copy{color:#526c72}.beta-note{font-size:13px;color:#28777a;border:1px solid #b9d8d8;padding:8px 13px;border-radius:20px}.workspace-title h2{font-size:16px}.version{font-size:12px;letter-spacing:.4px}.mode-badge{font-size:12px;font-weight:600;padding:6px 9px;border:1px solid #98e5dc66;border-radius:6px;background:#0c6c70e6;color:white}.stage-shell{box-shadow:0 0 0 2px #008e9c33}#stage[data-interaction=move]{outline:none}#stage[data-interaction=orbit]{cursor:grab}.stage-shell:has(#stage[data-interaction=orbit]){box-shadow:0 0 0 2px #33546b80}.stage-shell:has(#stage[data-interaction=orbit]) .mode-badge{background:#253d55;border-color:#a6bfd5}.move-toolbar{border-radius:8px;background:#e8f1f1;padding:5px;gap:7px}.move-toolbar button{font-size:14px;font-weight:600;flex:1;min-height:44px}.move-toolbar button[aria-pressed=true]{box-shadow:0 2px 5px #123b4220}.move-toolbar #rotateScene[aria-pressed=true]{background:#263f55;border-color:#263f55;color:white}.move-toolbar #undoMove{flex:0 1 auto;background:white;font-weight:400}.move-status{font-size:13px;line-height:1.65;color:#3d626a}.button-row button{font-size:13px}.stage-top,.stage-bottom{font-size:12px}.selection-info{position:absolute;z-index:3;left:14px;right:14px;bottom:43px;width:fit-content;max-width:calc(100% - 28px);padding:6px 9px;border:1px solid #9aeee3;background:#073d49e8;color:#edfffc;border-radius:7px;font-size:13px;line-height:1.5;pointer-events:none;overflow-wrap:anywhere}.selection-footprint{border:2px solid #00e6d1;background:#00cbb21f;box-shadow:0 0 0 1px #e9fffd99;pointer-events:none}.option-selected{box-shadow:inset 0 0 0 1.2px #00bfb0d9}.option-card.selected-option-type{background:#def4ee;border:2px solid #008e9c;color:#075c63}.option-card{font-size:14px;min-height:46px}.section-title p{font-size:11px;letter-spacing:1px}.section-title h2{font-size:21px}label{font-size:14px}.hint,.footnote{font-size:13px;line-height:1.7;color:#55717a}.config-note{margin-top:16px}.space-legend{font-size:12px;flex-wrap:wrap}.tabs button{font-size:14px;min-height:68px}.tabs button>span{font-size:11px;letter-spacing:1px}.tabs button:nth-child(n)[aria-selected=true]{background:#008e9c;color:white}#artPanel .section-title p,#artPanel .section-symbol,#viewPanel .section-title p,#viewPanel .section-symbol{color:#217681}.upload{background:#f1fafa;border-color:#88c7ca;padding:20px 9px}.upload-icon{color:#008e9c}.upload>span:last-of-type{font-size:12px;color:#51777c}.toggle-row small{font-size:12px;color:#57737c}.gesture-note{background:#edf6f4}.gesture-note p{font-size:13px;color:#4c6f70}.gesture-note b{font-size:14px}#status,#optionStatus{font-size:13px;line-height:1.65}.editor-heading{font-size:12px}.reset-section span{font-size:12px}.reset-section button{font-size:13px}.project-toast{position:fixed;z-index:20;top:92px;right:20px;max-width:min(420px,calc(100% - 40px));padding:12px 16px;border:1px solid #75c9bc;border-radius:9px;background:#e7fbf4;color:#124f4a;box-shadow:0 6px 24px #183c4920;font-size:14px;line-height:1.6}.project-toast.error{border-color:#d59191;background:#fff0ef;color:#9b3030}.mobile-preview-tools{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){
 html,body{height:100%;height:100dvh;overflow:hidden}body{display:flex;flex-direction:column}.color-strip{flex:0 0 3px}header{height:60px;min-height:60px;flex:0 0 60px;padding:0 12px;gap:6px;border-bottom:1px solid #cfdddd}.brand{gap:5px}.brand-icon{width:29px;height:29px;flex-basis:29px;font-size:20px;border-radius:7px}.brand-word{font-size:19px}.brand-word small,.header-note{display:none}.file-actions{display:flex;gap:4px;margin-left:auto}.file-actions button{font-size:14px;padding:8px 9px;min-height:44px}#projectStatus{display:none}header #help{min-width:44px;height:44px;justify-content:center;padding:5px;background:#e6f1f1;color:#1c5b63;border-radius:8px}.help-label{display:none}.help-mark{font-size:20px}.hero,footer{display:none}.project-toast{top:66px;right:12px;max-width:calc(100% - 24px);font-size:14px}
 main#studio{flex:1;min-height:0;margin:0;padding:0;width:100%;max-width:none;display:flex;flex-direction:column;gap:0;overflow:hidden}.workspace{position:relative;top:auto;flex:0 0 auto;min-width:0;width:100%;padding:0 12px 6px;background:#f3f7f7;border-bottom:1px solid #bfd6d7}.workspace-title{height:32px;margin:0;gap:6px}.workspace-title h2{font-size:14px}.tiny-mark{width:10px;height:10px}.version{font-size:12px}.stage-shell{border-radius:10px}#stage{height:clamp(170px,28dvh,260px)}.stage-top{left:10px;right:10px;top:10px;align-items:start;gap:5px}.mode-badge{font-size:12px;line-height:1.3;padding:5px 6px}.stage-top>span:last-child{font-size:12px;white-space:nowrap;padding:5px 6px}.stage-bottom{left:10px;right:10px;bottom:9px;font-size:11px}.selection-info{font-size:12px;left:10px;right:10px;bottom:31px;max-width:calc(100% - 20px);padding:4px 6px}
 .workspace>.viewbar{display:none}.mobile-preview-tools{display:grid;grid-template-columns:minmax(0,1fr) 64px 44px 36px 44px;gap:4px;align-items:center;margin:6px 0}.mobile-preview-tools select{font-size:16px;min-height:44px;margin:0;padding:8px;min-width:0;background:white}.mobile-preview-tools button{padding:6px;min-height:44px;font-size:15px}.mobile-preview-tools output{text-align:center;font-size:12px}.move-toolbar{margin:0 0 5px;padding:3px;gap:5px}.move-toolbar button{font-size:14px;padding:8px 5px}.move-toolbar #undoMove{flex:1}.move-status{font-size:13px;line-height:1.5;min-height:0;margin:0 0 2px}.workspace>.footnote,.workspace>.tip-strip{display:none}
 aside#settings{flex:1;min-height:0;align-self:stretch;margin:0;border:0;border-radius:0;box-shadow:none;overflow-y:auto;overscroll-behavior:contain;background:white;scroll-padding-top:58px}.tabs{position:sticky;top:0;z-index:6;background:#edf4f4}.tabs button{font-size:14px;min-height:52px;gap:2px;padding:5px 3px}.tabs button>span{font-size:11px}.control-section{padding:17px 18px 22px;min-height:0}.section-title{margin-bottom:15px}.section-title p{font-size:11px}.section-title h2{font-size:20px;line-height:1.3}.section-symbol{font-size:24px}.control-section label{font-size:14px;margin-top:14px}.control-section select,.control-section input[type=text]{font-size:16px;min-height:46px;padding:10px 11px}.hint,.footnote{font-size:13px}.space-legend{margin-top:13px;font-size:12px}.toggle-row label{padding:12px}.toggle-row small{font-size:13px}.option-card{font-size:15px;min-height:46px}.option-catalog{margin-top:13px}.option-editor-heading strong{font-size:16px}.option-editor-heading button{font-size:14px}.panel-map button{font-size:15px;min-width:44px}.control-section input[type=range]{height:44px}.upload{padding:15px 8px}.upload-icon{font-size:25px;margin-bottom:5px}.upload>span:last-of-type{font-size:12px}.upload strong{font-size:15px}.reset-section{padding:13px 18px}.reset-section button{font-size:14px}.reset-section span{font-size:12px}.gesture-note{margin-top:16px}.gesture-note p{font-size:13px}#studio[data-preview=expanded] #stage{height:clamp(220px,50dvh,440px)}
}
@media(max-width:800px) and (orientation:landscape) and (max-height:550px){main#studio{flex-direction:row}.workspace{width:57%;flex-basis:57%;border-right:1px solid #bfd6d7}aside#settings{width:43%;flex-basis:43%}#stage,#studio[data-preview=expanded] #stage{height:calc(100dvh - 252px);min-height:112px}.stage-bottom{display:none}.move-status{display:none}.selection-info{bottom:8px}.mobile-preview-tools{grid-template-columns:minmax(0,1fr) 44px 36px 44px}.mobile-preview-tools #expandPreview{display:none}}
