.tracing-page{max-width:1180px;margin:0 auto}.tracing-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:2rem;align-items:start}.tracing-controls{position:sticky;top:92px;display:grid;gap:1rem;padding:1.4rem;background:linear-gradient(145deg,#fff6e7,#edf9f8);border:1px solid var(--color-border);border-radius:20px}.tracing-controls label{display:grid;gap:.38rem;font-weight:750}.tracing-controls textarea,.tracing-controls select{width:100%;min-height:46px;padding:.68rem .78rem;border:1px solid var(--color-border);border-radius:10px;background:#fff;font:inherit}.tracing-controls textarea{min-height:130px;resize:vertical}.tracing-controls input[type=range]{width:100%}.tracing-controls small{color:var(--color-text-muted);font-weight:400}.tracing-controls .tracing-check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:.55rem;min-height:44px}.tracing-check input{width:20px;height:20px}.tracing-preview-panel{min-width:0}.tracing-preview-heading{display:flex;justify-content:space-between;min-height:42px}.tracing-preview-heading strong{display:block;color:var(--color-secondary);font-size:.88rem}.tracing-canvas-wrap{display:grid;place-items:center;padding:1rem;overflow:hidden;background:#e8ecec;border-radius:18px}.tracing-canvas-wrap canvas{display:block;width:auto;max-width:100%;height:auto;max-height:72vh;background:#fff;box-shadow:0 10px 30px rgba(34,35,58,.14)}.tracing-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.tracing-status{min-height:1.5em;color:var(--color-secondary)}.tracing-status.is-error{color:#a52c38}.tracing-editorial{margin-top:4rem}.tracing-item-preview{width:96px;height:96px;display:grid;place-items:center;padding:.5rem;overflow:hidden;background:#fff;border:1px solid #e6e0d9;border-radius:10px;color:#7b858c;font-weight:700;text-align:center;word-break:break-word}.book-item-type{color:var(--color-secondary);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}@media(max-width:768px){.tracing-layout{grid-template-columns:1fr}.tracing-controls{position:static}.tracing-canvas-wrap{padding:.55rem}.tracing-canvas-wrap canvas{max-height:none}.tracing-actions{display:grid;grid-template-columns:1fr 1fr}.tracing-actions .button{width:100%}}@media(max-width:480px){.tracing-actions{grid-template-columns:1fr}}