@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,650&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;color:#334139;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#334139;--muted:#78837a;--cream:#fbfaf4;--line:#3d4e4221;--sage:#6f8f69;--sage-dark:#52704f;--shadow:0 14px 35px #3e4b3d1c;background:#eef1e8;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background-color:#eef1e8;width:100%;min-width:320px;min-height:100%;margin:0}body{color:#334139;min-height:100vh;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #5d7f5659}.app-shell{background:radial-gradient(circle at 80% 0,#fff8d59e,#0000 30%),#eef1e8;grid-template-rows:72px minmax(0,1fr);height:100vh;display:grid}.app-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#fbfaf4c2;justify-content:space-between;align-items:center;padding:0 28px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{object-fit:contain;width:42px;height:42px;display:block}.brand strong{letter-spacing:-.25px;font-family:Fraunces,Georgia,serif;font-size:18px;line-height:1.1;display:block}.brand small{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:700;display:block}.header-note{border:1px solid var(--line);color:#68756b;background:#ffffff8c;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.sound-control{border:1px solid var(--line);color:#68756b;background:#ffffff8c;border-radius:999px;align-items:center;gap:3px;min-height:34px;transition:all .13s;display:inline-flex}.sound-toggle{min-height:32px;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:7px 6px 7px 10px;font-size:11px;font-weight:700;display:inline-flex}.sound-control:hover{color:#405b45;background:#ffffffdb}.sound-control.is-muted{color:#99837d}.day-night-toggle{border:1px solid var(--line);color:#68756b;cursor:pointer;background:#ffffff8c;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:7px 11px;font-size:11px;font-weight:700;transition:all .22s;display:inline-flex}.day-night-toggle:hover{color:#405b45;background:#ffffffdb}.day-night-toggle.is-night{color:#535b7b;background:#e9e9f0;border-color:#5f638b3d}.volume-slider{align-items:center;width:58px;padding:0 10px 0 2px;display:flex}.volume-slider input{width:100%;accent-color:var(--sage);cursor:pointer}.volume-slider input:disabled{cursor:default;opacity:.35}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sun-icon{color:#d8a84e;font-size:15px}.share-control,.new-world-control{position:relative}.new-world-trigger{color:#816c62;cursor:pointer;background:#fffaf5ad;border:1px solid #97705e2e;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:7px 11px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.new-world-trigger:hover:not(:disabled){color:#6f574c;background:#fffaf5;border-color:#97705e4d;transform:translateY(-1px)}.new-world-trigger:disabled{opacity:.42;cursor:default}.new-world-backdrop{z-index:70;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#2d393047;place-items:center;padding:20px;animation:.16s ease-out both new-world-backdrop-in;display:grid;position:fixed;inset:0}.new-world-dialog{border-radius:21px;width:min(390px,100%);padding:24px;animation:.22s cubic-bezier(.2,.8,.2,1) both new-world-dialog-in;box-shadow:0 24px 60px #2c3a2f38}.new-world-dialog-icon{color:#9b725e;background:linear-gradient(145deg,#f4e7dc,#fff8f1);border-radius:14px;place-items:center;width:42px;height:42px;margin-bottom:12px;display:grid}.new-world-dialog h2{color:#405044;margin:4px 0 7px;font-family:Fraunces,Georgia,serif;font-size:23px}.new-world-dialog p{color:#78837a;margin:0;font-size:12px;line-height:1.55}.new-world-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:19px;display:grid}.new-world-actions button{border:1px solid var(--line);color:#617065;cursor:pointer;background:#f7f7f1;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:39px;padding:8px 10px;font-size:10px;font-weight:800;display:flex}.new-world-actions button:hover{filter:brightness(.98);transform:translateY(-1px)}.new-world-actions button.is-danger{color:#fff;background:#a66f61;border-color:#aa7667}@keyframes new-world-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes new-world-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.share-trigger{color:#82663e;cursor:pointer;background:linear-gradient(135deg,#fffaf0,#f5edda);border:1px solid #b5894633;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:7px 12px;font-size:11px;font-weight:800;transition:all .16s;display:inline-flex;box-shadow:0 3px 10px #7c5c2e14}.share-trigger:hover:not(:disabled){color:#6d512c;background:#fffaf0;border-color:#b5894659;transform:translateY(-1px);box-shadow:0 6px 15px #7c5c2e21}.share-trigger:disabled{opacity:.48;cursor:default;box-shadow:none}.share-popover{z-index:45;border-radius:19px;width:350px;padding:20px;animation:.22s cubic-bezier(.2,.8,.2,1) both share-pop;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 50px #2c3a2f33}.share-close{color:#89938b;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:10px;right:10px}.share-close:hover{color:#4f6253;background:#eef1e9}.share-popover-icon{color:#9c7440;background:linear-gradient(145deg,#f3e8cc,#fff8e9);border-radius:13px;place-items:center;width:39px;height:39px;margin-bottom:10px;display:grid}.share-popover h2{color:#405044;margin:4px 0 6px;font-family:Fraunces,Georgia,serif;font-size:21px}.share-popover p{color:#78837a;margin:0 0 13px;font-size:11px;line-height:1.5}.share-link-field{border:1px solid var(--line);color:#7a877d;background:#fff;border-radius:11px;align-items:center;gap:7px;height:38px;padding:0 10px;display:flex}.share-link-field input{color:#69766c;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.share-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.share-actions button{border:1px solid var(--line);color:#617065;cursor:pointer;background:#f7f7f1;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:7px;font-size:10px;font-weight:800;display:flex}.share-actions button:first-child{background:var(--sage);color:#fff}.share-actions button.is-success{background:#557d5d}.share-actions button:hover{filter:brightness(.98);transform:translateY(-1px)}.share-manual-hint,.share-size-warning,.share-note{color:#8c958e;margin-top:8px;font-size:9px;line-height:1.4;display:block}.share-manual-hint{color:#9b6c58}.share-size-warning{color:#996e45;background:#fbf1e4;border-radius:8px;padding:7px 8px}.share-load-toast{z-index:60;color:#4f6d54;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fafaf3f2;border:1px solid #4b6f502e;border-radius:999px;padding:10px 15px;font-size:11px;font-weight:700;animation:.26s ease-out both toast-in;position:fixed;top:82px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #2d3e3129}.share-load-toast.is-invalid{color:#925f54}@keyframes share-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-7px)}to{opacity:1;transform:translate(-50%)}}.workspace{grid-template-columns:236px minmax(0,1fr);gap:18px;min-height:0;padding:18px;display:grid}.palette-expand{min-height:0;color:var(--sage-dark);cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:center;gap:9px;padding:18px 8px;display:flex}.palette-expand span{writing-mode:vertical-rl;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:800}.panel-heading-actions{align-items:center;gap:6px;display:flex}.panel-heading-actions .icon-button{width:28px;height:28px}.palette-search{border:1px solid var(--line);height:34px;color:var(--muted);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:0 10px;display:flex}.palette-search input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:12px}.palette-quick-row{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:9px 2px 5px;font-size:10px;display:flex}.palette-quick-row button,.quick-materials button{color:#ba765e;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.quick-materials{gap:4px;padding:3px 0 9px;display:flex;overflow-x:auto}.quick-materials button{border:1px solid var(--line);background:#fff;border-radius:8px;flex:none;width:27px;height:27px}.quick-materials .block-swatch{background:var(--block-color);background-size:cover;border-radius:5px;width:18px;height:18px}.brush-size{background:#edf0e7;border-radius:9px;gap:2px;padding:3px;display:flex}.brush-size button{color:#708075;cursor:pointer;background:0 0;border:0;border-radius:6px;width:23px;height:25px;font-size:10px;font-weight:800}.brush-size button.is-active{color:#355c43;background:#fff;box-shadow:0 1px 4px #283c2d24}.context-panel{z-index:7;align-items:center;gap:14px;padding:10px 12px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.context-panel>div:first-child{min-width:92px}.context-panel strong,.context-panel small{display:block}.context-panel strong{font-family:Fraunces,Georgia,serif;font-size:15px}.context-panel small{color:var(--muted);margin-top:2px;font-size:10px}.context-actions{gap:3px;display:flex}.context-actions .icon-button{width:31px;height:31px}.header-popover{position:relative}.header-popover>summary{border:1px solid var(--line);color:#68756b;cursor:pointer;background:#ffffff8c;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:7px 11px;font-size:11px;font-weight:700;list-style:none;display:flex}.header-popover>summary::-webkit-details-marker{display:none}.header-popover-menu{z-index:30;width:280px;padding:16px;position:absolute;top:calc(100% + 10px);right:0}.environment-menu .eyebrow+.segmented,.environment-menu .eyebrow+.weather-grid{margin:6px 0 14px}.segmented{grid-template-columns:1fr 1fr;gap:4px;display:grid}.segmented button,.weather-grid button,.wide-toggle,.project-slot button,.project-file-actions button,.project-file-actions label{border:1px solid var(--line);color:#617065;cursor:pointer;background:#fff;border-radius:9px;min-height:32px;font-size:10px;font-weight:700}.segmented button.is-active,.weather-grid button.is-active,.wide-toggle.is-active{color:#31573e;background:#e7efe3;border-color:#8dae94}.weather-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.weather-grid button,.wide-toggle{justify-content:center;align-items:center;gap:6px;display:flex}.environment-range{color:var(--muted);gap:5px;margin:4px 0 12px;font-size:10px;font-weight:700;display:grid}.environment-range>span,.environment-range small{justify-content:space-between;align-items:center;display:flex}.environment-range output{color:#4d6955;font-variant-numeric:tabular-nums}.environment-range small{color:#9aa49c;font-size:8px;font-weight:600}.environment-range input{width:100%;accent-color:var(--sage)}.wide-toggle{width:100%}.project-menu{width:300px}.project-slot{grid-template-columns:1fr 1fr 32px;gap:4px;margin:6px 0;display:grid}.project-slot button{justify-content:center;align-items:center;gap:5px;padding:0 7px;display:flex}.project-slot button:disabled{opacity:.45;cursor:default}.project-file-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.project-file-actions button,.project-file-actions label{justify-content:center;align-items:center;gap:6px;display:flex}.project-file-actions input{display:none}.welcome-card{z-index:8;width:265px;padding:18px;position:absolute;bottom:88px;right:18px}.welcome-card h2{margin:3px 0 8px;font-family:Fraunces,Georgia,serif;font-size:20px}.welcome-card p{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.5}.welcome-card p svg{vertical-align:-2px}.exit-photo-mode{z-index:50;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#1f2c26b8;border:1px solid #ffffff73;border-radius:999px;padding:9px 14px;position:fixed;bottom:18px;right:18px}.app-shell.is-photo-mode{grid-template-rows:minmax(0,1fr)}.app-shell.is-photo-mode .app-header,.app-shell.is-photo-mode .palette,.app-shell.is-photo-mode .palette-expand,.app-shell.is-photo-mode .toolbar,.app-shell.is-photo-mode .mobile-view-toggle,.app-shell.is-photo-mode .mobile-pan-hint,.app-shell.is-photo-mode .canvas-tip,.app-shell.is-photo-mode .viewport-rotate,.app-shell.is-photo-mode .context-panel,.app-shell.is-photo-mode .welcome-card,.app-shell.is-photo-mode .status-bar{display:none}.app-shell.is-photo-mode .workspace{grid-template-columns:minmax(0,1fr);gap:0;padding:0}.app-shell.is-photo-mode .canvas-frame{border-radius:0}.panel{box-shadow:var(--shadow);background:#fbfaf4f0;border:1px solid #4150431c;border-radius:17px}.palette{flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 18px 15px;display:flex}.eyebrow{color:#94a096;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.panel-heading h2,.help-dialog h2{letter-spacing:-.4px;margin:0;font-family:Fraunces,Georgia,serif;font-size:21px}.palette-count{color:#778176;background:#edf0e7;border-radius:50%;place-items:center;min-width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.palette-scroll{scrollbar-width:thin;scrollbar-color:#ccd3c7 transparent;min-height:0;padding:16px 12px 22px;overflow-y:auto}.palette-section+.palette-section{margin-top:20px}.shape-section{border-bottom:1px solid var(--line);padding-bottom:16px}.palette-section h3{color:#7d897f;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:6px;margin:0 5px 9px;font-size:10px;font-weight:700;display:flex}.block-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.shape-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.shape-tabs{background:#eef1e9;border-radius:10px;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:8px;padding:3px;display:grid}.shape-tabs button{color:#7b877e;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 5px;font-size:9px;font-weight:800}.shape-tabs button.is-active{color:#405b45;background:#fbfbf6;box-shadow:0 2px 7px #43544417}.shape-grid.is-decor .shape-card{grid-template-columns:auto 1fr;justify-items:start;padding:8px}.shape-card{color:#718076;cursor:pointer;background:#f1f3ec;border:1px solid #0000;border-radius:9px;justify-items:center;gap:5px;min-width:0;padding:8px 3px 7px;font-size:9px;font-weight:700;transition:all .13s;display:grid}.shape-card:hover{color:#435946;background:#e9eee5}.shape-card.is-selected{color:#405b45;background:#dfe8d8;border-color:#afbea7}.shape-rotate-button{color:#596b5c;cursor:pointer;text-align:left;background:#fbfbf6;border:1px solid #d7ded2;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;width:100%;margin-top:8px;padding:8px 10px;font-size:10px;font-weight:700;transition:all .13s;display:grid}.shape-rotate-button:hover{color:#405b45;background:#e9eee5;border-color:#afbea7}.shape-rotate-button strong{text-align:center;background:#e4eadf;border-radius:6px;min-width:31px;padding:3px 5px;font-size:9px}.block-card{color:#687369;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:9px 5px 8px;font-size:10px;font-weight:600;transition:all .14s;display:flex}.block-card:hover{background:#f0f2ea;transform:translateY(-1px)}.block-card.is-selected{color:#40523f;background:#e7ecdf;border-color:#afbea7}.block-swatch{background-color:var(--block-color);background-position:50%;background-size:cover;border-radius:7px;width:35px;height:35px;display:block;position:relative;transform:rotate(2deg);box-shadow:inset -6px -7px #353a2e1f,inset 5px 5px #ffffff21,0 4px 7px #3843351f}.block-card:nth-child(2n) .block-swatch{transform:rotate(-2deg)}.game-area{grid-template-rows:minmax(0,1fr) 34px;min-width:0;min-height:0;display:grid}.canvas-frame{min-width:0;min-height:0;box-shadow:var(--shadow);background:linear-gradient(#dfead4 0%,#d5e4d1 58%,#c8d9ce 100%);border:1px solid #3b50421a;border-radius:18px;position:relative;overflow:hidden}.canvas-frame:before{content:"";pointer-events:none;background:radial-gradient(circle at 82% 12%,#fff9d0b8,#0000 21%),linear-gradient(115deg,#ffffff26,#0000 35%);position:absolute;inset:0}.canvas-frame canvas{z-index:1;position:relative}.canvas-frame.tool-place canvas{cursor:default}.canvas-frame.tool-erase canvas{cursor:url(/cursor-erase.svg) 4 22,cell}.canvas-frame.tool-paint canvas,.canvas-frame.tool-fill canvas{cursor:url(/cursor-paint.svg) 4 22,cell}.canvas-frame.tool-pick canvas{cursor:url(/cursor-pick.svg) 5 22,copy}.canvas-frame.tool-line canvas,.canvas-frame.tool-plane canvas{cursor:crosshair}.canvas-frame.tool-duplicate canvas{cursor:copy}.canvas-frame.tool-move canvas{cursor:move}.canvas-frame.is-pan-mode canvas{cursor:grab}.canvas-frame.is-pan-mode canvas:active{cursor:grabbing}.viewport-rotate{z-index:2;color:#657b69;cursor:pointer;opacity:.72;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fbfaf49e;border:1px solid #43594824;border-radius:14px;place-items:center;width:46px;height:64px;transition:opacity .14s,background .14s,transform .14s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 20px #3445371f}.viewport-rotate:hover{color:#405b45;opacity:1;background:#fbfaf4e6}.viewport-rotate:active{transform:translateY(-50%)scale(.94)}.viewport-rotate--left{left:14px}.viewport-rotate--right{right:14px}.toolbar{z-index:3;scrollbar-width:none;border-radius:14px;align-items:center;gap:5px;max-width:calc(100% - 116px);padding:7px;display:flex;position:absolute;bottom:18px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 12px 28px #3445372e}.toolbar::-webkit-scrollbar{display:none}.tool-group{flex:none;gap:4px;display:flex}.tool-divider{background:var(--line);width:1px;height:25px;margin:0 2px}.toolbar-more{display:none}.icon-button{color:#718076;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:35px;height:35px;transition:all .13s;display:grid}.icon-button:hover:not(:disabled){color:#435946;background:#eef1e9}.icon-button.is-active{background:var(--sage);color:#fff;box-shadow:0 5px 10px #4d69493d}.icon-button:disabled{opacity:.28;cursor:default}.canvas-tip{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#758077;pointer-events:none;white-space:nowrap;background:#fbfaf4ba;border:1px solid #465b4a1a;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:600;position:absolute;top:16px;left:50%;transform:translate(-50%)}.light-pool-notice{color:#79683f;background:#fff9e2e6;border-color:#b182362e;align-items:center;gap:7px;animation:.18s ease-out both light-notice-in;display:flex;box-shadow:0 7px 18px #5b4a281f}.light-pool-notice svg{color:#d69f42;animation:.7s ease-in-out infinite alternate light-notice-twinkle}.light-pool-notice small{color:#a18f67;font-size:9px;font-weight:500}@keyframes light-notice-in{0%{opacity:0;transform:translate(-50%,-5px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes light-notice-twinkle{0%{opacity:.55;transform:scale(.9)rotate(-6deg)}to{opacity:1;transform:scale(1.08)rotate(6deg)}}.selection-count{color:#32687d;white-space:nowrap;pointer-events:none;background:#f8fbf5eb;border:1px solid #2a5d7338;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;display:block;box-shadow:0 5px 12px #2a4a3d24}.status-bar{color:#7d887f;justify-content:space-between;align-items:end;padding:0 4px;font-size:10px;font-weight:600;display:flex}.save-status,.status-actions{align-items:center;gap:7px;display:flex}.save-dot{background:#79a16d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #79a16d24}.status-actions{gap:14px}.dialog-backdrop{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#2d393047;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help-dialog{width:min(420px,100%);max-height:calc(100vh - 40px);padding:30px;position:relative;overflow-y:auto}.dialog-close{cursor:pointer;background:#eef1e9;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:15px;right:15px}.help-dialog h2{margin-bottom:22px;font-size:27px}.help-list{gap:10px;display:grid}.help-list p{color:#6f7b72;grid-template-columns:100px 1fr;align-items:center;margin:0;font-size:13px;display:grid}kbd{color:#4d5e50;background:#f6f6f0;border:1px solid #d7ddd2;border-bottom-width:2px;border-radius:6px;justify-self:start;padding:5px 8px;font-family:inherit;font-size:10px;font-weight:700}.primary-button{background:var(--sage);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;margin-top:24px;padding:12px 16px;font-weight:700}@media (width<=760px){body{overflow:auto}.app-shell{grid-template-rows:64px 1fr;height:auto;min-height:100vh}.app-header{padding:0 16px}.header-note,.sound-toggle span,.volume-slider{display:none}.sound-control,.sound-toggle,.day-night-toggle{justify-content:center;width:34px;padding:0}.day-night-toggle span{display:none}.workspace{grid-template-rows:minmax(520px,70vh) auto;grid-template-columns:1fr;gap:10px;padding:10px}.game-area{grid-row:1}.palette{grid-row:2;max-height:none}.palette-scroll{gap:16px;display:flex;overflow-x:auto}.palette-section{min-width:220px}.palette-section+.palette-section{margin-top:0}.canvas-tip{display:none}.toolbar{bottom:12px;overflow:visible}.toolbar>:nth-child(n+2):not(.toolbar-more){display:none}.toolbar-more{display:block;position:relative}.toolbar-more summary{color:#718076;cursor:pointer;border-radius:9px;place-items:center;width:33px;height:33px;list-style:none;display:grid}.toolbar-more summary::-webkit-details-marker{display:none}.toolbar-more[open] summary{color:#405b45;background:#e5eadf}.toolbar-more-menu{gap:6px;min-width:202px;padding:10px;display:grid;position:absolute;bottom:43px;right:0;box-shadow:0 12px 28px #34453738}.toolbar-more-label{color:#8a958b;letter-spacing:1px;text-transform:uppercase;padding:2px 3px 0;font-size:8px;font-weight:800}.toolbar-more-menu .tool-group{justify-content:space-between}.icon-button{width:33px;height:33px}.tool-divider{margin:0}}@media (width<=430px){.brand strong{font-size:16px}.brand small{font-size:8px}.workspace{grid-template-rows:minmax(440px,68vh) auto}.toolbar{justify-content:flex-start;gap:2px;width:calc(100% - 20px);max-width:none}.tool-group{gap:2px}}.workspace{grid-template-columns:286px minmax(0,1fr);gap:14px;padding:14px}.workspace.is-palette-collapsed{grid-template-columns:52px minmax(0,1fr)}.palette-drag-handle,.mobile-view-toggle,.mobile-pan-hint{display:none}.palette{border-radius:20px;animation:.28s cubic-bezier(.2,.8,.2,1) both panel-rise}.panel-heading{background:linear-gradient(#ffffff80,#0000);padding:18px 18px 14px}.palette-scroll{padding:12px 14px 18px;overflow-x:hidden}.active-kit{background:linear-gradient(135deg,#eef4e8,#f8f5e9);border:1px solid #5f7a5829;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid;box-shadow:inset 0 1px #fffc}.active-kit-icon,.context-selection-icon{width:42px;height:42px;color:var(--sage-dark);background:#fff;border-radius:12px;place-items:center;display:grid;box-shadow:0 5px 12px #364c391a}.active-kit>span:nth-child(2),.context-selection>span:last-child{min-width:0}.active-kit small,.context-selection small{color:#879288;font-size:9px;font-weight:700;display:block}.active-kit strong,.context-selection strong{color:#3f5844;text-overflow:ellipsis;white-space:nowrap;font-family:Fraunces,Georgia,serif;font-size:15px;display:block;overflow:hidden}.active-kit em,.context-selection em{color:#a07160;font-size:10px;font-style:normal;font-weight:700;display:block}.active-kit>button{color:#617565;cursor:pointer;background:#ffffffbd;border:0;border-radius:10px;place-items:center;gap:0;min-width:34px;height:38px;display:grid}.active-kit>button:hover{background:#fff}.catalog-tabs{background:#e9ede5;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:12px 0;padding:4px;display:grid}.catalog-tabs button{color:#78847a;cursor:pointer;background:0 0;border:0;border-radius:10px;align-content:center;place-items:center;gap:4px;min-width:0;min-height:52px;padding:5px 2px;font-size:9px;font-weight:800;transition:all .16s;display:grid}.catalog-tabs button:hover{color:#435946}.catalog-tabs button.is-active{color:#48674e;background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3246361f}.quick-materials-wrap{margin:4px 0 14px;padding:0 2px}.quick-materials-wrap>.eyebrow{font-size:8px}.quick-materials{padding:6px 0 0}.quick-materials button{width:31px;height:31px;transition:all .15s}.quick-materials button.is-selected{border-color:#73906f;transform:translateY(-2px);box-shadow:0 0 0 2px #6f8f692b}.catalog-view{animation:.2s ease-out both option-reveal}.section-intro{color:#899189;margin:-2px 0 10px;font-size:10px;line-height:1.45}.shape-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.shape-grid.is-decor{grid-template-columns:repeat(2,minmax(0,1fr))}.shape-card,.shape-grid.is-decor .shape-card{text-align:left;grid-template-columns:28px minmax(0,1fr);place-items:center start;gap:7px;min-height:53px;padding:8px}.shape-card>span{width:100%;min-width:0;max-width:100%;display:block;overflow:hidden}.shape-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.shape-card small{color:#8c958d;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;font-weight:500;line-height:1.25;display:block;overflow:hidden}.shape-card.is-selected{box-shadow:0 5px 14px #48664a1f}.material-view .palette-search{margin-bottom:8px}.material-current-row{color:#818b83;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;padding:4px 2px;font-size:10px;display:flex}.material-current-row button{color:#b26e5b;cursor:pointer;background:#f4e9e2;border:0;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.block-card{border-radius:12px}.context-panel{border-radius:16px;gap:12px;padding:8px 10px;animation:.22s cubic-bezier(.2,.9,.25,1.1) both context-pop;top:14px}.context-selection{align-items:center;gap:9px;min-width:164px;display:flex}.context-selection-icon{border-radius:10px;flex:none;width:36px;height:36px}.context-actions{gap:3px}.context-action{color:#718076;cursor:pointer;background:0 0;border:0;border-radius:10px;align-content:center;place-items:center;gap:2px;min-width:51px;height:42px;padding:3px 6px;transition:all .14s;display:grid}.context-action span{font-size:8px;font-weight:700}.context-action:hover{color:#435946;background:#eef1e9;transform:translateY(-1px)}.context-action.is-danger{color:#a46c62}.context-action.is-danger:hover{color:#914f45;background:#f8ebe7}.toolbar{border-radius:18px;flex-direction:column;align-items:stretch;gap:5px;width:min(760px,100% - 118px);max-width:none;padding:6px;animation:.36s cubic-bezier(.2,.8,.2,1) both toolbar-float;display:flex;overflow:visible}.tool-options{border-bottom:1px solid var(--line);scrollbar-width:none;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:3px 6px 4px;display:flex;overflow-x:auto}.tool-options::-webkit-scrollbar{display:none}.tool-options-label{color:#8a958c;letter-spacing:.3px;text-transform:uppercase;flex:none;align-items:center;gap:5px;font-size:9px;font-weight:800;display:inline-flex}.tool-options .icon-button{width:31px;height:31px}.tool-variants{gap:2px}.mini-divider{background:var(--line);width:1px;height:20px;margin:0 2px}.tint-controls{border:1px solid var(--line);background:#f7f8f2d1;border-radius:999px;flex:none;align-items:center;gap:4px;padding:2px 5px;display:flex}.tint-swatch,.tint-custom{background:var(--tint-color);cursor:pointer;border:2px solid #ffffffeb;border-radius:50%;flex:none;width:24px;height:24px;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 0 0 1px #41534424,0 2px 5px #3041341f}.tint-swatch:hover,.tint-custom:hover{transform:translateY(-1px)scale(1.06)}.tint-swatch.is-active,.tint-custom.is-active{box-shadow:0 0 0 2px var(--sage), 0 3px 7px #3041342e;transform:scale(1.08)}.tint-custom span{background:conic-gradient(#d66f68,#efd36d,#83ad68,#65a7a0,#6f92bd,#9a78b3,#d985a6,#d66f68);border:1px solid #ffffffd1;border-radius:50%;position:absolute;inset:4px}.tint-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.tint-controls .icon-button{border-radius:50%;width:26px;height:26px;margin-left:1px}.toolbar-main{justify-content:center;align-items:center;gap:6px;display:flex}.main-tools,.history-tools{align-items:center;gap:3px;display:flex}.main-tool{color:#6f7c72;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:24px auto;justify-content:center;place-items:center;gap:5px;min-width:72px;height:48px;padding:5px 9px;transition:all .16s;display:grid}.main-tool>span{place-items:center;display:grid}.main-tool small{font-size:10px;font-weight:800}.main-tool:hover{color:#435946;background:#eef1e9;transform:translateY(-1px)}.main-tool.is-active{color:#fff;background:linear-gradient(145deg,#789873,#668461);box-shadow:0 7px 14px #4d694940,inset 0 1px #ffffff38}.toolbar .toolbar-more{display:block;position:relative}.toolbar-more summary{color:#718076;cursor:pointer;border-radius:10px;place-items:center;width:35px;height:35px;list-style:none;display:grid}.toolbar-more summary::-webkit-details-marker{display:none}.toolbar-more[open] summary{color:#405b45;background:#e8ece4}.toolbar-more-menu{gap:7px;width:280px;padding:11px;display:grid;position:absolute;bottom:46px;right:0}.toolbar-more-label{color:#8a958b;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:5px;padding:2px 3px 0;font-size:8px;font-weight:800;display:flex}.camera-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.camera-presets button{border:1px solid var(--line);color:#748078;cursor:pointer;background:#f6f7f1;border-radius:10px;align-content:center;place-items:center;gap:3px;min-width:0;min-height:49px;padding:5px 3px;font-size:8px;font-weight:800;transition:all .14s;display:grid}.camera-presets button:hover{color:#465c4a;background:#eef2e9}.camera-presets button.is-active{color:#416046;background:#e4ecdf;border-color:#90aa8c;box-shadow:inset 0 1px #ffffffb3}.camera-pitch-control{color:#707d73;background:#f7f6ef;border-radius:10px;gap:4px;padding:7px 8px 8px;font-size:9px;font-weight:700;display:grid}.camera-pitch-control>span,.camera-pitch-control small{justify-content:space-between;align-items:center;display:flex}.camera-pitch-control output{color:#45634b;font-variant-numeric:tabular-nums}.camera-pitch-control input{width:100%;accent-color:var(--sage);cursor:pointer}.camera-pitch-control small{color:#929a93;font-size:7px;font-weight:600}.camera-pitch-control+.toolbar-more-label{border-top:1px solid var(--line);margin-top:2px;padding-top:8px}.welcome-card{border-radius:20px;animation:.45s cubic-bezier(.2,.8,.2,1) .18s both welcome-in}.welcome-card:before{content:"✦";color:#d09b4f;background:#edf3e7;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:9px;font-size:17px;display:grid}.welcome-steps{grid-template-columns:repeat(3,1fr);gap:5px;margin:-3px 0 14px;display:grid}.welcome-steps span{color:#758077;background:#f0f2e9;border-radius:10px;place-items:center;gap:3px;padding:7px 3px;font-size:9px;font-weight:700;display:grid}.welcome-steps strong{color:#fff;background:#789873;border-radius:50%;place-items:center;width:19px;height:19px;font-size:9px;display:grid}@keyframes panel-rise{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes option-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes context-pop{0%{opacity:0;transform:translate(-50%,-8px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes toolbar-float{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes welcome-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.tool-options-label{display:none}.main-tool{grid-template-columns:1fr;gap:0;min-width:57px;padding:4px 6px}.main-tool small{font-size:8px}.context-action span{display:none}.context-action{width:34px;min-width:34px}.context-selection{min-width:132px}}@media (width<=760px){html,body,#root{min-width:0;height:100%;overflow:hidden}body{overflow:hidden}.app-shell{grid-template-rows:58px minmax(0,1fr);width:100%;height:100dvh;min-height:0;overflow:hidden}.app-header{gap:6px;min-width:0;padding:0 10px}.brand{gap:7px;min-width:0}.brand-mark{width:34px;height:34px}.brand strong{font-size:14px;line-height:1}.brand small{display:none}.header-actions{gap:3px;min-width:0}.header-popover>summary,.day-night-toggle,.new-world-trigger,.share-trigger,.sound-control,.sound-toggle{justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0}.header-popover>summary span,.day-night-toggle span,.new-world-trigger span,.share-trigger span,.sound-toggle span,.volume-slider,.header-note{display:none}.header-popover-menu{width:min(300px,100vw - 16px);position:fixed;top:64px;right:8px}.share-popover{width:min(350px,100vw - 16px);position:fixed;top:64px;right:8px}.share-load-toast{text-align:center;width:max-content;max-width:calc(100vw - 20px);top:66px}.workspace,.workspace.is-palette-collapsed{min-width:0;height:100%;padding:8px;display:block;position:relative;overflow:hidden}.game-area{grid-template-rows:minmax(0,1fr) 27px;width:100%;height:100%}.canvas-frame{border-radius:17px}.status-bar{min-width:0;padding:0 4px}.status-actions{gap:7px}.palette{z-index:12;border-radius:22px;grid-template-rows:38px auto minmax(0,1fr);width:auto;height:min(52dvh,470px);max-height:none;transition:height .26s cubic-bezier(.2,.8,.2,1),border-radius .18s;animation-name:mobile-sheet;display:grid;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden;box-shadow:0 18px 50px #2d3c303d}.palette:before{display:none}.palette.is-sheet-expanded{border-radius:20px;height:calc(100% - 16px)}.palette.is-sheet-dragging{height:var(--mobile-sheet-height);-webkit-user-select:none;user-select:none;transition:none}.palette-drag-handle{cursor:ns-resize;touch-action:none;background:0 0;border:0;place-items:center;width:100%;height:38px;padding:0;display:grid}.palette-drag-handle span{background:#cbd2c7;border-radius:999px;width:52px;height:4px;transition:width .15s,background .15s}.palette-drag-handle:hover span,.palette-drag-handle:focus-visible span,.palette.is-sheet-dragging .palette-drag-handle span{background:#9eaa9e;width:66px}.palette .panel-heading{padding:0 16px 10px}.palette-scroll{overscroll-behavior:contain;min-width:0;padding:8px 14px 18px;display:block;overflow:hidden auto}.palette-section{min-width:0}.palette-section+.palette-section{margin-top:18px}.shape-grid.is-decor{grid-template-columns:repeat(2,minmax(0,1fr))}.shape-grid.is-decor .shape-card{min-width:0}.block-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-expand{z-index:8;border-radius:999px;flex-direction:row;gap:7px;width:auto;height:44px;min-height:0;padding:0 14px;position:absolute;bottom:172px;left:14px;box-shadow:0 8px 22px #3346372e}.palette-expand span{writing-mode:horizontal-tb;font-size:9px}.mobile-view-toggle{z-index:8;color:#5d7462;cursor:pointer;letter-spacing:.3px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfaf4f0;border:1px solid #445b4824;border-radius:999px;align-items:center;gap:7px;height:44px;min-height:0;padding:0 14px;font-size:9px;font-weight:800;transition:bottom .26s cubic-bezier(.2,.8,.2,1),opacity .15s,transform .15s;display:flex;position:absolute;bottom:137px;right:14px;box-shadow:0 8px 22px #3346372e}.workspace:not(.is-palette-collapsed) .mobile-view-toggle{bottom:calc(min(52dvh,470px) + 16px)}.palette.is-sheet-expanded+.game-area .mobile-view-toggle,.palette.is-sheet-dragging+.game-area .mobile-view-toggle{opacity:0;pointer-events:none;transform:translateY(8px)}.mobile-view-toggle.is-active{background:var(--sage);color:#fff;border-color:#49694c4d;box-shadow:0 9px 24px #4260454d}.mobile-pan-hint{z-index:7;color:#58705d;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);text-align:center;pointer-events:none;background:#fbfaf4e6;border:1px solid #435c4724;border-radius:999px;width:max-content;max-width:calc(100% - 30px);padding:8px 12px;font-size:9px;font-weight:800;animation:.18s ease-out both option-reveal;display:block;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 7px 18px #32443621}.toolbar{border-radius:17px;gap:3px;width:calc(100% - 20px);max-width:none;padding:5px;bottom:10px}.toolbar>:nth-child(n+2):not(.toolbar-more){display:flex}.tool-options{justify-content:flex-start;min-height:37px;padding:2px 3px 4px}.tool-options .icon-button{flex:none;width:34px;height:34px}.toolbar-main{justify-content:space-between;gap:2px}.main-tools{flex:1;justify-content:space-between}.main-tool{grid-template-columns:1fr;gap:0;width:25%;min-width:0;height:44px;padding:3px}.main-tool small{font-size:8px}.history-tools{gap:0}.history-tools .icon-button{width:30px;height:38px}.toolbar .tool-divider{display:none}.toolbar-more summary{width:31px;height:38px}.toolbar-more-menu{bottom:43px;right:-3px}.context-panel{justify-content:space-between;gap:5px;width:calc(100% - 20px);padding:7px;top:10px}.context-selection{flex:1;min-width:0}.context-selection-icon{width:34px;height:34px}.context-selection small,.context-selection em{display:none}.context-selection strong{font-size:13px}.context-actions{flex:none}.context-action{width:32px;min-width:32px;height:36px;padding:2px}.context-actions .context-action:first-child,.context-actions .context-action:nth-child(5){display:none}.context-actions .icon-button{width:32px;height:36px}.welcome-card{width:auto;bottom:125px;left:14px;right:14px}.viewport-rotate{width:42px;height:56px}}@media (width<=430px){.brand span{max-width:72px}.header-actions{gap:2px}.photo-mode-toggle{display:none}.shape-grid.is-decor{grid-template-columns:1fr 1fr}.shape-card small{display:none}.shape-card,.shape-grid.is-decor .shape-card{min-height:46px}.tool-options .brush-size{flex:none}}@keyframes mobile-sheet{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.palette,.catalog-view,.context-panel,.toolbar,.welcome-card,.new-world-backdrop,.new-world-dialog,.share-popover,.share-load-toast{animation:none}.catalog-tabs button,.main-tool,.context-action,.quick-materials button{transition:none}}