.dt13-cover{aspect-ratio:3/2;object-fit:cover;border:1px solid #daddce;border-radius:14px;width:100%;height:auto;display:block}.dt13-editor{background:#fffdf5;border:1px solid #daddce;border-radius:16px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(16px,3vw,34px);padding:clamp(14px,3vw,30px);display:grid}.dt13-controls,.dt13-output{align-content:start;gap:12px;min-width:0;display:grid}.dt13-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dt13-actions .it-button{min-height:44px}.dt13-actions [aria-pressed=true]{background:#e4ebc8;border-color:#87985b}.dt13-range{gap:6px;display:grid}.dt13-range>span{justify-content:space-between;display:flex}.dt13-range input{accent-color:#283121;width:100%;min-height:32px}.dt13-matte{align-items:center;gap:10px;display:flex}.dt13-matte input{width:44px;height:44px}.dt13-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dt13-pair figure{min-width:0;margin:0}.dt13-pair figcaption{margin-block:0 5px;font-size:13px;font-weight:650}.dt13-frame{background:#edf0e6;border-radius:8px;height:clamp(110px,21vw,240px);position:relative;overflow:hidden}.dt13-transparency{background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 50%/16px 16px}.dt13-frame canvas{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.dt13-privacy,.dt13-status{font-size:13px}.dt13-export code{-webkit-user-select:all;user-select:all;font-size:17px}.dt13-example{background:#eef0e4;border-radius:16px;gap:clamp(20px,3vw,32px);padding:clamp(16px,3vw,32px);display:grid}.dt13-example h2{margin:0 0 12px;font-size:clamp(25px,3.3vw,38px)}.dt13-example header p{max-width:66ch;margin:0}.dt13-example p,.dt13-example dd,.dt13-guide p{color:#454d3e;line-height:1.6}.dt13-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dt13-gallery-average,.dt13-gallery-glitch{grid-template-columns:repeat(2,minmax(0,1fr))}.dt13-gallery figure{min-width:0;margin:0}.dt13-illustration{aspect-ratio:3/2;background-color:#dce2d0;border:1px solid #17200d1c;border-radius:9px;position:relative;overflow:hidden}.dt13-illustration img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.dt13-illustration-portrait{aspect-ratio:2/3;width:44.444%;margin-inline:auto}.dt13-swatch-card img{border-radius:3px;width:80%;height:80%;inset:10%}.dt13-gallery figcaption{color:#313b2b;margin-top:7px;font-size:13px;font-weight:650;line-height:1.35}.dt13-example dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;display:grid}.dt13-example dl>div{border-top:1px solid #ced4c1;padding-top:10px}.dt13-example dt{font-weight:700}.dt13-example dd{margin:3px 0 0}.dt13-guide{max-width:760px}.dt13-guide>div+div{margin-top:16px}.dt13-guide h3{margin-bottom:4px;font-size:17px}@media (max-width:760px){.dt13-editor,.dt13-example dl{grid-template-columns:1fr}}@media (max-width:560px){.dt13-gallery{grid-template-columns:1fr}.dt13-gallery-glitch{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}}