:root{--ink:#2e493d;--muted:#738372;--paper:#f7f3e7;--pine:#365f4c;--gold:#dab477;--line:#dce0cc;--terracotta:#bd7254}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;font-family:"Trebuchet MS",sans-serif;color:var(--ink);background:#ececde}body{background-image:radial-gradient(#c7cbb940 .7px,transparent .7px);background-size:6px 6px}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,.forest-item:focus-visible{outline:3px solid #bc7849;outline-offset:4px}button{transition:background .18s,transform .18s}button:active{transform:translateY(2px)}.app{width:min(1600px,100%);margin:auto;padding:22px 30px 0}.topbar{padding:0 0 22px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:47px;height:56px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;margin:0 0 7px;color:#78856b}h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(23px,2.25vw,34px);margin:0;letter-spacing:-1px}.actions{display:flex;align-items:center;gap:8px}.action{height:42px;border:1px solid #365f4c;border-radius:9px;background:var(--pine);color:#fff9e9;padding:0 17px;font-weight:700;font-size:12px}.action span{color:#e9c778;margin-right:5px}.action.quiet{color:var(--pine);background:transparent;border-color:#cbd2bf}.action:hover{background:#456f59;color:#fff}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:20px;min-height:600px;height:calc(100dvh - 157px);max-height:920px}.stage-wrap{min-width:0;min-height:0;position:relative;background:#f8f6eb;border:1px solid #c7ceba;border-radius:18px;display:grid;grid-template-rows:42px 1fr 42px;box-shadow:0 7px 16px #334b3620;overflow:hidden}.scene-caption{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#f5f4e9;font-size:10px;letter-spacing:1.5px;font-weight:800;border-bottom:1px solid #d8dec8}.scene-caption i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#749263;margin-right:7px}.pill{font-size:11px;letter-spacing:0;font-weight:normal;color:#64765d}.forest-stage{position:relative;overflow:hidden;touch-action:none;isolation:isolate;min-height:0;background:#ccddd2}.landscape{position:absolute;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.sunbeam{position:absolute;inset:0;background:linear-gradient(115deg,transparent 32%,#fff4bd24 32%,#fff4bd00 48%);pointer-events:none}.empty-state{position:absolute;z-index:3;top:44%;left:50%;transform:translate(-50%,-50%);width:340px;text-align:center;pointer-events:none;color:#365940;text-shadow:0 1px #e4edd580}.empty-state svg{width:92px;height:83px;margin-bottom:6px;filter:drop-shadow(0 3px 4px #48693815)}.empty-title{font-family:Georgia,serif;font-size:30px;line-height:1.13;margin:0 0 14px;letter-spacing:-.7px}.empty-state p:not(.empty-title){font-size:13px;margin:0 0 20px}.empty-button{pointer-events:auto;border:1px solid #355640;background:#3e654d;border-radius:10px;color:#fff8db;padding:14px 18px;box-shadow:0 4px 0 #263f3022;font-size:12px;font-weight:700}.empty-button span{margin-left:12px;color:#d9c189}.empty-state.hidden{display:none}.wood-sign{position:absolute;bottom:9%;left:6%;transform:rotate(-5deg);width:116px;pointer-events:none;z-index:2}.wood-sign span{display:block;background:#b88a5a;color:#fff1c7;font-family:Georgia,serif;font-style:italic;font-size:17px;border-radius:5px 3px 6px 4px;border:2px solid #9c744e;padding:10px;text-align:center;box-shadow:0 3px 0 #7b60384a}.wood-sign i{display:block;background:#98754f;width:9px;height:30px;margin:auto}.scene-footer{position:relative;z-index:5000;display:flex;gap:12px;justify-content:space-between;align-items:center;padding:0 18px;font-size:11px;color:#64765d;background:#f6f4e7;border-top:1px solid #d8dec8}.scene-footer span:first-child{font-weight:700;color:var(--pine)}.scene-footer span:last-child{font-size:10px}.toolbar{background:#f6f3e6;border:1px solid #d8dbca;border-radius:16px;padding:22px 16px 16px;display:flex;flex-direction:column;min-height:0;box-shadow:0 4px 8px #40503c08}.toolkit-heading{display:flex;gap:4px;align-items:center;justify-content:space-between}.toolkit-heading h2{font-size:22px;font-family:Georgia,serif;font-weight:normal;margin:0;letter-spacing:-.7px}.leaf-stamp{font-size:42px;color:#7b966d;transform:rotate(-20deg)}.toolkit-note{color:#78806b;font-size:11px;margin:12px 0 21px}.categories{display:flex;border-bottom:1px solid #d7ddc8;gap:10px;margin-bottom:17px}.categories button{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;color:#75826c;padding:0 1px 11px;font-size:12px;font-weight:700}.categories button[aria-pressed=true]{border-bottom-color:var(--pine);color:var(--pine)}.categories button:hover{color:#a76846}.tool-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:auto;padding:4px 3px 12px;align-content:start;min-height:0}.tool-btn{border:1px solid #dedfce;background:#eeeddf;border-radius:11px;display:flex;flex-direction:column;align-items:center;min-height:111px;padding:4px 2px 9px;color:var(--ink);position:relative}.tool-btn:hover{background:#e5ead8;border-color:#91a881;transform:translateY(-2px)}.tool-btn::after{content:'+';position:absolute;right:6px;top:4px;color:#869875;font-size:13px}.tool-icon{display:block;width:100%;height:78px;padding:5px 7px}.tool-icon svg{width:100%;height:100%;filter:drop-shadow(0 2px 1px #39573c16)}.tool-label{font-size:11px;font-weight:700;margin-top:3px}.field-note{margin-top:auto;border-top:1px dashed #cbd2be;display:flex;gap:12px;padding:20px 3px 0;color:#7a816b;font-size:11px;line-height:1.7}.field-note>span{font-size:32px;color:#b28c54;line-height:1}.field-note p{margin:0}.field-note strong{font-family:Georgia,serif;font-size:14px;font-weight:normal;color:#4e644c}.page-footer{display:flex;justify-content:space-between;padding:14px 5px;color:#87907d;font-size:10px;letter-spacing:.4px}.forest-item{position:absolute;z-index:5;width:var(--base-size);height:var(--base-size);transform:translate(-50%,-92%) scale(var(--scale));transform-origin:50% 92%;touch-action:none;cursor:grab;filter:drop-shadow(0 5px 3px #2c533c12)}.forest-item:active{cursor:grabbing}.forest-item svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.forest-item.selected::before{position:absolute;inset:-5px;border:2px dashed #fff5cc;border-radius:18px;box-shadow:0 0 0 1px #4f72545a;content:'';pointer-events:none}.forest-item.animal{animation:wiggle 5s ease-in-out infinite}.forest-item.bird,.forest-item.butterfly{animation:bob 3s ease-in-out infinite}.resize-grip{position:absolute;right:-12px;bottom:-10px;display:none;width:28px;height:28px;border:3px solid #fff7dc;border-radius:50%;background:#d0a968;cursor:nwse-resize;pointer-events:auto}.resize-grip::before{content:'↘';position:absolute;inset:0;text-align:center;font-size:18px;line-height:21px;color:#3b583e}.selected .resize-grip{display:block}.selection-dock{position:absolute;z-index:6000;left:50%;bottom:57px;transform:translateX(-50%);display:none;gap:5px;align-items:center;padding:7px;border:1px solid #cbd3bd;border-radius:13px;background:#fbf7e9;box-shadow:0 5px 15px #38503626;white-space:nowrap}.selection-dock.show{display:flex}.selected-label{padding:0 9px;font-size:11px;font-family:Georgia,serif;color:#6c7a60}.mini-button{min-width:36px;height:34px;padding:0 9px;border:0;border-radius:8px;background:#e9ecd9;color:#3b6049;font-size:22px}.mini-button span{font-size:11px;vertical-align:middle}.mini-button.danger{background:#f2ded0;color:#a2583d}.sparkle{position:absolute;z-index:5000;width:9px;height:9px;background:#fbe5a4;border-radius:2px;box-shadow:20px 5px 0 -1px #fff3cb,-12px 15px 0 -2px #d6a358,7px -19px 0 -2px #eff6d1;animation:pop .65s ease-out forwards;pointer-events:none}@keyframes wiggle{50%{rotate:1.5deg}}@keyframes bob{50%{translate:0 -6px}}@keyframes pop{0%{opacity:0;scale:.2;rotate:0}40%{opacity:1;scale:1.2}100%{opacity:0;scale:1.8;rotate:40deg}}@media(min-width:1100px) and (max-height:800px){.workspace{min-height:510px}.tool-btn{min-height:96px}.tool-icon{height:65px}.toolbar{padding-top:16px}.field-note{padding-top:12px}.toolkit-note{margin:8px 0 16px}}@media(max-width:1050px){.app{padding:16px 18px 0}.workspace{grid-template-columns:minmax(0,1fr) 270px;gap:14px}.toolbar{padding:18px 12px 14px}.toolkit-heading h2{font-size:19px}.brand-mark{display:none}.actions{gap:5px}.action{padding:0 10px}.scene-footer span:last-child{display:none}.tool-row{gap:7px}}@media(max-width:760px){.workspace{display:flex;flex-direction:column;height:auto;min-height:0}.stage-wrap{height:560px;flex-shrink:0}.toolbar{height:auto}.tool-row{grid-template-columns:repeat(7,minmax(75px,1fr));overflow-x:auto}.field-note{display:none}.toolkit-heading h2{font-size:23px}.toolkit-note{margin-bottom:16px}.categories{max-width:350px}.topbar{padding-bottom:17px}.actions{justify-content:flex-end}.brand-mark{display:block}.tool-btn{min-height:100px}.page-footer{padding-bottom:20px}.empty-state{width:280px}.empty-title{font-size:27px}.tool-icon{height:70px}}@media(max-width:420px){.app{padding:12px 10px 0}h1{font-size:23px}.brand-mark{display:none}.eyebrow{font-size:8px;letter-spacing:1.5px}.stage-wrap{height:490px}.selected-label{display:none}.scene-caption{padding:0 12px;font-size:9px}.wood-sign{width:90px}.wood-sign span{font-size:14px}.page-footer{font-size:9px}.empty-state{top:42%}.empty-state svg{width:68px;height:61px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}