.tool-workbench:has(.op-grid){display:block;padding-block:1rem 0}.op-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:1.2rem;align-items:start;width:100%}.op-card{min-width:0;border:1px solid var(--color-rule,#ddd8cf);border-radius:18px;background:var(--color-paper,#fff);padding:1rem}.op-controls{display:grid;gap:.85rem;position:sticky;top:5.5rem}.op-field{display:grid;gap:.35rem}.op-field label{font-weight:800}.op-field small{color:var(--color-muted,#68655e);line-height:1.4}.op-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.op-drop{display:grid;place-items:center;min-height:8rem;border:2px dashed var(--color-rule-strong,#c9c2b6);border-radius:14px;padding:1rem;text-align:center;cursor:pointer;background:rgba(255,255,255,.55)}.op-drop:hover{border-color:#6f963f}.op-drop input{position:absolute;width:1px;height:1px;opacity:0}.op-stage{display:grid;place-items:center;min-height:28rem;margin-top:.8rem;border:1px solid var(--color-rule,#ddd8cf);border-radius:14px;overflow:auto;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.op-stage canvas,.op-stage img{display:block;max-width:100%;height:auto}.op-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.op-actions .button{justify-content:center;white-space:normal;min-width:0;max-width:100%}.op-status{margin:.75rem 0 0;padding:.65rem .75rem;border-radius:10px;background:#f3f1ec}.op-status.ok{background:#edf7ec;color:#255823}.op-status.error{background:#fff0ef;color:#8d2f29}.op-result{margin-top:.75rem;padding:.75rem;border:1px solid #9dbb7a;border-radius:12px;background:#f5faef}.op-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:.75rem}.op-stat{min-width:0;padding:.6rem;border:1px solid var(--color-rule,#ddd8cf);border-radius:10px;background:#fff}.op-stat span{display:block;color:var(--color-muted,#68655e);font-size:.72rem}.op-stat strong{display:block;margin-top:.2rem;overflow-wrap:anywhere}.op-seo{max-width:900px}.op-seo h2{margin-top:2rem}.op-seo h3{margin-top:1.25rem}.op-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.op-related a{min-width:0;border:1px solid var(--color-rule,#ddd8cf);border-radius:12px;padding:.8rem;text-decoration:none}.op-table{width:100%;border-collapse:collapse;font-size:.82rem}.op-table th,.op-table td{padding:.45rem;border-bottom:1px solid var(--color-rule,#ddd8cf);text-align:left}.op-chart-wrap{overflow:auto;max-width:100%}.op-chart{image-rendering:pixelated}.op-swatch{display:inline-block;width:.9rem;height:.9rem;border-radius:3px;border:1px solid rgba(0,0,0,.2);vertical-align:-.1rem;margin-right:.3rem}@media(max-width:900px){.op-grid{grid-template-columns:1fr}.op-controls{position:static}.op-stage{min-height:20rem}}@media(max-width:620px){.op-row,.op-actions,.op-stats,.op-related{grid-template-columns:1fr}.op-card{padding:.75rem}.op-stage{min-height:15rem}}