.st-lh{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.st-fld .st-lh label,.st-fld .st-lh .st-lab{color:var(--text);margin:0;font-size:.86rem;font-weight:700;line-height:1.4rem}.st-fld .st-lh .st-chip{line-height:1}.st-fld .st-hint{color:var(--text-muted);text-align:right;min-width:0;margin-left:auto;font-size:.7rem;font-weight:400}.st-chip{width:1.4rem;height:1.4rem;transition:background .15s var(--ease-out);font-size:.78rem}.st-chip.done{color:#15803d;background:oklch(96.5% .03 155);box-shadow:inset 0 0 0 1px oklch(90% .05 155)}.st-in{display:block;position:relative}.st-in>.tool-input{text-align:right;font-variant-numeric:tabular-nums;padding-right:2.8rem;font-weight:600}.st-in:after{content:attr(data-unit);color:var(--text-muted);pointer-events:none;font-size:.74rem;font-weight:600;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.st-fld.next .tool-input:not(:focus){border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 14%, transparent)}.scene-block[hidden]{display:none}.scene-block .st-fld+.st-fld{margin-top:.7rem}.pct-scenes{flex-wrap:wrap;gap:.35rem;display:flex}.pct-scenes .tool-btn{border-radius:8px;flex-direction:column;align-items:flex-start;gap:0;line-height:1.3}.pct-scenes .tool-btn small{color:var(--text-muted);font-size:.66rem;font-weight:500}.pct-scenes .tool-btn.on{background:var(--navy);border-color:var(--navy);color:#fff}.pct-scenes .tool-btn.on small{color:oklch(100% 0 0/.72)}.pct-quick{grid-template-columns:repeat(6,1fr);gap:.3rem;margin-top:.4rem;display:grid}.pct-quick .tool-btn{font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;width:100%;padding-left:.2rem;padding-right:.2rem}.pct-quick .tool-btn.on{background:var(--navy);border-color:var(--navy);color:#fff}.pct-chip{color:var(--navy);white-space:nowrap;letter-spacing:0;font-size:.72rem;font-weight:800}.pct-chip[hidden]{display:none}.pct-ghost{color:var(--text-muted);margin:.4rem 0 0;font-size:.86rem}.pct-ghost[hidden]{display:none}.pct-row{grid-template-columns:4.6rem minmax(0,1fr) max-content;align-items:center;gap:0 .6rem;min-height:2.1rem;display:grid}.pct-row .l{color:var(--text-secondary);text-align:right;overflow-wrap:anywhere;font-size:.74rem;font-weight:700}.pct-row.hi .l{color:var(--navy)}.pct-track{background:var(--bg-soft);border-radius:4px;align-items:center;min-width:0;height:1.25rem;display:flex;position:relative}.pct-seg{min-width:3px;max-width:100%;height:1.25rem;transition:width .3s var(--ease-out);border-radius:4px;flex:none}.pct-seg.base{background:#f2d9a0}.pct-seg.tgt{background:var(--accent)}.pct-seg.soft{background:#f8cd7d}.pct-100{border-left:2px dashed var(--navy);width:0;position:absolute;top:-2px;bottom:-2px}.pct-100[hidden]{display:none}.pct-row .v{color:var(--navy);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.84rem;font-weight:700}.pct-row .v small{color:var(--text-muted);font-size:.66rem;font-weight:600;display:block}.pct-legend{color:var(--text-muted);flex-wrap:wrap;gap:.9rem;margin-top:.55rem;font-size:.68rem;display:flex}.pct-legend i{align-items:center;gap:.3rem;min-width:0;font-style:normal;display:inline-flex}.pct-legend i:before{content:"";background:#ccc;border-radius:3px;flex:none;width:.6rem;height:.6rem}.pct-legend .lb:before{background:#f2d9a0}.pct-legend .lt:before{background:var(--accent)}.pct-legend .ld:before{border-left:2px dashed var(--navy);background:0 0;border-radius:0;width:.6rem;height:.7rem}.pct-legend .ld[hidden],.rl-foot[hidden]{display:none}.pct-rows{margin-top:.4rem}.pct-note{color:var(--text-muted);margin:.55rem 0 0;font-size:.72rem;line-height:1.6}.pct-note b{color:var(--text);font-variant-numeric:tabular-nums}.pct-phrase{border-top:1px dashed var(--hairline);align-items:baseline;gap:.5rem;margin:.55rem 0 0;padding-top:.5rem;display:flex}.pct-phrase[hidden]{display:none}.pct-phrase>span{letter-spacing:.08em;color:var(--text-muted);flex:none;font-size:.62rem;font-weight:800}.pct-phrase b{color:var(--navy);overflow-wrap:anywhere;min-width:0;font-size:.8rem;line-height:1.6}@media (width<=560px){.pct-row{grid-template-columns:5.2rem minmax(0,1fr)}.pct-row .l{font-size:.7rem}.pct-row .v{text-align:left;grid-column:2;padding-bottom:.15rem}.pct-row .v small{margin-left:.4rem;display:inline}.pct-quick{grid-template-columns:repeat(3,1fr)}.pct-scenes .tool-btn{width:100%}}
