.trace-import{color:#eeeede}.trace-stages{display:flex;gap:8px;border-bottom:1px solid #41493c;padding-bottom:16px;margin-bottom:18px}.trace-stages button{flex:1;background:transparent!important;color:#bdc5b8!important;border:1px solid #485340!important}.trace-stages [aria-current="step"]{border-color:#ff843f!important;color:#ffad76!important}.trace-import h3{font-size:24px;margin:0 0 8px}.trace-hint{line-height:1.5;color:#bec6b6;max-width:72ch}.trace-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:22px;align-items:start}.trace-source{min-width:0;position:sticky;top:0}.trace-source-label{font-size:12px;overflow-wrap:anywhere;color:#acb69f}.trace-image-scroll{max-height:70vh;overflow:auto;background:#fff;border:1px solid #626a59;border-radius:4px}.trace-image-scroll canvas{display:block;width:100%;height:auto;cursor:crosshair}.trace-controls{min-width:0;display:grid;gap:12px}.trace-controls label{display:grid;gap:7px;font-size:14px;font-weight:600}.trace-controls input,.trace-controls select,.trace-controls textarea{width:100%;min-width:0;font-size:16px!important;padding:11px!important;min-height:44px;border-radius:5px}.trace-controls textarea{min-height:76px}.trace-controls button,.trace-stages button{min-height:44px;font-size:15px;padding:10px 14px;line-height:1.3;border-radius:5px;cursor:pointer}.trace-controls button{background:#20281d;color:#edeede;border:1px solid #647157}.trace-controls button.trace-primary{background:#ff7b33;color:#131811;border-color:#ff7b33;font-weight:700}.trace-controls button:focus-visible,.trace-controls select:focus-visible,.trace-controls input:focus-visible{outline:2px solid #ff9b60;outline-offset:3px}.trace-controls button:disabled{opacity:.45}.trace-buttons{display:flex;flex-wrap:wrap;gap:8px}.trace-player-chips{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.trace-player-chips button{padding:10px 4px}.trace-player-chips [aria-pressed="true"]{background:#ff7b33;color:#141a11;border-color:#ff7b33}.trace-instruction{border-left:3px solid #ff7b33;padding:10px 14px;margin:0;background:#242b20}.trace-small{font-size:13px;line-height:1.5;color:#bdc6b3;margin:0}.trace-controls details{border-block:1px solid #48513e;padding:8px 0}.trace-controls summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.trace-action-list{display:grid;gap:6px}.trace-action-row{display:flex;align-items:center;gap:6px;padding:8px;background:#20271c;border:1px solid #414b37}.trace-action-row span{flex:1;font-size:14px}.trace-action-row button{font-size:13px;padding:7px}.trace-controls .trace-confirm{display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.5;font-weight:400}.trace-confirm input{width:24px;min-height:24px;flex:0 0 24px}.trace-status{min-height:44px;padding:10px 12px;background:#222b1e;border-left:3px solid #6e865a;color:#d5ddce;font-size:14px}.trace-status.is-error{border-color:#ff7b33;color:#ffc092}.trace-import-entry{padding:16px;border:1px solid #59654d;background:#1c2318;margin:18px 0}.trace-import-entry button{width:100%}.trace-import-entry p{margin:8px 0;color:#bec8b6}.trace-import-entry strong{font-size:20px}.trace-advanced{border-top:1px solid #455039;padding-top:10px;margin-top:18px}
@media(max-width:700px){.trace-layout{grid-template-columns:1fr;gap:16px}.trace-source{position:sticky;top:0;z-index:2;background:#101410;padding-bottom:8px}.trace-image-scroll{max-height:52vh}.trace-stages{gap:5px}.trace-stages button{padding:9px 3px;font-size:13px}.trace-import h3{font-size:21px}.trace-hint{font-size:14px}.trace-controls{gap:10px}}