.dt11-workspace{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(20px,3vw,40px);display:grid}.dt11-controls,.dt11-result{min-width:0}.dt11-controls,.dt11-parameters{gap:14px;display:grid}.dt11-result{background:#f3f3e9;border:1px solid #daddce;border-radius:14px;padding:12px}.dt11-grayscale .dt11-result,.dt11-png .dt11-result{justify-self:center;width:min(100%,470px)}.dt11-upload{text-align:center;background:#f5f6ef;border:1px dashed #9ea48e;border-radius:14px;padding:22px 14px}.dt11-upload p,.dt11-note,.dt11-status,.dt11-error{color:#505747;margin:0;font-size:13px;line-height:1.5}.dt11-upload p{margin:7px 0 16px}.dt11-error{color:#8d2520}.dt11-status:empty{display:none}.dt11-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.dt11-actions .it-button,.dt11-parameters .it-button,.dt11-copy .it-button{min-height:44px;padding:9px 13px;font-size:13px}.dt11-parameters{background:#f3f3e9;border-radius:12px;padding:14px}.dt11-parameters .it-button{justify-self:start}.dt11-range,.dt11-field{gap:6px;font-size:14px;font-weight:600;display:grid}.dt11-range span,.dt11-result-caption{justify-content:space-between;gap:8px;display:flex}.dt11-range input{accent-color:#222b17;width:100%;min-height:26px}.dt11-field select,.dt11-coordinate input,.dt11-codes input{color:#151814;background:#fffef8;border:1px solid #bec4b2;border-radius:7px;width:100%;min-height:42px;padding:7px 9px}.dt11-result-caption{padding:10px 0 2px;font-size:13px}.dt11-file-image,.dt11-pick-stage canvas,.dt11-compare-files canvas,.dt11-compare-files img{border-radius:9px;width:100%;height:auto;display:block}.dt11-file-image{width:min(100%,340px);margin-inline:auto}.dt11-pick-stage{cursor:crosshair;position:relative;overflow:hidden}.dt11-pick-stage canvas:focus-visible{outline-offset:-3px;outline:2px solid #687d28}.dt11-pick-marker{pointer-events:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #151814}.dt11-pick-stage+p{margin-top:8px}.dt11-coordinate{flex-wrap:wrap;align-items:center;gap:9px;margin:10px 0;font-size:12px;display:flex}.dt11-coordinate label{align-items:center;gap:4px;display:flex}.dt11-coordinate input{width:65px}.dt11-colors{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.dt11-swatch{aspect-ratio:1;border:1px solid #0002;border-radius:8px}.dt11-codes,.dt11-copy{gap:5px;display:grid}.dt11-codes label{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:4px;font-size:11px;font-weight:600;display:grid}.dt11-codes input{font-size:12px}.dt11-compare-files,.dt11-file-pair,.dt11-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dt11-compare-files figure{margin:0}.dt11-delta{margin-top:6px;font-size:13px;font-weight:600}.dt11-preview-empty{text-align:center;background:#e6eadb;border-radius:9px;place-content:center;font-size:12px;display:grid}.dt11-file-pair{margin-top:12px}.dt11-facts{background:#fffef8;border-radius:8px;gap:4px;padding:9px;font-size:12px;display:grid}.dt11-facts strong{font-size:14px}.dt11-related{gap:14px}.dt11-related a,.dt11-hub-grid a{color:inherit;background:#fffef8;border:1px solid #d5d9ca;border-radius:14px;text-decoration:none;display:block;overflow:hidden}.dt11-related a{padding:18px}.dt11-related strong,.dt11-hub-grid h2{justify-content:space-between;align-items:start;gap:8px;display:flex}.dt11-related a:hover,.dt11-hub-grid a:hover{background:#f5f7ea;border-color:#757c64}.dt11-related p,.dt11-hub-grid p,.dt11-hub-intro p{color:#535b4b;margin:8px 0 0;line-height:1.55}.dt11-hub-intro{padding:46px 0 28px}.dt11-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.dt11-hub-grid a>div{padding:16px}.dt11-hub-grid a>div>span{color:#586047;font-size:12px}.dt11-hub-grid h2{margin:8px 0;font-size:21px}.dt11-spanish-header nav{align-items:center;gap:14px;display:flex}.dt11-spanish-footer{border-top:1px solid #ccd0c1;flex-wrap:wrap;justify-content:space-between;gap:14px;max-width:1168px;margin-inline:auto;padding:22px;display:flex}@media (max-width:750px){.dt11-workspace,.dt11-hub-grid{grid-template-columns:minmax(0,1fr)}.dt11-result{grid-row:1;width:100%}.dt11-related{grid-template-columns:minmax(0,1fr)}}@media (max-width:450px){.dt11-colors{grid-template-columns:34px minmax(0,1fr)}.dt11-copy{grid-column:1/-1;grid-template-columns:1fr 1fr}.dt11-spanish-header nav{gap:8px}.dt11-spanish-header .it-button{min-height:40px;padding:8px 11px;font-size:13px}}.dt11-page .dt11-cover{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.dt11-hero .dt11-cover{border:1px solid #c5c9b8;border-radius:18px;justify-self:end;max-width:460px}@media (max-width:750px){.dt11-hero .dt11-cover{justify-self:center}}