.design-root{height: 100dvh;display: grid;grid-template-rows: auto minmax(0,1fr);overflow: hidden}.design-nav{padding: var(--tp-gap-md) clamp(16px,3vw,32px);border-bottom: 1px solid var(--tp-line)}.design{display: grid;grid-template-columns: minmax(0,1fr) clamp(320px,30vw,430px);min-height: 0}.view{position: relative;min-height: 0;background: radial-gradient(110% 90% at 50% 0%,#121820,var(--tp-bg))}.view__cap{position: absolute;left: 50%;bottom: var(--tp-gap-md);transform: translateX(-50%);margin: 0;padding: 0 var(--tp-gap-md);max-width: 90%;text-align: center;font-size: var(--tp-text-xs);letter-spacing: .04em;color: var(--tp-ink-faint);pointer-events: none}.view canvas{display: block;width: 100%;height: 100%}.view__tools{position: absolute;right: var(--tp-gap-md);top: var(--tp-gap-md);display: flex;gap: var(--tp-gap-sm)}.view__nogl{position: absolute;inset: auto var(--tp-gap-lg) var(--tp-gap-xl);margin: 0;text-align: center;font-size: var(--tp-text-xs);line-height: 1.7;color: var(--tp-ink-faint)}.empty{position: absolute;inset: 0;display: grid;align-content: safe center;justify-items: center;gap: var(--tp-gap-md);padding: var(--tp-gap-lg);text-align: center;pointer-events: none}.empty__h{margin: 0;font-size: clamp(24px,2.9vw,36px);font-weight: 700;line-height: 1.2;letter-spacing: -.02em}.empty__sub{margin: 0;max-width: 30em;font-size: var(--tp-text-sm);line-height: 1.85;color: var(--tp-ink-dim)}.pick{display: grid;gap: 7px}.pick__btn{position: relative;overflow: hidden;cursor: pointer}.pick__btn input{position: absolute;inset: 0;opacity: 0;cursor: pointer;font-size: 200px}.pick--lead .pick__btn{border-color: var(--tp-line-strong)}.pick__tag{display: inline-block;margin-right: 6px;padding: 1px 7px;border: 1px solid rgba(200,165,88,.42);border-radius: var(--tp-radius-pill);color: var(--tp-high);letter-spacing: .06em}.pick--on .pick__btn{border-color: var(--tp-low);background: rgba(79,157,93,.12)}.pick__note{margin: 0;font-size: var(--tp-text-xs);line-height: 1.7;color: var(--tp-ink-faint)}.pick__note strong{color: var(--tp-ink-dim);font-weight: 600}.pick__or{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: var(--tp-gap-sm);margin: 2px 0;font-size: var(--tp-text-xs);color: var(--tp-ink-faint)}.pick__or::before,.pick__or::after{content: '';height: 1px;background: var(--tp-line)}.way__more{appearance: none;border: 0;background: none;padding: 0;cursor: pointer;font: inherit;font-size: var(--tp-text-xs);color: var(--tp-ink-dim);display: inline-flex;align-items: center;gap: 7px;justify-self: start;text-align: left}.way__more:hover{color: var(--tp-ink)}.way__more:focus-visible{outline: 2px solid var(--tp-high);outline-offset: 3px}.way__more-caret{transition: transform .18s var(--tp-ease);flex: none}.way__more[aria-expanded="true"] .way__more-caret{transform: rotate(90deg)}.anchor{display: grid;gap: var(--tp-gap-sm);width: 100%;padding-top: var(--tp-gap-xs)}.anchor__why{margin: 0;font-size: var(--tp-text-xs);line-height: 1.7;color: var(--tp-ink-faint)}.anchor__row{display: grid;grid-template-columns: 34px minmax(0,1fr);align-items: center;gap: var(--tp-gap-sm)}.anchor__label{font-size: var(--tp-text-xs);color: var(--tp-ink-dim);text-align: right}.anchor__field{position: relative}.anchor__field .tp-input{padding-right: 34px}.anchor__x{position: absolute;right: 6px;top: 50%;transform: translateY(-50%);width: 22px;height: 22px;display: grid;place-items: center;appearance: none;border: 0;border-radius: 50%;background: none;cursor: pointer;font-size: 15px;line-height: 1;color: var(--tp-ink-faint)}.anchor__x:hover{background: var(--tp-surface-2);color: var(--tp-ink)}.anchor__hits{margin: 0;padding: 0;list-style: none;max-height: 148px;overflow-y: auto;display: grid;gap: 1px}.anchor__hits:empty{display: none}.anchor__hit{display: grid;gap: 2px;padding: 7px 10px;border: 1px solid var(--tp-line);border-radius: var(--tp-radius-sm);background: var(--tp-surface);cursor: pointer;text-align: left;font: inherit;color: var(--tp-ink)}.anchor__hit:hover{background: var(--tp-surface-2)}.anchor__hit small{color: var(--tp-ink-faint);font-size: var(--tp-text-xs)}.anchor__map{height: 220px;border: 1px solid var(--tp-line);border-radius: var(--tp-radius-sm);background: var(--tp-bg-2);overflow: hidden}.anchor__map--dead{display: grid;place-items: center;padding: var(--tp-gap-md);text-align: center;height: auto;min-height: 72px;font-size: var(--tp-text-xs);color: var(--tp-ink-faint)}.anchor__state{margin: 0;font-size: var(--tp-text-xs);line-height: 1.6;color: var(--tp-ink-dim);font-variant-numeric: tabular-nums}.anchor__state:empty{display: none}.recheck{display: grid;gap: var(--tp-gap-sm);justify-items: start;padding: var(--tp-gap-md);border: 1px solid rgba(200,165,88,.3);border-radius: var(--tp-radius-sm);background: rgba(200,165,88,.06)}.recheck__text{margin: 0;font-size: var(--tp-text-xs);line-height: 1.75;color: var(--tp-ink-dim)}.switch{position: absolute;left: 50%;bottom: var(--tp-gap-lg);transform: translateX(-50%);display: grid;justify-items: center;gap: var(--tp-gap-sm);width: min(92%,560px)}.switch__seg{display: grid;grid-auto-flow: column;gap: 2px;padding: 3px;border: 1px solid var(--tp-line-strong);border-radius: var(--tp-radius-pill);background: rgba(7,10,16,.72);backdrop-filter: blur(8px)}.switch__btn{appearance: none;border: 0;cursor: pointer;padding: 9px 22px;border-radius: var(--tp-radius-pill);font: inherit;font-size: var(--tp-text-sm);color: var(--tp-ink-dim);background: transparent;transition: background .18s var(--tp-ease),color .18s var(--tp-ease)}.switch__btn:hover{color: var(--tp-ink)}.switch__btn[aria-checked="true"]{background: var(--tp-surface-2);color: var(--tp-ink)}.switch__btn:focus-visible{outline: 2px solid var(--tp-high);outline-offset: 2px}.switch__note{margin: 0;text-align: center;font-size: var(--tp-text-xs);line-height: 1.6;color: var(--tp-ink-dim);text-shadow: 0 2px 12px rgba(0,0,0,.8)}.busy{position: absolute;inset: 0;display: grid;place-items: center;align-content: center;gap: var(--tp-gap-md);background: rgba(7,10,16,.78);backdrop-filter: blur(3px)}.busy__spinner{width: 34px;height: 34px;border: 2px solid var(--tp-line-strong);border-top-color: var(--tp-high);border-radius: 50%;animation: tpSpin .9s linear infinite}@keyframes tpSpin{to{transform: rotate(360deg)}}.busy__text{margin: 0;font-size: var(--tp-text-sm);color: var(--tp-ink-dim)}.panel{display: grid;grid-template-rows: minmax(0,1fr) auto;background: linear-gradient(90deg,rgba(255,255,255,.035),transparent 14px),var(--tp-bg-2);min-height: 0}.panel__scroll{overflow-y: auto;padding: var(--tp-gap-lg) var(--tp-gap-lg) var(--tp-gap-xl);display: grid;gap: 0;align-content: start}.grp + .grp{border-top: 1px solid var(--tp-line);margin-top: var(--tp-gap-lg);padding-top: var(--tp-gap-lg)}.panel__foot{position: relative;padding: var(--tp-gap-md) var(--tp-gap-lg) var(--tp-gap-lg);border-top: 1px solid var(--tp-line);display: grid;gap: var(--tp-gap-sm)}.panel__foot::before{content: '';position: absolute;left: 0;right: 0;top: -28px;height: 28px;background: linear-gradient(transparent,var(--tp-bg-2));pointer-events: none}.panel__status{margin: 0;min-height: 1.6em;font-size: var(--tp-text-xs);line-height: 1.6;color: var(--tp-ink-dim)}.grp{display: grid;gap: var(--tp-gap-md)}.grp__h{display: flex;align-items: center;gap: 9px;margin: 0;font-size: var(--tp-text-base);font-weight: 600;letter-spacing: .01em}.grp__n{display: grid;place-items: center;width: 18px;height: 18px;border: 1px solid var(--tp-line);border-radius: 50%;font-size: 11px;font-variant-numeric: tabular-nums;color: var(--tp-ink-faint);flex: none}.grp__file{margin: 0;font-size: var(--tp-text-sm);color: var(--tp-ink);overflow-wrap: anywhere}.grp__facts{margin: 0;font-size: var(--tp-text-xs);line-height: 1.7;color: var(--tp-ink-dim)}.grp__swap{justify-self: start}.panel .tp-choice__icon{width: 18px;height: 18px}.panel .tp-choice__icon svg,.panel .tp-choice__icon > *{fill: none;stroke: currentColor;stroke-width: 2}.tp-field__note{margin: 0;font-size: var(--tp-text-xs);line-height: 1.65;color: var(--tp-ink-faint)}.rolls{display: grid;gap: var(--tp-gap-xs)}.roll{display: grid;grid-template-columns: 18px minmax(0,1fr) auto;align-items: center;gap: var(--tp-gap-sm);font-size: var(--tp-text-xs);color: var(--tp-ink-dim)}.roll__chip{width: 18px;height: 18px;border-radius: 5px;border: 1px solid var(--tp-line-strong)}.roll__name{color: var(--tp-ink);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.roll__code{font-variant-numeric: tabular-nums;color: var(--tp-ink-faint)}@media (max-width: 860px){.design-root{height: auto;overflow: visible}.design{grid-template-columns: minmax(0,1fr)}.view{height: 52vh}.panel{border-left: 0;border-top: 1px solid var(--tp-line)}.panel__scroll{overflow: visible}.switch{bottom: var(--tp-gap-sm)}}@media (prefers-reduced-motion: reduce){.busy__spinner{animation-duration: 3s}}