.raster-hero{background:var(--silver-canvas);padding:44px 0 36px}.raster-hero h1{letter-spacing:-.048em;margin:16px 0;font-size:clamp(36px,4.65vw,66px);line-height:1.02}.raster-hero h1 span{color:#6741f5}.raster-hero p{margin:18px 0}.raster-eyebrow{color:#5e647b;letter-spacing:.06em;font-size:12px}.raster-body{padding:20px 0 48px}.raster-panel{background:#fff;border:1px solid #dfe2ed;border-radius:8px;margin-bottom:20px;padding:28px}.raster-panel p{overflow-wrap:anywhere;margin:12px 0}.raster-panel p a{color:#5832ce;text-decoration:underline}.raster-workspace>*{min-width:0}.raster-workspace{grid-template:"inputs result""settings result"1fr"disclosure disclosure"/1.1fr 1fr;align-items:start;column-gap:32px;display:grid}.raster-inputs{grid-area:inputs}.raster-settings{grid-area:settings}.raster-result{background:#fff;grid-area:result;padding-bottom:8px;position:sticky;top:16px}.raster-disclosure{grid-area:disclosure}.raster-panel fieldset{border:0;min-width:0;margin:0 0 24px;padding:0}.raster-panel legend{margin-bottom:12px;padding:0;font-size:22px;font-weight:750}.raster-panel label{margin:12px 0 8px;font-weight:650;display:block}.raster-panel textarea{resize:vertical;color:#1b1d33;background:#f8f8fc;border:1px solid #858ba3;border-radius:5px;width:100%;min-height:130px;padding:12px;font:14px/1.5 ui-monospace,monospace;display:block}.raster-drop{background:#f8f8fc;border:1px dashed #858ba3;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;display:flex}.raster-drop .raster-hint{flex-basis:100%;margin:0}.raster-panel .raster-pill{cursor:pointer;margin:0}.raster-panel .raster-pill-outline{color:var(--silver-violet-text);background:#fff;border-color:#858ba3}#raster-file:focus-visible+.raster-pill{outline:3px solid var(--silver-ink);outline-offset:5px}.raster-source{font-size:14px;font-weight:650}.raster-fields{grid-template-columns:1fr 1fr;align-items:end;gap:4px 16px;display:grid}.raster-fields>div{min-width:0}#raster-color-field{grid-column:1/-1;margin-top:12px}.raster-fields input[type=number],.raster-fields select{width:100%;min-height:44px;font:inherit;color:#1b1d33;background:#fff;border:1px solid #858ba3;border-radius:5px;padding:8px}.raster-panel .raster-check{align-items:center;gap:10px;min-height:44px;margin:0;display:flex}.raster-check input{accent-color:#6741f5;width:20px;height:20px}.raster-hint{color:#5e647b;font-size:14px}.raster-panel .raster-error{color:#a7253d;font-size:14px;font-weight:650}.raster-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 0;display:flex}.raster-panel .raster-quiet{color:#1b1d33;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;display:inline-flex}.raster-panel .raster-quiet:hover{background:#f3f4f9}.raster-panel .raster-download[aria-disabled=true]{color:#5e647b;cursor:progress;background:#eceef5;border-color:#dfe2ed}.raster-panel .raster-summary{color:#5832ce;margin:16px 0 4px;font-size:21px;font-weight:750}.raster-result .raster-hint{min-height:21px;margin:4px 0}.raster-preview{background:#f3f4f9;border:1px solid #dfe2ed;border-radius:8px;place-items:center;min-height:280px;padding:16px;display:grid}.raster-preview img{object-fit:contain;background:repeating-conic-gradient(#fff 0% 25%,#dfe2ed 0% 50%) 50%/16px 16px;max-width:100%;max-height:420px;display:block}.raster-preview p{background:#f8f8fc;padding:16px}.raster-panel h2{margin:0 0 20px;font-size:27px}.raster-result h2{margin-bottom:12px;font-size:22px}.raster-disclosure{background:#f8f8fc;border:1px solid #dfe2ed;border-radius:8px;margin-top:8px;padding:20px;font-size:14px}.raster-disclosure h3{font-size:17px}.raster-panel li{margin-bottom:12px}.raster-panel details{border:1px solid #dfe2ed;border-radius:5px;margin:10px 0;padding:0 16px}.raster-panel summary{cursor:pointer;min-height:44px;padding:14px 0}.raster-panel section{min-width:0}.raster-panel [hidden]{display:none}@media (width<=760px){.raster-workspace{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"inputs""result""settings""disclosure"}.raster-panel{padding:23px}.raster-workspace:not([data-state=empty]) .raster-result{z-index:1;border-bottom:1px solid #dfe2ed;margin:0 -23px 20px;padding:12px 23px;top:0}.raster-workspace:not([data-state=empty]) .raster-result h2{display:none}.raster-workspace:not([data-state=empty]) .raster-preview{min-height:0;padding:8px}.raster-workspace:not([data-state=empty]) .raster-preview img{max-height:min(26vh,220px)}.raster-panel .raster-summary{margin-top:8px;font-size:17px}.raster-settings :is(input,select,button){scroll-margin-top:calc(min(26vh,220px) + 190px)}}