.pt-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.pt-layout section,.pt-layout aside{min-width:0}.pt-layout aside{border-left:1px solid var(--line,#d6dbd1);padding-left:22px}.pt-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.pt-head h2{font-size:25px;margin:0 0 10px}.pt-copy{line-height:1.6;color:#b1c7ba;max-width:76ch}.pt-note{font-size:12px;color:#91aa9c;line-height:1.65}.pt-art{background:#182c32;border-radius:13px;overflow:hidden;margin:18px 0}.pt-art svg{display:block;width:100%;height:auto}.pt-art canvas{display:block;width:100%;height:480px;touch-action:none}.pt-controls,.pt-actions,.pt-links{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.pt-actions button,.pt-controls button,.pt-links a,.pt-parts button{border:1px solid #607a6266;background:#293e36;color:#cbe2b3;border-radius:7px;padding:9px 12px;cursor:pointer;text-decoration:none}.pt-parts{display:flex;gap:7px;flex-wrap:wrap}.pt-parts button[aria-pressed=true]{background:#c7e888;border-color:#78965f}.pt-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pt-fields label,.pt-label{font-size:12px;line-height:1.5;color:#acc6b4}.pt-fields input,.pt-fields select,.pt-name,.pt-select{display:block;width:100%;min-width:0;padding:9px;margin-top:5px;border:1px solid #607a6266;border-radius:6px;background:#102128;color:#dce8d8;font:inherit;box-sizing:border-box}.pt-fields input[type=range]{padding:0}.pt-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.pt-metric{padding:14px;border:1px solid #526d5366;border-radius:10px;background:#12282c}.pt-metric small,.pt-metric span{display:block;font-size:11px;color:#98b39f;line-height:1.5}.pt-metric strong{display:block;font-size:23px;color:#cde4b4;margin:7px 0}.pt-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pt-card{padding:18px;border:1px solid #526d5366;border-radius:10px;margin:12px 0;background:#192d34}.pt-card h3{margin:0 0 10px}.pt-card p,.pt-card li{line-height:1.6;font-size:13px}.pt-table{overflow:auto}.pt-table table{width:100%;border-collapse:collapse;font-size:12px}.pt-table th,.pt-table td{padding:10px;text-align:left;border-bottom:1px solid #526d5366;white-space:nowrap}.pt-formulas{margin:18px 0;border-top:1px solid #526d5366;padding-top:15px}.pt-formulas summary{cursor:pointer;font-weight:600}.pt-formulas code{display:block;white-space:normal;line-height:1.6;background:#263c34;padding:12px;border-radius:6px}.pt-error{color:#dfc497;background:#73573222;border-radius:8px;padding:12px;line-height:1.5}.pt-coupon{background:white;padding:20px;max-width:500px;margin:18px auto;border:1px solid #d3dccc}.pt-coupon svg{display:block;width:100%;height:auto}.pt-links a{font-size:12px}.pt-card a{color:#c7e888}#pattern-status{min-height:20px;font-size:13px;color:#c7e888}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5b8752;outline-offset:3px}@media(max-width:1100px){.pt-layout{grid-template-columns:minmax(0,1fr) 290px}}@media(max-width:850px){.pt-layout{grid-template-columns:1fr}.pt-layout aside{border-left:0;border-top:1px solid #526d5366;padding:18px 0}.pt-art canvas{height:360px}}@media(max-width:520px){.pt-grid{grid-template-columns:1fr}.pt-metrics{grid-template-columns:1fr}.pt-head{display:block}.pt-art canvas{height:330px}.pt-layout{gap:12px}}

.pt-layout{align-items:start}.pt-parts button[aria-pressed=true]{color:#23392a}.pt-formulas summary{color:#c7e888}.pt-formulas code{color:#cee5b6}.pt-fields input[type=range]{accent-color:#c7e888}.pt-card p,.pt-card li{color:#b1c7ba}.pt-fields output{color:#c7e888}

@media(max-width:850px){.topbar,.top-right{flex-wrap:wrap}}