.dither-hero{background:var(--silver-canvas);padding:48px 0}.dither-hero h1{letter-spacing:-.048em;margin:24px 0;font-size:clamp(40px,4.65vw,66px);font-weight:800;line-height:1.02}.dither-hero h1 span{color:#6741f5}.dither-hero p{color:#5e647b;font-size:18px}.dither-body{padding-top:32px;padding-bottom:48px}.dither-panel{background:#fff;border:1px solid #dfe2ed;border-radius:8px;padding:28px}.dither-panel h2,.dither-info h2{margin-top:0;font-size:27px;line-height:1.15}.dither-panel h3{margin:0}.dither-drop{background:#f8f8fc;border:1px dashed #858ba3;border-radius:8px;padding:20px}.dither-workspace{grid-template-columns:minmax(260px,1.1fr) repeat(2,minmax(0,1fr));align-items:start;gap:20px;margin-top:24px;display:grid}.dither-workspace>*{min-width:0}.dither-workspace fieldset{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.dither-workspace legend{padding:0 0 16px;font-size:20px;font-weight:700}.dither-workspace label{font-weight:600;display:block}.dither-workspace select,.dither-workspace input[type=number]{color:#1b1d33;width:100%;min-height:44px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #858ba3;border-radius:5px;padding:8px}.dither-help{color:#5e647b;overflow-wrap:anywhere;font-size:14px}.dither-quiet,.dither-primary{box-sizing:border-box;min-height:44px;font:inherit;cursor:pointer;text-align:center;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}.dither-quiet{color:#1b1d33;background:#fff;border:1px solid #858ba3}.dither-primary{color:#fff;background:#6741f5;border:1px solid #6741f5}.dither-primary:hover{color:#fff;background:#4f28d2}.dither-quiet:hover{background:#f3f4f9}.dither-body button:disabled{opacity:.65;cursor:not-allowed}.dither-body :is(input,select,button,a):focus-visible,#dither-file:focus-visible+#dither-choose{outline-offset:3px;outline:3px solid #5832ce}#dither-file:disabled+#dither-choose{opacity:.65;cursor:not-allowed}.dither-workspace #dither-choose{margin-bottom:12px;display:inline-flex}.dither-view{background:#f8f8fc;border:1px solid #dfe2ed;border-radius:8px;padding:16px}.dither-stage{background:repeating-conic-gradient(#eef0f6 0% 25%,#fff 0% 50%) 0/16px 16px;border:1px solid #dfe2ed;justify-content:center;align-items:center;min-height:300px;margin:16px 0;display:flex}.dither-stage p{color:#5e647b;background:#f8f8fc;padding:16px}.dither-stage img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:480px;display:block}.dither-actions{gap:12px;margin-top:12px;display:grid}#dither-status{margin:0}#dither-error{color:var(--silver-error,#a7253d)}.dither-guidance{grid-template-columns:1fr 1fr;gap:24px;margin:28px 0;display:grid}.dither-guidance li+li{margin-top:12px}.dither-info{padding:16px 0}.dither-info h2:not(:first-child){margin-top:32px}.dither-info details{background:#fff;border:1px solid #dfe2ed;border-radius:5px;margin:12px 0}.dither-info summary{cursor:pointer;box-sizing:border-box;min-height:44px;padding:16px;font-weight:600}.dither-info details p{margin:0;padding:0 16px 16px}.dither-body [hidden]{display:none!important}@media (width<=1100px){.dither-workspace{grid-template-columns:1fr 1fr}}@media (width<=700px){.dither-workspace,.dither-guidance{grid-template-columns:1fr}.dither-panel{padding:23px}.dither-hero{padding:32px 0}.dither-hero h1{font-size:clamp(35px,8.8vw,58px)}}.dither-workspace{margin-top:0}.dither-workspace form{margin-top:24px}.dither-workspace .dither-help{margin:0 0 8px}.dither-drop h2{font-size:20px}.dither-palette-title{margin-top:24px!important}#dither-result{image-rendering:pixelated}#dither-swatches{flex-wrap:wrap;gap:8px;max-height:300px;padding:0;list-style:none;display:flex;overflow-y:auto}#dither-swatches li{font-size:12px}#dither-swatches span{border:1px solid #858ba3;border-radius:3px;width:48px;height:32px;display:block}@media (width<=1100px){.dither-workspace>div:first-child{grid-column:1/-1}}