@font-face{font-family:Noto Sans SC;src:url(/fonts/noto-sans-sc-vf.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}.tool-hero[data-astro-cid-ayofdgl2]{min-height:168px;padding-top:calc(var(--header-height) + 18px);border-bottom:1px solid var(--line);grid-template-columns:4fr 5fr 3fr;align-items:start;gap:30px;padding-bottom:15px;display:grid}.tool-hero[data-astro-cid-ayofdgl2] h1[data-astro-cid-ayofdgl2],.tool-hero[data-astro-cid-ayofdgl2] p[data-astro-cid-ayofdgl2]{margin:0}.tool-hero[data-astro-cid-ayofdgl2] h1[data-astro-cid-ayofdgl2]{color:var(--heading);font-size:clamp(34px,3.65vw,54px);font-weight:400;line-height:.95}.tool-hero[data-astro-cid-ayofdgl2] p[data-astro-cid-ayofdgl2]{max-width:560px}.tool-hero__meta[data-astro-cid-ayofdgl2]{color:var(--muted);text-align:right;justify-items:end;gap:8px;font-size:12px;display:grid}#dimensionPill[data-astro-cid-ayofdgl2]{border:1px solid var(--line);padding:3px 6px}.glow-tool[data-astro-cid-ayofdgl2]{min-height:calc(100vh - var(--header-height) - 142px);border-bottom:1px solid var(--line);grid-template-columns:minmax(340px,400px) minmax(0,1fr);display:grid}.glow-tool__controls[data-astro-cid-ayofdgl2]{padding:0 var(--page-pad) 18px;border-right:1px solid var(--line)}.tool-section[data-astro-cid-ayofdgl2]{border-bottom:1px solid var(--line);padding:14px 0 15px}.tool-section[data-astro-cid-ayofdgl2] h2[data-astro-cid-ayofdgl2]{color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:400}.field[data-astro-cid-ayofdgl2],.range-field[data-astro-cid-ayofdgl2]{color:var(--muted);gap:7px;margin-bottom:13px;font-size:12px;display:grid}.field[data-astro-cid-ayofdgl2] span[data-astro-cid-ayofdgl2],.range-field[data-astro-cid-ayofdgl2] span[data-astro-cid-ayofdgl2]{justify-content:space-between;gap:10px;display:flex}.field[data-astro-cid-ayofdgl2] b[data-astro-cid-ayofdgl2],.range-field[data-astro-cid-ayofdgl2] b[data-astro-cid-ayofdgl2]{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:400}.field-grid[data-astro-cid-ayofdgl2]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.color-grid[data-astro-cid-ayofdgl2]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}input[data-astro-cid-ayofdgl2],select[data-astro-cid-ayofdgl2],textarea[data-astro-cid-ayofdgl2],button[data-astro-cid-ayofdgl2]{color:var(--ink);font:inherit}input[data-astro-cid-ayofdgl2][type=number],textarea[data-astro-cid-ayofdgl2],select[data-astro-cid-ayofdgl2]{border:1px solid var(--line);background:#ffffff3d;border-radius:0;outline:none;width:100%;padding:8px 9px}textarea[data-astro-cid-ayofdgl2]{resize:vertical;min-height:82px;line-height:1.35}input[data-astro-cid-ayofdgl2][type=color]{border:1px solid var(--line);background:0 0;border-radius:0;width:100%;height:32px;padding:1px}input[data-astro-cid-ayofdgl2][type=range]{width:100%;accent-color:var(--ink)}input[data-astro-cid-ayofdgl2]:focus,select[data-astro-cid-ayofdgl2]:focus,textarea[data-astro-cid-ayofdgl2]:focus{border-color:var(--ink);background:#ffffff61}button[data-astro-cid-ayofdgl2]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:0;padding:8px 10px}button[data-astro-cid-ayofdgl2]:hover{border-color:var(--ink)}button[data-astro-cid-ayofdgl2].primary,.look-row[data-astro-cid-ayofdgl2] button[data-astro-cid-ayofdgl2].active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.button-row[data-astro-cid-ayofdgl2]{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.glow-tool__stage[data-astro-cid-ayofdgl2]{grid-template-rows:auto auto;align-content:start;display:grid}.look-row[data-astro-cid-ayofdgl2]{border-bottom:1px solid var(--line);min-height:64px;color:var(--muted);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;padding:14px 18px;font-size:12px;display:flex}.look-row[data-astro-cid-ayofdgl2] span[data-astro-cid-ayofdgl2]{margin-left:auto}.canvas-panel[data-astro-cid-ayofdgl2]{padding:28px}.canvas-board[data-astro-cid-ayofdgl2]{width:100%;max-height:calc(100vh - 260px);aspect-ratio:var(--preview-ratio,3 / 1);border:1px solid var(--line);background-color:#121414;background-image:linear-gradient(45deg,#ffffff09 25%,#0000 25%),linear-gradient(-45deg,#ffffff09 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff09 75%),linear-gradient(-45deg,#0000 75%,#ffffff09 75%);background-position:0 0,0 24px,24px -24px,-24px 0;background-size:48px 48px;position:relative;overflow:hidden}canvas[data-astro-cid-ayofdgl2]{cursor:grab;width:100%;height:100%;display:block}canvas[data-astro-cid-ayofdgl2].dragging{cursor:grabbing}.guide[data-astro-cid-ayofdgl2]{pointer-events:none;opacity:0;border:1px solid #e1e7e947;position:absolute;inset:12.5% 10%}.canvas-board[data-astro-cid-ayofdgl2].show-guide .guide[data-astro-cid-ayofdgl2]{opacity:1}.statusbar[data-astro-cid-ayofdgl2]{min-height:20px;color:var(--muted);justify-content:space-between;gap:12px;margin-top:9px;font-size:12px;display:flex}.file-input[data-astro-cid-ayofdgl2]{color:var(--muted);font-size:12px}@media (width<=900px){.tool-hero[data-astro-cid-ayofdgl2]{grid-template-columns:1fr;gap:12px}.tool-hero__meta[data-astro-cid-ayofdgl2]{text-align:left;justify-items:start}.glow-tool[data-astro-cid-ayofdgl2]{grid-template-columns:1fr;min-height:0}.glow-tool__controls[data-astro-cid-ayofdgl2]{border-right:0;border-bottom:1px solid var(--line)}.canvas-panel[data-astro-cid-ayofdgl2]{padding:16px var(--page-pad) 24px}}@media (width<=520px){.field-grid[data-astro-cid-ayofdgl2],.color-grid[data-astro-cid-ayofdgl2]{grid-template-columns:1fr}.look-row[data-astro-cid-ayofdgl2],.statusbar[data-astro-cid-ayofdgl2]{flex-direction:column;align-items:flex-start}.look-row[data-astro-cid-ayofdgl2] span[data-astro-cid-ayofdgl2]{margin-left:0}}