.tree-dialog{width:min(830px,calc(100vw - 24px));height:min(830px,94svh);max-width:none;max-height:94svh;padding:0;border:1px solid #b6bea1;border-radius:20px;background:#f6f1df;color:#435b41;box-shadow:0 24px 100px #1d37265c;overflow:hidden}.tree-dialog[open]{display:flex;flex-direction:column}.tree-dialog::backdrop{background:#354d40b3;backdrop-filter:blur(4px)}.tree-dialog header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 12px}.tree-dialog header small{font-size:11px;letter-spacing:.12em;color:#8b906b}.tree-dialog h2{font-family:var(--font-serif,serif);font-size:27px;font-weight:400;margin:8px 0}.tree-dialog button{font:inherit;cursor:pointer;touch-action:manipulation;color:inherit}.tree-close{width:42px;height:42px;border:1px solid #bac3a9;border-radius:50%;background:#fffbeb;font-size:25px!important}.tree-kinds{display:flex;justify-content:center;gap:7px;padding:2px 20px 15px;flex-wrap:wrap}.tree-kinds button{padding:10px 15px;border:1px solid #bdc5a9;border-radius:30px;font-size:12px;min-height:40px;background:#fcfaeb}.tree-kinds button[aria-pressed=true]{background:#55764a;color:#fff6db;border-color:#55764a}.tree-scene{position:relative;flex:1;min-height:190px;overflow:hidden;background:#e5e9da}.tree-scene canvas{width:100%;height:100%;display:block;touch-action:none;cursor:pointer}.tree-touch-hint{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);padding:8px 15px;border-radius:25px;background:#fbf8e8c9;font-size:11px;white-space:nowrap;pointer-events:none}.tree-summary{padding:13px 25px 0;text-align:center}.tree-count{font-size:17px;font-weight:500}.tree-status{font-size:12px;margin:7px 0 10px;min-height:18px;line-height:1.6}.tree-dialog footer{display:flex;gap:10px;padding:3px 25px 22px}.tree-dialog footer button{flex:1;min-height:48px;padding:12px;border:1px solid #abb799;border-radius:10px;background:#fffae9;font-size:13px}.tree-dialog .tree-finish{background:#56724c;color:#fff8e2;border-color:#56724c}.tree-dialog :focus-visible{outline:3px solid #bd883d;outline-offset:3px}@media(max-width:700px){.tree-dialog header{padding:17px 17px 6px}.tree-dialog h2{font-size:22px}.tree-dialog header small{font-size:9px}.tree-kinds{gap:5px;padding:5px 13px 10px}.tree-kinds button{min-height:38px;padding:8px 10px;font-size:10px}.tree-summary{padding:11px 15px 0}.tree-dialog footer{padding:3px 14px 16px;gap:7px}.tree-dialog footer button{font-size:11px;padding:8px}.tree-status{font-size:11px}}