.workbench-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.workbench-tabs a{border:1px solid #cdd6e7;border-radius:999px;padding:12px 18px;color:#243452;background:#fff;text-decoration:none;font-weight:700}.workbench-tabs a[aria-current]{background:#273e93;color:#fff}.workbench [hidden]{display:none!important}.workbench button,.workbench .save-link{border:0;border-radius:12px;padding:12px 18px;background:#304eb5;color:white;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.workbench button.secondary{background:#edf1fa;color:#273659}.workbench button:disabled{opacity:.5;cursor:not-allowed}.workbench button:focus-visible,.workbench a:focus-visible,.workbench input:focus-visible{outline:3px solid #b55e00;outline-offset:3px}.workbench .picker{min-height:200px;display:grid;place-content:center;gap:16px;text-align:center;border:2px dashed #a0aed5;border-radius:20px;padding:24px;background:#f4f6ff}.workbench input[type=file]{max-width:100%}.workbench .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0}.workbench label{display:grid;gap:8px;color:#34415b}.workbench input:not([type=checkbox]):not([type=range]):not([type=file]),.workbench select{width:100%;box-sizing:border-box;border:1px solid #aab7d0;border-radius:9px;padding:10px;font:inherit}.workbench .actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.workbench canvas{display:block;width:100%;height:auto;border-radius:8px;background:#eef1f6;max-height:none}.workbench .editor{position:relative;max-width:960px;margin:auto}.workbench #mask-canvas{touch-action:none;cursor:crosshair}.workbench .notice{padding:16px;border-left:4px solid #d89125;background:#fff8e9;line-height:1.8}.workbench .result{border:1px solid #d9e1ef;border-radius:16px;padding:18px;margin:16px 0;overflow-wrap:anywhere}.workbench .result img{max-width:100%;max-height:220px;object-fit:contain}.workbench .result h3{margin-top:0}.workbench .result p{white-space:pre-line}.workbench .color-palette{display:flex;gap:12px;flex-wrap:wrap}.workbench .swatch{min-width:125px;padding:16px;border-radius:12px;border:1px solid #d8dfef}.workbench .swatch span{display:block;height:48px;border-radius:8px;border:1px solid #aab7d0;margin-bottom:8px}.workbench .compare-stage{position:relative;overflow:hidden;background:#eef1f6;max-width:960px;margin:auto}.workbench .compare-stage img{display:block;width:100%;height:auto}.workbench .compare-stage .after-layer{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.workbench .compare-stage.zoomed{overflow:auto;max-height:65vh}.workbench .compare-stage.zoomed img{width:200%;max-width:none}.workbench .compare-stage.zoomed .after-layer{width:200%;height:auto;inset:0 auto auto 0}.workbench .compare-stage.zoomed .after-layer img{width:100%}.workbench .check-line{display:flex;align-items:flex-start;gap:10px}.workbench .check-line input{margin-top:5px;flex-shrink:0}.workbench .status{min-height:1.5em;white-space:pre-line}.workbench .saved-settings{padding:18px;border:1px solid #d5deee;border-radius:14px;margin:20px 0}.workbench .pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.workbench #mask-list{padding:0;list-style:none}.workbench #mask-list li{margin:6px 0}.workbench .mask-selected{box-shadow:0 0 0 3px #e4a200}.workbench .position-fields input{min-width:0}.workbench .status:empty{min-height:0}.saved-settings .actions{display:flex;flex-wrap:wrap;gap:8px}.saved-settings input,.saved-settings select{max-width:100%;font:inherit;padding:8px}.saved-settings button{font:inherit;cursor:pointer}.saved-settings p{font-size:.9rem}.workbench progress{width:100%}@media(max-width:600px){.workbench-tabs a{padding:10px 12px;font-size:.92rem}.workbench .fields{grid-template-columns:1fr 1fr}.workbench .pair-grid{grid-template-columns:1fr}.workbench .picker{min-height:220px;padding:16px}.workbench .card{padding:20px 16px}.workbench button{padding:12px}.workbench .result{padding:12px}}@media(prefers-reduced-motion:reduce){.workbench *{scroll-behavior:auto!important}}