.sv-hero{background:var(--silver-canvas);padding:44px 0 36px}.sv-hero h1{letter-spacing:-.048em;margin:16px 0;font-size:clamp(36px,4.65vw,66px);line-height:1.02}.sv-hero p{color:#5e647b;margin:18px 0}.sv-eyebrow{letter-spacing:.06em;font-size:12px}.sv-body{padding:20px 0 48px}.sv-panel{background:#fff;border:1px solid #dfe2ed;border-radius:8px;margin-bottom:20px;padding:28px}.sv-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;display:grid}.sv-grid[data-dropping]{outline-offset:-6px;outline:3px dashed #6741f5}.sv-result{border-left:1px solid #dfe2ed;min-width:0;padding-left:28px}.sv-panel p{margin:12px 0}.sv-panel h2{margin:0 0 20px;font-size:27px}.sv-panel h3{margin:24px 0 12px;font-size:18px}.sv-panel fieldset{border:0;min-width:0;margin:0;padding:0}.sv-panel label{margin:14px 0 8px;font-weight:650;display:block}.sv-panel textarea{resize:vertical;color:#1b1d33;background:#f8f8fc;border:1px solid #858ba3;border-radius:5px;width:100%;min-height:120px;padding:12px;font:14px/1.5 ui-monospace,monospace;display:block}.sv-drop{text-align:center;background:#f8f8fc;border:1px dashed #858ba3;border-radius:8px;padding:24px 16px}.sv-drop .sv-hint{overflow-wrap:anywhere;margin-bottom:0}.sv-panel input[type=number],.sv-panel select{min-height:44px;font:inherit;color:#1b1d33;background:#fff;border:1px solid #858ba3;border-radius:5px;padding:8px}.sv-panel input[type=number]{width:96px}.sv-panel button,.sv-panel .sv-pill,.sv-actions a{color:#1b1d33;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;justify-content:center;align-items:center;margin:0;padding:10px 18px;font-weight:400;text-decoration:none;display:inline-flex}.sv-panel .sv-primary{color:#fff;background:#6741f5;border-color:#6741f5}.sv-panel .sv-primary:hover{background:#4f28d2}#sv-file:focus-visible+.sv-pill,.sv-stage:focus-visible{outline-offset:3px;outline:3px solid #6741f5}.sv-panel button:disabled{cursor:not-allowed;color:#5e647b;background:#f3f4f9;border-color:#dfe2ed}.sv-actions{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}#sv-error,#sv-zoom-error{color:#a7253d;overflow-wrap:anywhere}#sv-zoom[aria-invalid=true]{border-color:#a7253d}.sv-hint{color:#5e647b;font-size:14px}.sv-hint a{color:#5832ce;text-decoration:underline}.sv-panel .sv-toolbar{flex-wrap:wrap;align-items:end;gap:12px 20px;margin-bottom:16px;display:flex}.sv-toolbar label{margin-top:0;font-size:14px}.sv-zoom-row{flex-wrap:wrap;gap:8px;display:flex}.sv-panel .sv-zoom-row button{min-width:44px;padding:10px 14px}.sv-stage{cursor:grab;touch-action:pan-x pan-y;user-select:none;border:1px solid #dfe2ed;border-radius:5px;height:400px;position:relative;overflow:hidden}.sv-stage[data-pannable]{touch-action:none}.sv-stage[data-dragging]{cursor:grabbing}.sv-stage:not([tabindex]){cursor:default}.sv-stage[data-background=checkerboard]{background:repeating-conic-gradient(#fff 0% 25%,#e5e7f0 0% 50%) 50%/20px 20px}.sv-stage[data-background=white]{background:#fff}.sv-stage[data-background=dark]{background:#222536}.sv-stage[data-background=custom]{background:var(--sv-custom,#6741f5)}.sv-stage img{pointer-events:none;max-width:none;display:block;position:absolute;top:0;left:0}.sv-stage p{color:#5e647b;background:#f8f8fc;border-radius:5px;width:260px;max-width:calc(100% - 32px);height:max-content;margin:auto;padding:16px;position:absolute;inset:0}.sv-contents{background:#fff8e6;border:1px solid #e0b252;border-radius:8px;margin:20px 0 0;padding:16px 20px}.sv-panel .sv-contents h3{margin-top:0}.sv-contents ul{margin:0;padding-left:20px}.sv-dimensions{overflow-wrap:anywhere;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0 20px;display:grid}.sv-dimensions .sv-wide{grid-column:1/-1}.sv-dimensions dt{font-size:13px}.sv-dimensions dd{color:#5e647b;margin:4px 0 0}.sv-chip{align-items:center;gap:6px;margin:0 0 6px;font:13px/1.5 ui-monospace,monospace;display:inline-flex}.sv-swatch{border:1px solid #858ba3;border-radius:3px;width:16px;height:16px}.sv-panel details{border:1px solid #dfe2ed;border-radius:5px;margin:10px 0;padding:0 16px}.sv-panel summary{cursor:pointer;min-height:44px;padding:14px 0}#sv-source-details[open]{padding-bottom:12px}.sv-isolation{color:#1b1d33;background:#eae5ff;border:1px solid #dfe2ed;border-radius:8px;margin:0 0 28px;padding:20px}.sv-help-grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:28px;display:grid}.sv-panel li{margin-bottom:12px}.sv-panel [hidden]{display:none}@media (width<=900px){.sv-grid,.sv-help-grid{grid-template-columns:1fr;gap:24px}.sv-result{border-top:1px solid #dfe2ed;border-left:0;padding-top:24px;padding-left:0}}@media (width<=700px){.sv-panel{padding:23px}.sv-hero{padding-top:32px}.sv-stage{height:300px}.sv-dimensions{grid-template-columns:1fr}}.sv-related-tools[data-astro-cid-gwmhr33o] a[data-astro-cid-gwmhr33o]{color:var(--silver-violet-text);text-decoration:underline}