.dot-studio{--dot-ink:#111111;--dot-cyan:#00AEEF;--dot-magenta:#FF2E88;--dot-liner:#F4F4F2;--dot-line:#e2e2df;--dot-muted:#595959;--dot-bad:#B91C1C;--dot-warn:#B45309;--dot-ok:#047857;max-width:120rem;margin:0 auto;padding:2rem 1.6rem 4rem;color:var(--dot-ink);font-size:1.45rem;line-height:1.45}.dot-studio *,.dot-studio *:before,.dot-studio *:after{box-sizing:border-box}.dot-studio__head{text-align:center;max-width:72rem;margin:0 auto 2.6rem}.dot-studio__free{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;background:var(--dot-ink);color:#fff;padding:.45rem .9rem;border-radius:.4rem;margin-bottom:1.2rem}.dot-studio__h{font-family:var(--font-heading-family,"Bricolage Grotesque",sans-serif);font-size:clamp(2.6rem,4vw,4rem);line-height:1.05;margin:0 0 1rem;letter-spacing:-.02em}.dot-studio__sub{margin:0;color:var(--dot-muted);font-size:1.55rem}.dot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(34rem,44rem);gap:2.4rem;align-items:start}@media(max-width:900px){.dot-grid{grid-template-columns:1fr}.dot-preview{position:static!important}}.dot-controls{display:grid;gap:1.6rem}.dot-card{background:#fff;border:1px solid var(--dot-line);border-radius:1.2rem;padding:1.8rem}.dot-card__label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-family:var(--font-heading-family,"Bricolage Grotesque",sans-serif);font-size:1.7rem;margin:0 0 1.4rem;letter-spacing:-.01em}.dot-step{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.2rem;color:var(--dot-cyan);margin-right:.6rem;letter-spacing:.04em}.dot-opt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;font-weight:400;color:var(--dot-muted);letter-spacing:.04em;text-transform:uppercase}.dot-field{margin-bottom:1.4rem}.dot-field:last-child{margin-bottom:0}.dot-field>label,.dot-field>.dot-prefixed+label{display:block;font-weight:700;font-size:1.35rem;margin-bottom:.5rem}.dot-input{width:100%;min-height:4.4rem;border:1.5px solid var(--dot-line);border-radius:.8rem;padding:.9rem 1.1rem;font:inherit;font-size:1.5rem;text-transform:uppercase;color:var(--dot-ink);background:#fff}.dot-input::placeholder{text-transform:none;color:#9a9a9a}.dot-input:focus{outline:none;border-color:var(--dot-cyan);box-shadow:0 0 0 3px #00aeef33}.dot-input[aria-invalid=true]{border-color:var(--dot-bad)}.dot-prefixed{display:flex;align-items:stretch}.dot-prefixed .dot-prefix{display:flex;align-items:center;padding:0 1.1rem;border:1.5px solid var(--dot-line);border-right:0;border-radius:.8rem 0 0 .8rem;background:var(--dot-liner);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:1.3rem;letter-spacing:.04em}.dot-prefixed .dot-input{border-radius:0 .8rem .8rem 0}.dot-help{margin:.5rem 0 0;font-size:1.2rem;color:var(--dot-muted)}.dot-note{margin:1.2rem 0 0;font-size:1.2rem;color:var(--dot-muted);border-top:1px dashed var(--dot-line);padding-top:1rem}.dot-field__err{margin:.4rem 0 0;font-size:1.2rem;color:var(--dot-bad);font-weight:600}.dot-optgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}@media(max-width:560px){.dot-optgrid{grid-template-columns:1fr}}.dot-fonts{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-bottom:1.6rem}@media(max-width:560px){.dot-fonts{grid-template-columns:1fr}}.dot-font{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .8rem;border:1.5px solid var(--dot-line);border-radius:1rem;background:#fff;cursor:pointer;color:var(--dot-ink);font:inherit;transition:border-color .15s}.dot-font:hover{border-color:#b9b9b9}.dot-font.active{border-color:var(--dot-ink);box-shadow:inset 0 0 0 1px var(--dot-ink)}.dot-font__sample{font-size:2.6rem;line-height:1;letter-spacing:-.01em}.dot-font__label{font-weight:700;font-size:1.3rem}.dot-font__note{font-size:1.1rem;color:var(--dot-muted);text-align:center}.dot-colors{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}@media(max-width:560px){.dot-colors{grid-template-columns:1fr}}.dot-swatches{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.6rem}.dot-swatch{width:3.2rem;height:3.2rem;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--dot-line);cursor:pointer;padding:0}.dot-swatch.active{box-shadow:0 0 0 2.5px var(--dot-ink)}.dot-custom{display:inline-flex;align-items:center;gap:.6rem;font-size:1.2rem;color:var(--dot-muted);cursor:pointer}.dot-custom input[type=color]{width:3rem;height:2.4rem;border:1px solid var(--dot-line);border-radius:.4rem;padding:0;background:none;cursor:pointer}.dot-contrast{margin:1.2rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.2rem;letter-spacing:.03em;padding:.6rem .9rem;border-radius:.6rem;background:var(--dot-liner)}.dot-contrast.is-ok{color:var(--dot-ok)}.dot-contrast.is-warn{color:var(--dot-warn)}.dot-contrast.is-bad{color:var(--dot-bad);font-weight:700}.dot-cuts{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:1.4rem}@media(max-width:560px){.dot-cuts{grid-template-columns:1fr}}.dot-cut{display:flex;gap:.8rem;align-items:flex-start;padding:1rem 1.1rem;border:1.5px solid var(--dot-line);border-radius:1rem;cursor:pointer}.dot-cut:has(input:checked){border-color:var(--dot-ink);box-shadow:inset 0 0 0 1px var(--dot-ink)}.dot-cut input{margin-top:.3rem;accent-color:var(--dot-ink)}.dot-cut strong{display:block;font-size:1.4rem}.dot-cut small{display:block;font-size:1.15rem;color:var(--dot-muted);margin-top:.2rem}.dot-sizes{display:flex;flex-wrap:wrap;gap:.7rem}.dot-size{padding:.8rem 1.2rem;border:1.5px solid var(--dot-line);border-radius:.8rem;background:#fff;font:inherit;font-weight:700;font-size:1.35rem;cursor:pointer;color:var(--dot-ink)}.dot-size.active{background:var(--dot-ink);color:#fff;border-color:var(--dot-ink)}.dot-preview{position:sticky;top:2rem;display:grid;gap:1.2rem}.dot-preview__frame{background:#fff;border:1px solid var(--dot-line);border-radius:1.2rem;padding:1rem;overflow:hidden}.dot-preview__frame canvas{display:block;width:100%;height:auto}.dot-legend{display:flex;gap:1.6rem;justify-content:center;font-size:1.15rem;color:var(--dot-muted)}.dot-legend .c{color:var(--dot-magenta)}.dot-legend .s{color:var(--dot-cyan)}.dot-preview__note{margin:0;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;color:var(--dot-muted);letter-spacing:.03em}.dot-checklist{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.dot-checklist li{display:flex;gap:.8rem;align-items:flex-start;font-size:1.3rem;line-height:1.4}.dot-check__mark{flex:0 0 2rem;width:2rem;height:2rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff;background:#9a9a9a}.dot-checklist li.is-ok .dot-check__mark{background:var(--dot-ok)}.dot-checklist li.is-warn .dot-check__mark{background:var(--dot-warn)}.dot-checklist li.is-bad .dot-check__mark{background:var(--dot-bad)}.dot-checklist li.is-bad{color:var(--dot-bad);font-weight:600}.dot-checklist li.is-info .dot-check__mark{background:var(--dot-cyan)}.dot-actions{background:#fff;border:1px solid var(--dot-line);border-radius:1.2rem;padding:1.6rem;display:grid;gap:.9rem}.dot-actions__row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.dot-actions__hint{margin:0;text-align:center;font-size:1.15rem;color:var(--dot-muted)}.dot-divider{border:0;border-top:1px dashed var(--dot-line);margin:.4rem 0}.dot-btn{min-height:4.6rem;padding:1rem 1.4rem;border:1.5px solid var(--dot-ink);border-radius:.9rem;background:#fff;color:var(--dot-ink);font:inherit;font-weight:700;font-size:1.4rem;cursor:pointer;transition:background .15s,color .15s}.dot-btn:hover:not(:disabled){background:var(--dot-liner)}.dot-btn:disabled{opacity:.45;cursor:not-allowed}.dot-btn--primary{background:var(--dot-ink);color:#fff;font-size:1.55rem;min-height:5.2rem}.dot-btn--primary:hover:not(:disabled){background:#000;color:#fff}.dot-err{margin:0;color:var(--dot-bad);font-weight:600;font-size:1.25rem;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/38/assets/usdot-studio.css.map */