@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-weight:300;font-display:swap;src:url(assets/fonts/ZenKakuGothicNew-Light.woff2) format("woff2")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/ZenKakuGothicNew-Regular.woff2) format("woff2")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/ZenKakuGothicNew-Medium.woff2) format("woff2")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/ZenKakuGothicNew-Bold.woff2) format("woff2")}@font-face{font-family:Shippori Antique B1;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/ShipporiAntiqueB1-Regular.woff2) format("woff2")}body{margin:0;overflow:hidden;font-family:Zen Kaku Gothic New,sans-serif;font-weight:300;background:linear-gradient(135deg,#667eea,#764ba2)}*{user-select:none}#app-title{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:10;font-family:Shippori Antique B1,serif;font-size:28px;color:#fff;letter-spacing:.06em;text-shadow:0 0 4px rgba(25,50,79,.4);pointer-events:none;white-space:nowrap;margin:0!important}#world{position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,#87ceeb,#98fb98);overflow:hidden;touch-action:none}#world canvas{touch-action:none}#sheet-tabs{display:none}.sheet-panel{display:contents}#control-col{position:absolute;top:20px;left:20px;width:250px;display:flex;flex-direction:column;gap:8px;z-index:1001;width:238px;min-width:200px}.control-section{background:#ffffffad;padding:10px 20px 6px;border-radius:15px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);min-width:240px}.foliage-section{margin-bottom:8px}#tree-name-card{background:#ffffffad;padding:8px 10px 4px;border-radius:13px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);min-width:260px}.tree-name-label{position:absolute;top:0;left:58%;transform:translate(-50%);color:#778080!important}#treeName{width:100%;box-sizing:border-box;border:none;background:transparent;color:#1c2937;font-size:20px;font-weight:lighter;letter-spacing:.05em;text-align:center;outline:none;padding:6px 6px 2px;border-radius:8px;transition:background .6s}#treeName::placeholder{color:#7f8c8d;font-weight:500}#treeName:hover{background:#fff6}#treeName:focus{background:#ffffffb3}.control-section h3{margin:0 0 4px;color:#2c3e50;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.control-row{display:flex;align-items:center;margin-bottom:6px;gap:10px}.control-row.with-slider{margin-bottom:12px;margin-top:8px}.control-label{flex:1;font-size:12px;color:#34495e;font-weight:500}.control-input{flex:1;max-width:100px}input[type=range]{--fill: 0%;--track-h: 6px;--track-fill: #6b9b03;--track-fill-2: #4f7a05;--track-empty: #ded7c6;--thumb: #f6f2e8;--thumb-ring: #6b9b03;width:100%;height:var(--track-h);border-radius:999px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(90deg,var(--track-fill),var(--track-fill-2)) no-repeat,var(--track-empty);background-size:var(--fill) 100%,100% 100%;box-shadow:inset 0 1px 2px #281e0a2e;transition:background-size .04s linear}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff,var(--thumb) 65%);border:2px solid var(--thumb-ring);cursor:pointer;box-shadow:0 2px 5px #281e0a4d;transition:transform .12s ease,box-shadow .12s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.18);box-shadow:0 0 0 6px #6b9b0329,0 2px 5px #281e0a59}input[type=range]::-moz-range-track{height:var(--track-h);border-radius:999px;background:var(--track-empty);box-shadow:inset 0 1px 2px #281e0a2e}input[type=range]::-moz-range-progress{height:var(--track-h);border-radius:999px;background:linear-gradient(90deg,var(--track-fill),var(--track-fill-2))}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff,var(--thumb) 65%);border:2px solid var(--thumb-ring);cursor:pointer;box-shadow:0 2px 5px #281e0a4d;transition:transform .12s ease}input[type=range]:focus-visible{box-shadow:inset 0 1px 2px #281e0a2e,0 0 0 3px #6b9b0347}#trunk-panel input[type=range]{--track-fill: #b07a2a;--track-fill-2: #7a4f0a;--thumb-ring: #8b5a17}#foliage-panel input[type=range]{--track-fill: #8fbf2e;--track-fill-2: #5f8a05;--thumb-ring: #6b9b03}select{padding:5px 8px;border:2px solid #ecf0f1;border-radius:8px;background:#fff;font-size:12px;outline:none;transition:border-color .3s}select:focus{border-color:#3498db}.btn{padding:12px 22px;border:none;border-radius:25px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.045em;margin:2px 5px 6px;box-shadow:0 4px 8px #0003;text-align:left}.btn span{display:inline-block;margin-right:5px;font-size:14px}.side-by-side{display:flex;gap:0px}.expand-button{flex-grow:1;font-size:12px;font-weight:300;padding:10px 14px;background:#ffffffad}.btn .btn-text{margin-right:0;font-size:inherit}.btn .btn-text-short{display:none}.btn .hotkey{display:inline;margin:0;font-size:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:#fff9}.btn-primary{outline:2px solid rgba(255,255,255,.28);outline-offset:-2px;background:linear-gradient(45deg,#216cbdd4,#124b96ed);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-secondary{outline:2px solid rgba(255,255,255,.12);outline-offset:-2px;background:linear-gradient(45deg,#855711e8,#574104ef);color:#fff}.grow-more-btn{outline:2px solid rgba(255,255,255,.28);outline-offset:-2px;background:linear-gradient(45deg,#6b9b03ec,#587f05eb);color:#fff}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-accent{outline:2px solid rgba(255,255,255,.22);outline-offset:-2px;background:linear-gradient(45deg,#cb3625,#ac2f16);color:#fff}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.action-button-col,#gallery-button-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:2px;background:#ffffffad;padding:11px;border-radius:15px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);z-index:1000;min-width:258px}#instructions{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:15px 45px 15px 25px;border-radius:25px;font-size:14px;text-align:center}#instructions:hover{cursor:crosshair;background:#2e0000eb}.close-instructions{color:#7f8c8d;font-size:12px;border-radius:50%;padding:5px 8px;position:absolute;top:8px;right:8px}.close-instructions:hover{background:#7f8c8d39;color:#fff}.value-display{font-size:11px;color:#7f8c8d;min-width:30px;text-align:right}.branch-hover{cursor:crosshair}#colorGroup{padding:8px;border-radius:4px}input[type=radio]{margin:5px 0;width:24px;height:24px;border-radius:50%;background-color:#494949;border:1px solid #4a4a4a}input[type=radio]:checked{background-color:#3498db;border-color:#3498db}#colorGroup label{margin:4px 0;font-size:12px}.shape-mode .branch-hover{cursor:grab!important}.shape-mode-active{cursor:grabbing!important}.branch-shape-hover{cursor:grab!important}.btn-shape{outline:2px solid rgba(255,255,255,.22);outline-offset:-2px;background:linear-gradient(45deg,#f39c12,#e67e22);color:#fff;transition:all .3s ease}.btn-shape:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.active-shape-mode{background:linear-gradient(45deg,#e74c3c,#c0392b)!important;box-shadow:0 0 15px #e74c3c80;animation:pulse-shape 2s infinite}@keyframes pulse-shape{0%{box-shadow:0 0 6px #e74c3c80}50%{box-shadow:0 0 10px #e74c3ccc}to{box-shadow:0 0 6px #e74c3c80}}.active-prune-mode{box-shadow:0 0 15px #e74c3c99;animation:pulse-shape 2s infinite}.active-shape-mode,.active-prune-mode{transform:scale(1.04)}#shapeModeToggle,#pruneModeToggle{position:relative}.btn .btn-status{position:absolute;right:12px;top:50%;transform:translateY(-50%);margin:0;font-size:8px;opacity:.95;line-height:1}.btn.mode-inactive{filter:grayscale(.65);opacity:.84;box-shadow:none;animation:none;transform:none}.btn.mode-inactive:hover{opacity:.95;transform:none;box-shadow:none}.btn-secondary-small{background:linear-gradient(45deg,#95a5a6,#7f8c8d);color:#fff;padding:8px 16px;font-size:12px;border-radius:15px}.btn-secondary-small:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0000004d}.shape-mode #instructions{background:#e74c3ce6;animation:glow-red 2s infinite}@keyframes glow-red{0%{box-shadow:0 0 6px #e74c3c80}50%{box-shadow:0 0 10px #e74c3ccc}to{box-shadow:0 0 6px #e74c3c80}}.shape-mode{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.shape-mode .branch-shape-hover:after{content:"";position:absolute;pointer-events:none;border:2px solid #f39c12;border-radius:50%;width:20px;height:20px;animation:shape-highlight 1s infinite}@keyframes shape-highlight{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.active-shape-mode{background:linear-gradient(45deg,#f39c12,#e67e22)!important}#settings-button{position:absolute;top:14px;right:12px;z-index:1100;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#364a5e;background:#ffffffad;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(6px);cursor:pointer;transition:transform .2s ease,background .2s ease,opacity .5s ease,visibility 0s;padding:0}#settings-button svg{width:22px;height:22px}#settings-button:hover{background:#ffffffb3;transform:rotate(45deg)}#fullscreen-button,#zen-button{position:absolute;bottom:14px;right:12px;z-index:1100;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#364a5e;background:#ffffffad;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(6px);cursor:pointer;transition:transform .2s ease,background .2s ease,opacity .5s ease,visibility 0s;padding:0}#fullscreen-button:hover{background:#ffffffb3;transform:scale(1.1)}#fullscreen-button{bottom:62px}#zen-button svg{width:32px;height:32px}#zen-button:hover{background:#ffffffb3;transform:scale(1.1)}#settingsDrawer{position:fixed;top:0;right:0;z-index:6050;height:100%;width:360px;max-width:80vw;padding:20px;box-sizing:border-box;background:#ffffffad;border-left:1px solid rgba(255,255,255,.2);box-shadow:-8px 0 32px #0000001a;backdrop-filter:blur(10px);transform:translate(100%);transition:transform .3s ease;overflow:auto}#settingsDrawer.open{transform:translate(0)}#settingsDrawer .settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}#settingsDrawer .settings-header h2{margin:0;font-size:22px;color:#2c3e50}#settingsDrawer .settings-header .close-button{position:static}#settingsDrawer .settings-section{margin-bottom:18px}#settingsDrawer .settings-section h3{margin:12px 0 4px -2px;font-size:16px;color:#2c3e50;opacity:.8}#settingsDrawer .settings-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:15px;color:#2c3e50;cursor:pointer;border-bottom:1px solid rgba(44,62,80,.133)}#settingsDrawer .settings-row input[type=checkbox]{width:22px;height:22px;cursor:pointer;margin:2px 18px}#settingsDrawer .settings-row select{margin:2px 14px;cursor:pointer}#settingsDrawer .settings-row a{color:#2c3e50;text-decoration:underline;cursor:pointer;transition:color .2s ease;margin:2px 18px;font-size:18px;font-weight:700}#settingsDrawer .settings-zen-btn{width:100%;padding:10px;font-family:inherit;font-size:15px;color:#2c3e50;background:#bff8ff80;border:1px solid rgba(0,0,0,.08);border-radius:10px;cursor:pointer;transition:background .2s ease}#settingsDrawer .settings-zen-btn:hover{background:#ffffffd9}#settingsDrawer .settings-row input[type=range]{width:110px;margin:2px 14px;cursor:pointer}#settingsDrawer .now-playing{font-style:italic;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#settingsDrawer .settings-next-btn{font-family:inherit;font-size:14px;color:#2c3e50;background:#bff8ff80;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:4px 12px;margin:2px 14px;cursor:pointer;transition:background .2s ease}#settingsDrawer .settings-next-btn:hover{background:#ffffffd9}#settingsDrawer .shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:14px;color:#2c3e50;border-bottom:1px solid rgba(44,62,80,.1)}#settingsDrawer .shortcut-keys{display:inline-flex;gap:4px}#settingsDrawer kbd{font-family:inherit;font-size:12px;line-height:1;color:#2c3e50;background:#fff9;border:1px solid rgba(44,62,80,.22);border-bottom-width:2px;border-radius:6px;padding:4px 7px;min-width:13px;text-align:center;box-shadow:0 1px #0000000a}#settingsDrawer .settings-credits .credits-intro{margin:0 0 8px;font-size:12px;color:#2c3e50;opacity:.6}#settingsDrawer .settings-credits ul+.credits-intro{margin-top:14px}#settingsDrawer .settings-credits ul{list-style:none;margin:0;padding:0;font-size:12px;line-height:1.7;color:#2c3e50;opacity:.75}#settingsDrawer .settings-credits a{color:#2c3e50;text-decoration:underline}#settingsDrawer .settings-credits a:hover{opacity:1}#app-title,#control-col,#instructions{transition:opacity .5s ease,visibility 0s}body.zen-mode #app-title,body.zen-mode #settings-button,body.zen-mode #fullscreen-button,body.zen-mode #zen-button,body.zen-mode #control-col,body.zen-mode #instructions{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility 0s linear .5s}#zen-exit-button{position:absolute;bottom:14px;right:12px;z-index:1100;display:inline-flex;align-items:center;height:40px;padding:0 16px;font-family:inherit;font-size:14px;color:#364a5e;background:#ffffff61;border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(6px);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:transform .2s ease,background .2s ease,opacity .5s ease,visibility 0s linear .5s}body.zen-mode #zen-exit-button{opacity:1;visibility:visible;pointer-events:auto;transition:transform .2s ease,background .2s ease,opacity .5s ease,visibility 0s}#zen-exit-button:hover{background:#ffffffd9;transform:scale(1.05)}.close-button{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer;padding:2px 10px 4px;border-radius:36px}.close-button:hover{background-color:#2c3e50;color:#fff}#galleryModal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;margin:12px}#galleryModal .modal-content{position:absolute;top:20px;left:20px;background:#ffffffad;padding:13px;border-radius:15px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);z-index:1000;min-width:250px;max-height:calc(100vh - 80px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}#galleryModal .modal-content h3{margin-top:0;font-size:24px}#galleryModal .modal-content p{margin-bottom:10px;font-size:14px}#galleryModal .modal-content .close-modal{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer}#galleryModal .modal-content .empty-gallery{display:flex;align-items:center;justify-content:center;height:100%;font-size:48px;text-align:center}#galleryModal .modal-content .empty-gallery-icon{font-size:52px;margin-bottom:20px}.noTrees{text-align:center}#galleryModal .modal-content .tree-card{margin-bottom:12px;padding:8px;border-radius:8px;background:#ffffffe2;box-shadow:0 4px 8px #0003;cursor:pointer}#galleryModal .modal-content .tree-card:hover{background:#fffc}#galleryModal .modal-content .tree-inner-card{display:flex;align-items:flex-end;justify-content:space-between;gap:2px}#galleryModal .modal-content .tree-thumbnail{width:100px;height:100px;margin-right:20px;border-radius:8px}#galleryModal .modal-content .tree-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:8px}#galleryModal .modal-content .tree-info{flex:1}#galleryModal .modal-content .tree-name{font-size:18px;font-weight:700;width:100%!important}#galleryModal .modal-content .tree-details{font-size:14px;color:#7f8c8d;line-height:1.14em}#galleryModal .modal-content .tree-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:10px}#galleryModal .modal-content .tree-btn{padding:8px 12px;border:none;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}#galleryModal .modal-content .tree-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}#galleryModal .modal-content .tree-btn.load{background:linear-gradient(45deg,#3498db,#2980b9);color:#fff}#galleryModal .modal-content .tree-btn.load:hover{background:linear-gradient(45deg,#2980b9,#3498db)}#galleryModal .modal-content .tree-btn.share{background:linear-gradient(45deg,#16a085,#1abc9c);color:#fff}#galleryModal .modal-content .tree-btn.share:hover{background:linear-gradient(45deg,#1abc9c,#16a085)}#galleryModal .modal-content .tree-btn.delete{background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff}#galleryModal .modal-content .tree-btn.delete:hover{background:linear-gradient(45deg,#c0392b,#e74c3c)}#galleryModal .modal-content .tree-btn.clear{background:linear-gradient(45deg,#e67e22,#f39c12);color:#fff}#galleryModal .modal-content .tree-btn.clear:hover{background:linear-gradient(45deg,#f39c12,#e67e22)}@media (max-width: 868px){#fullscreen-button{inset:14px auto auto 12px}#zen-button{bottom:60px;right:8px;transition:transform .35s ease,opacity .35s ease}#control-col{position:fixed;inset:auto 0 0;width:auto;min-width:0;gap:0;background:transparent;max-height:90vh;padding-bottom:env(safe-area-inset-bottom,0px)}#sheet-tabs{display:flex;gap:2px}.sheet-tab{flex:1;position:relative;text-align:center;padding:18px 6px 12px;font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#2c3e50;cursor:pointer;background:#ffffffb3;transition:background .3s ease,opacity .6s ease;touch-action:none;user-select:none;-webkit-user-select:none}.sheet-tab .tab-icon{font-size:15px;transition:font-size .2s ease}.sheet-tab:first-child{border-top-left-radius:18px}.sheet-tab:last-child{border-top-right-radius:18px}.sheet-tab:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:32px;height:4px;border-radius:3px;background:#b0b0b0}#control-col.sheet-trunk #trunk-handle,#control-col.sheet-foliage #foliage-handle{background:#fffffffa;color:#1a2530;font-weight:700;font-size:16px;padding:8px 6px 4px}#control-col.sheet-trunk #trunk-handle .tab-icon,#control-col.sheet-foliage #foliage-handle .tab-icon{font-size:22px}#control-col.sheet-trunk #trunk-handle .tab-label,#control-col.sheet-foliage #foliage-handle .tab-label{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:#16a085;font-weight:900!important}#controls{padding:0;min-width:0;background:transparent;box-shadow:none;border:none;border-radius:0}.sheet-panel{display:block;max-height:0;overflow:hidden;background:#fffffffa;transition:max-height .32s ease,padding .32s ease}#control-col.sheet-trunk #trunk-panel,#control-col.sheet-foliage #foliage-panel{max-height:44vh;overflow-y:auto;padding:0}#tree-name-card{position:fixed;background:#fff0;border:none;top:calc(40px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);width:auto;min-width:0;z-index:1002;box-shadow:none;pointer-events:none}.tree-name-label{top:-9px;left:50%;transform:translate(-50%);color:#95a5a6}#treeName{pointer-events:auto;width:64.6vw;max-width:240px;font-size:18px;padding:6px;background-color:#f5f5f54a;text-shadow:0 0 16px rgba(232,236,238,.618),1px 0 4px rgba(200,226,238,.603),-1px 0 6px rgba(199,225,238,.588),0 1px 8px rgba(199,225,238,.626)}.control-input{max-width:none}.action-button-col,#gallery-button-col{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0;gap:16px;background:#ffffffad;box-shadow:none;border:none;border-radius:0;transition:background .6s ease,opacity .6s ease}.btn{flex:0 0 auto;margin:0;padding:10px 14px;font-size:12px;white-space:nowrap;border-radius:18px}.btn span{margin-right:2px;font-size:12px}.btn .btn-text-full{display:none}.btn .btn-text-short{display:inline-block}.btn .hotkey{text-decoration:none}.btn .btn-status{inset:auto auto 10px 50%;transform:translate(-50%);font-size:9px;letter-spacing:0}.grow-more-btn{position:absolute;width:66px;height:66px;bottom:108px;left:4px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;border-radius:300px;padding:12px 12px 20px;transition:transform .35s ease,opacity .35s ease}.main-btn-group{padding:0}.main-branches-btn{position:absolute;width:66px;height:66px;bottom:58px;left:54px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;border-radius:300px;padding:12px 19px 20px;transition:transform .35s ease,opacity .35s ease}#shapeModeToggle{position:absolute;width:66px;height:66px;bottom:58px;right:56px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;border-radius:300px;padding:10px 10px 22px;transition:transform .35s ease,opacity .35s ease}#pruneModeToggle{position:absolute;width:66px;height:66px;bottom:108px;right:4px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;border-radius:300px;padding:10px 10px 22px;transition:transform .35s ease,opacity .35s ease}#control-col.sheet-trunk .grow-more-btn,#control-col.sheet-foliage .grow-more-btn,#control-col.sheet-trunk .main-branches-btn,#control-col.sheet-foliage .main-branches-btn{transform:translate(-220px);opacity:0;pointer-events:none}#control-col.sheet-trunk #shapeModeToggle,#control-col.sheet-foliage #shapeModeToggle,#control-col.sheet-trunk #pruneModeToggle,#control-col.sheet-foliage #pruneModeToggle{transform:translate(220px);opacity:0;pointer-events:none}body:has(#control-col.sheet-trunk) #zen-button,body:has(#control-col.sheet-foliage) #zen-button{transform:translate(220px);opacity:0;pointer-events:none}.side-by-side{display:flex;gap:6px}#app-title{top:calc(env(safe-area-inset-top,0px) - 4px);font-size:24px}#gallery-button-col{position:fixed;top:calc(78px + env(safe-area-inset-top,0px));left:0;right:0;justify-content:center;background:transparent;box-shadow:none;z-index:1002}#truncSection{margin-bottom:0}.control-section{background:#ffffff2e;padding:10px 20px 20px}.control-row.with-slider{margin-bottom:22px;margin-top:14px}#controls .control-row,#controls .control-section h3,#controls .value-display{transition:opacity .6s ease}#control-col.control-dragging .sheet-tab,#control-col.control-dragging .sheet-panel,#control-col.control-dragging .control-section,#control-col.control-dragging .action-button-col{background:transparent;box-shadow:none}#control-col.control-dragging #sheet-tabs,#control-col.control-dragging .action-button-col,#control-col.control-dragging .control-section h3,#control-col.control-dragging .control-row{opacity:.08}.control-section h3{display:none}#control-col.control-dragging .control-row.dragging-active{opacity:1}#control-col.control-dragging .control-row.dragging-active .value-display{opacity:.08}#control-col.control-dragging .control-row.dragging-active .control-label{text-shadow:0 1px 3px rgba(255,255,255,.95)}.close-button{top:44px}#galleryModal{margin-top:48px}#galleryModal .modal-content{position:static;width:100%;min-width:0;max-height:80vh;overflow-y:auto}#instructions{bottom:132px;font-size:12px;padding:12px 38px 12px 18px;width:42.42%;outline:2px solid rgba(255,255,255,.2);outline-offset:-2px}}@media (pointer: coarse){.settings-shortcuts{display:none}input[type=range]{--track-h: 10px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}input[type=range]::-moz-range-thumb{width:24px;height:24px}select,.btn{min-height:38px}}#loading-screen{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:#fbf6ed;opacity:1;transition:opacity .7s ease}#loading-screen.is-hidden{opacity:0;pointer-events:none}.lb-wordmark{font-family:Shippori Antique B1,serif;font-size:2rem;color:#474f31;letter-spacing:.06em;white-space:nowrap;margin-bottom:46px}.loader-bonsai-svg{width:14rem;height:14rem;object-fit:contain}.lb-dots{display:flex;gap:.6rem;margin-top:-.5rem}.lb-dots span{width:.55rem;height:.55rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px #19324f66;animation:lb-dot 1.2s ease-in-out infinite}.lb-dots span:nth-child(2){animation-delay:.2s}.lb-dots span:nth-child(3){animation-delay:.4s}@keyframes lb-dot{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-.45rem);opacity:1}}@media (max-width: 600px){.loader-bonsai-svg{width:10rem;height:10rem}.lb-wordmark{font-size:1.5rem}}@media (max-width: 868px) and (max-height: 480px){#app-title{font-size:20px}#tree-name-card{position:fixed;background:#fff0;border:none;top:calc(26px + env(safe-area-inset-top,0px));left:188px;transform:translate(-50%);width:auto;min-width:100;z-index:1002;box-shadow:none;pointer-events:none}#gallery-button-col{position:fixed;top:calc(18px + env(safe-area-inset-top,0px));right:60px!important;left:auto!important;justify-content:center;background:transparent;box-shadow:none;z-index:1002;max-width:45vw}}