.tr-bar{display:flex;align-items:center;gap:12px;background:var(--forest);padding:14px 16px}.tr-bar__main{flex:1;min-width:0}.tr-bar__title{color:#fff;font-size:17px;line-height:24px;font-weight:600;margin:0}.tr-bar__sub{color:rgba(255,255,255,.72);font-size:13px;line-height:20px;margin:2px 0 0}.tr-bar__mark{width:44px;height:44px;flex:none;border-radius:var(--r-md);background:rgba(255,255,255,.12);color:var(--green);display:inline-flex;align-items:center;justify-content:center;font-size:17px}.tr-bar__note{display:none;align-items:center;gap:8px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.86);font-size:14px;padding:8px 14px;border-radius:var(--r-full)}.tr-bar__note i{color:var(--green)}.tr-bar :focus-visible{outline-color:var(--gold-on-dark)}@media (min-width:720px){.tr-bar{padding:16px 24px}.tr-bar__note{display:inline-flex}}.tr-orchard__body{display:flex;flex-direction:column}.tr-toolbar{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 14px;background:var(--surface);border-bottom:1px solid var(--border)}.tr-toolbar::-webkit-scrollbar{display:none}.tr-toolbar .btn{flex:none}.tr-toolbar__spacer{margin-left:auto}.tr-canvas-wrap{flex:1;min-width:0;background:var(--surface)}.tr-canvas{position:relative;width:100%;aspect-ratio:3/2;touch-action:none}.tr-canvas--placing{cursor:crosshair}.tr-grid-bg{background-color:var(--surface);background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:34px 34px}.tr-canvas__grid{position:absolute;inset:0}.tr-plot{position:absolute;left:5%;top:6%;right:5%;bottom:8%;border:2px dashed var(--gold);border-radius:10px;background:color-mix(in srgb,var(--green-soft) 45%,transparent);pointer-events:none}.tr-plot__label{position:absolute;top:-13px;left:16px;background:var(--surface);color:var(--gold-ink);font-size:13px;font-weight:600;padding:0 9px}.tr-tree{position:absolute;transform:translate(-50%,-50%);width:var(--touch-min);height:var(--touch-min);padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.tr-tree__code{position:absolute;top:34px;font-size:11px;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;background:color-mix(in srgb,var(--white) 80%,transparent);border-radius:3px;padding:0 3px}.tr-dot{width:18px;height:18px;border-radius:50%;background:var(--green);display:block;flex:none;border:2px solid var(--white);box-sizing:content-box}.tr-dot--watch{background:var(--warn)}.tr-dot--sick{background:var(--danger)}.tr-dot--gone{background:transparent;border:2px dashed var(--border-strong)}.tr-dot--sel{box-shadow:0 0 0 3px var(--gold),0 0 0 7px var(--gold-soft)}.tr-scale{position:absolute;right:24px;bottom:24px;text-align:center;pointer-events:none}.tr-scale__bar{width:104px;height:6px;border:1.5px solid var(--text-muted);border-top:0}.tr-scale__label{font-size:12px;color:var(--text-muted);margin:5px 0 0}.tr-selected{background:var(--white);border-top:1px solid var(--border)}.tr-selected__head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tr-selected__code{font-size:13px;font-family:var(--font-mono);color:var(--text-muted);margin:0}.tr-selected__name{font-size:17px;font-weight:600;color:var(--text);margin:3px 0 0}.tr-selected__body{padding:14px 16px}.tr-legend{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;background:var(--surface);border-top:1px solid var(--border)}.tr-legend__item{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--white);font-size:14px;color:var(--text-body)}.tr-legend__item .tr-dot{width:12px;height:12px;border-width:0}