@font-face{font-family:ABC Diatype;src:url(./ABCDiatype-Regular-WVv2n_jt.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ABC Diatype;src:url(./ABCDiatype-Medium-B_zIXdg1.woff2)format("woff2");font-weight:500 700;font-style:normal;font-display:swap}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}:root{--body-bg:oklch(23.2258% .00241755 325.654);--rail-bg:oklch(22.1344% .00381253 106.707);--rail-border:oklch(100% 0 0/.0745098);--panel-border:oklch(100% 0 0/.101961);--preview-bg:oklch(23.2258% .00241755 325.654);--toolbar-bg:oklch(18.404% .00810051 285.577/.54902);--toolbar-border:oklch(100% 0 0/.0705882);--glass-blur:blur(24px) saturate(1.4);--text:oklch(100% 0 0/.901961);--label:oklch(100% 0 0/.58);--muted:oklch(100% 0 0/.25098);--muted-text:oklch(100% 0 0/.64);--heading:oklch(100% 0 0/.64);--ref-row:oklch(25.5392% .00368203 106.657);--ref-row-hover:oklch(28.798% .00535213 106.731);--ref-fill:oklch(31.5712% .00696544 106.792);--ref-fill-active:oklch(36.2142% .00840966 106.812);--ref-label:oklch(81.9922% .00990817 93.5909);--ref-value:oklch(95.1739% .00955316 93.5706);--ref-section:oklch(58.5918% .0107495 93.6512);--ref-dropdown:oklch(26.7502% .00544834 106.762);--ref-hairline:oklch(100% 0 0/.07);--ref-dropdown-shadow:0 8px 24px oklch(0% 0 0/.5);--control-surface:var(--ref-row);--control-surface-hover:var(--ref-row-hover);--control-surface-active:var(--ref-fill);--segment-track-bg:oklch(27% .006 95);--segment-inactive-text:oklch(67.5% .006 95);--segment-active-text:oklch(95% .006 95);--segment-selected-bg:oklch(34% .006 95);--segment-selected-ring:oklch(39% .006 95);--input-bg:var(--control-surface);--input-border:var(--ref-hairline);--track:var(--ref-row);--slider-fill:var(--ref-value);--focus-color:oklch(94.9119% 0 0);--focus-ring:oklch(100% 0 0/.301961);--thumb-bg:var(--ref-value);--btn-border:var(--ref-hairline);--btn-bg:var(--control-surface);--btn-color:var(--ref-value);--btn-hover-border:var(--ref-fill-active);--btn-hover-bg:var(--control-surface-hover);--btn-primary-bg:var(--ref-value);--btn-primary-color:oklch(13.4409% 0 0);--btn-primary-hover:oklch(89.3823% .0110118 95.1762);--btn-shadow:none;--btn-primary-shadow:none;--divider:var(--ref-hairline);--status-idle:oklch(58.2916% 0 0);--status-busy:oklch(65% .12 165);--error-surface:oklch(23.0831% .0309095 16.3204);--error-ring:oklch(71.9083% .174966 25.6509/.301961);--error-text:oklch(93.5692% .0323514 24.7937);--error-muted:oklch(81.9549% .101115 23.2073);--error-icon:oklch(74.469% .154619 24.7514);--csel-trigger-bg:var(--control-surface);--csel-border:0 0 0 1px var(--ref-hairline);--radius:8px;--panel-shadow:0 8px 32px oklch(0% 0 0/.4);--control-ring:none;--rail-radius:18px;--rail-inset:16px;--rail-w:400px;--rail-shadow:0 26px 70px -22px oklch(0% 0 0/.92);--rail-drag-shadow:0 30px 82px -20px oklch(0% 0 0/.96);--control-h:34px;--control-font:.8125rem;--font-sans:"ABC Diatype", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-press:cubic-bezier(.23, 1, .32, 1)}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--body-bg:oklch(97.2% .006 95);--preview-bg:oklch(97.2% .006 95);--rail-bg:oklch(99.5% .004 95);--rail-border:oklch(40% .015 90/.1);--panel-border:oklch(40% .015 90/.1);--toolbar-bg:oklch(99.5% .004 95);--toolbar-border:oklch(40% .015 90/.1);--glass-blur:none;--rail-shadow:0 1px 2px oklch(35% .02 90/.05), 0 18px 50px -18px oklch(40% .02 90/.18);--rail-drag-shadow:0 2px 3px oklch(35% .02 90/.07), 0 26px 64px -16px oklch(40% .02 90/.24);--text:oklch(28% .014 90);--label:oklch(40% .014 90);--muted:oklch(68% .01 90);--muted-text:oklch(42% .012 90);--heading:oklch(42% .012 90);--ref-row:oklch(96.6% .006 95);--ref-row-hover:oklch(94.6% .007 95);--ref-fill:oklch(92.2% .008 95);--ref-fill-active:oklch(88.8% .01 95);--ref-label:oklch(38% .014 90);--ref-value:oklch(28% .014 90);--ref-section:oklch(48% .012 90);--ref-dropdown:oklch(99.5% .003 95);--ref-hairline:oklch(40% .015 90/.1);--ref-dropdown-shadow:0 1px 2px oklch(35% .02 90/.06), 0 14px 36px oklch(40% .02 90/.12);--control-surface:var(--ref-row);--control-surface-hover:var(--ref-row-hover);--control-surface-active:var(--ref-fill);--segment-track-bg:var(--control-surface);--segment-inactive-text:var(--muted-text);--segment-active-text:var(--text);--segment-selected-bg:oklch(99.5% .002 95);--segment-selected-ring:var(--ref-hairline);--input-bg:var(--control-surface);--input-border:var(--ref-hairline);--track:var(--ref-fill);--slider-fill:var(--ref-fill-active);--focus-color:oklch(30% .012 90);--focus-ring:oklch(30% .012 90/.22);--thumb-bg:oklch(99.5% .002 95);--btn-border:var(--ref-hairline);--btn-bg:var(--control-surface);--btn-color:var(--ref-value);--btn-hover-border:var(--ref-fill-active);--btn-hover-bg:var(--control-surface-hover);--btn-primary-bg:oklch(26% .012 90);--btn-primary-color:oklch(99% .004 95);--btn-primary-hover:oklch(34% .012 90);--btn-shadow:none;--btn-primary-shadow:none;--divider:var(--ref-hairline);--status-idle:oklch(62% .008 90);--status-busy:oklch(50% .12 165);--error-surface:oklch(97% .02 25);--error-ring:oklch(55% .18 25/.24);--error-text:oklch(45% .14 25);--error-muted:oklch(52% .12 25);--error-icon:oklch(50% .18 25);--csel-trigger-bg:var(--control-surface);--csel-border:0 0 0 1px var(--ref-hairline);--panel-shadow:0 1px 2px oklch(35% .02 90/.05), 0 0 0 1px var(--ref-hairline);--control-ring:inset 0 0 0 1px var(--ref-hairline)}html.light .control-rail,html.light .preview-stage{-webkit-backdrop-filter:none}*{box-sizing:border-box}html.theme-switching,html.theme-switching *,html.theme-switching :before,html.theme-switching :after{transition:none!important}::view-transition-old(root){animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:.16s both studio-theme-crossfade}@keyframes studio-theme-crossfade{0%{opacity:0}to{opacity:1}}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#imageInput{pointer-events:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--font-sans);background:var(--body-bg);color:var(--text);height:100vh;margin:0;overflow:hidden}h1,h2,p{margin:0}.workspace{grid-template-columns:1fr;gap:0;height:100vh;padding:0;display:grid;overflow:hidden}.control-rail{z-index:100;left:var(--rail-inset);top:var(--rail-inset);width:var(--rail-w);height:auto;max-height:calc(100vh - var(--rail-inset) * 2);overscroll-behavior:contain;scrollbar-width:none;background:var(--rail-bg);border:1px solid var(--rail-border);border-radius:var(--rail-radius);box-shadow:var(--rail-shadow);flex-direction:column;gap:0;padding:10px;display:flex;position:fixed;overflow-y:auto}.control-rail::-webkit-scrollbar{display:none}.control-rail[data-panel-draggable=true]{transform:translate3d(var(--studio-panel-drag-x,0), var(--studio-panel-drag-y,0), 0);transition:box-shadow .14s var(--ease-out)}.control-rail.is-panel-dragging{z-index:110;will-change:transform;box-shadow:var(--rail-drag-shadow)}.control-rail.is-panel-resetting{transition:transform .18s var(--ease-out), box-shadow .14s var(--ease-out)}@media (prefers-reduced-motion:reduce){.control-rail[data-panel-draggable=true],.control-rail.is-panel-resetting{transition:none}}.control-scroll{scrollbar-width:thin;scrollbar-color:var(--divider) transparent;flex:1;min-height:0;margin-right:-4px;padding-right:4px;overflow-y:auto}.control-scroll::-webkit-scrollbar{width:6px}.control-scroll::-webkit-scrollbar-thumb{background:var(--divider);border-radius:999px}.control-group{border:none;border-top:1px dashed var(--divider);background:0 0;margin-top:12px;padding:14px 0 0}.control-group:first-child{border-top:none;margin-top:0;padding-top:0}.group-head{margin-bottom:10px}h2{font-family:var(--font-mono);letter-spacing:0;text-transform:none;color:var(--heading);font-size:14px;font-weight:400}.field{gap:6px;margin-bottom:14px;display:grid}.field:last-child{margin-bottom:0}.advanced-controls{border-top:none;margin-top:4px}.advanced-controls summary{border-radius:var(--radius);background:var(--input-bg);min-height:40px;color:var(--text);box-shadow:var(--csel-border);font-size:var(--control-font);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .16s var(--ease-out), box-shadow .16s var(--ease-out);justify-content:space-between;align-items:center;padding:0 12px;font-weight:500;list-style:none;display:flex}.advanced-controls summary::-webkit-details-marker{display:none}.advanced-controls summary:after{content:"";width:6px;height:6px;transition:transform .16s var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(45deg)translate(-2px,-2px)}.advanced-controls[open] summary:after{transform:rotate(225deg)translate(-2px,-2px)}@media (hover:hover) and (pointer:fine){.advanced-controls summary:hover{background:var(--btn-hover-bg)}}.advanced-controls summary:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px;border-radius:4px}.advanced-fields{padding-top:14px}.field span,.field-title,.zoom-control{font-family:var(--font-sans);color:var(--label);text-transform:none;letter-spacing:0;font-size:.8125rem}.field-title,.zoom-control{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}input[type=range]{width:100%}.button{touch-action:manipulation}input[type=range]{--val:0;appearance:none;background:linear-gradient(to right, var(--slider-fill) 0%, var(--slider-fill) calc(var(--val) * 100%), var(--track) calc(var(--val) * 100%), var(--track) 100%) center / 100% 2px no-repeat;border-radius:999px;outline:none;height:2px}input[type=range]:focus-visible{outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--thumb-bg);cursor:pointer;border:none;border-radius:3px;width:12px;height:12px;box-shadow:0 0 0 1px oklch(0% 0 0/.5),0 2px 6px oklch(0% 0 0/.7)}html.light input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 1px oklch(0% 0 0/.15),0 1px 4px oklch(0% 0 0/.2)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px oklch(0% 0 0/.5), 0 2px 6px oklch(0% 0 0/.7), 0 0 0 4px var(--focus-ring)}html.light input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px oklch(0% 0 0/.15), 0 1px 4px oklch(0% 0 0/.2), 0 0 0 4px var(--focus-ring)}input[type=range]::-moz-range-thumb{background:var(--thumb-bg);cursor:pointer;border:none;border-radius:3px;width:12px;height:12px;box-shadow:0 0 0 1px oklch(0% 0 0/.5),0 2px 6px oklch(0% 0 0/.7)}#zoomRange{height:var(--control-h);background:linear-gradient(to right, var(--control-surface-active) 0%, var(--control-surface-active) calc(var(--val) * 100%), var(--control-surface) calc(var(--val) * 100%), var(--control-surface) 100%);border-radius:var(--radius);cursor:pointer}#zoomRange:focus-visible{box-shadow:0 0 0 3px var(--focus-ring)}#zoomRange::-webkit-slider-thumb{background:var(--text);width:3px;height:20px;box-shadow:none;border-radius:999px}#zoomRange:focus-visible::-webkit-slider-thumb{box-shadow:none}#zoomRange::-moz-range-thumb{background:var(--text);width:3px;height:20px;box-shadow:none;border-radius:999px}#zoomRange:focus-visible::-moz-range-thumb{box-shadow:none}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px oklch(0% 0 0/.5), 0 2px 6px oklch(0% 0 0/.7), 0 0 0 4px var(--focus-ring)}output{font-family:var(--font-sans);color:var(--text);font-variant-numeric:tabular-nums;font-size:.8425rem;font-weight:500}.preset-actions{gap:8px;margin-top:8px;margin-bottom:0;display:flex}#savePresetBtn{flex:1}.preset-namer{grid-template-columns:1fr auto auto;gap:6px;margin-top:8px;display:grid}.preset-namer input{min-width:0;min-height:var(--control-h);background:var(--csel-trigger-bg);border-radius:var(--radius);box-shadow:var(--csel-border);color:var(--text);font-family:inherit;font-size:var(--control-font);appearance:none;border:none;outline:none;padding:0 14px}.preset-namer input::placeholder{color:var(--muted-text)}.preset-namer input:focus-visible{box-shadow:0 0 0 1px var(--focus-ring)}.button.preset-cancel{width:var(--control-h);color:var(--label);flex-shrink:0;padding:0}@media (hover:hover) and (pointer:fine){.button.preset-cancel:hover{color:var(--text)}}.preset-cancel svg{flex-shrink:0}.preset-note{color:var(--label);margin-top:8px;font-size:.7825rem}.preset-note:empty{display:none}.rail-actions{border-top:1px dashed var(--divider);flex-shrink:0;grid-template-columns:1fr;gap:8px;margin-top:0;padding-top:20px;display:grid}.export-meta{color:var(--label);text-align:center;font-variant-numeric:tabular-nums;text-wrap:pretty;margin:0;font-size:.7825rem;line-height:1.35}.button{background:var(--btn-bg);color:var(--btn-color);border-radius:var(--radius);font-family:var(--font-sans);font-size:var(--control-font);letter-spacing:0;text-transform:none;min-height:var(--control-h);cursor:pointer;box-shadow:var(--btn-shadow);appearance:none;transition:background-color .16s var(--ease-out), color .16s var(--ease-out), box-shadow .16s var(--ease-out), transform .12s var(--ease-press);border:none;justify-content:center;align-items:center;padding:0 16px;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){.button:hover{background:var(--btn-hover-bg)}.button-primary:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}}.button:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}html[data-keyboard-focus=false] :focus-visible{outline:none!important}html[data-keyboard-focus=false] #zoomRange:focus-visible{box-shadow:none}.button:active:not(:disabled){transform:scale(.97)}.button:disabled{opacity:.4;cursor:not-allowed}.button:disabled:hover{background:var(--btn-bg)}.button-primary{background:var(--btn-primary-bg);color:var(--btn-primary-color);border-color:var(--btn-primary-bg);box-shadow:var(--btn-primary-shadow)}#copyBtn{box-shadow:var(--control-ring)}.button-small{min-height:32px;padding:0 12px;font-size:.7825rem}.theme-toggle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;min-height:40px;padding:0;display:flex}.theme-toggle svg{flex-shrink:0;width:15px;height:15px}.preview-stage{background:var(--preview-bg);min-height:100vh;box-shadow:none;border:0;border-radius:0;grid-template-rows:1fr;display:grid;overflow:hidden}.preview-toolbar{z-index:100;top:var(--rail-inset);right:var(--rail-inset);background:var(--rail-bg);border:1px solid var(--rail-border);border-radius:var(--rail-radius);box-shadow:var(--rail-shadow);grid-template-columns:auto minmax(120px,180px) auto auto;align-items:center;gap:10px;padding:10px;display:grid;position:fixed}.zoom-control{gap:8px}.render-status{box-sizing:content-box;text-align:center;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;inline-size:max-content;min-inline-size:10.5em;max-inline-size:min(24rem,100vw - 60px);color:var(--text);font-size:.7825rem;font-family:var(--font-sans);background:var(--rail-bg);border:1px solid var(--rail-border);pointer-events:none;visibility:hidden;opacity:0;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out), visibility .16s;border-radius:10px;margin:0;padding:9px 12px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 4px 16px oklch(0% 0 0/.12)}.render-status[data-visible=true]{visibility:visible;opacity:1;transform:translateY(0)}.render-status[data-busy=true]{color:var(--status-busy)}.canvas-wrap{margin-left:calc(var(--rail-w) + var(--rail-inset) * 2);place-items:center;width:auto;height:100%;min-height:300px;display:grid;position:relative;overflow:hidden}.image-drop-hint{z-index:4;border:2px dashed var(--text);background:color-mix(in srgb, var(--preview-bg) 65%, transparent);pointer-events:none;opacity:0;visibility:hidden;border-radius:16px;place-items:center;transition:opacity .16s ease-out,visibility .16s;display:grid;position:absolute;inset:16px}.is-file-over .image-drop-hint{opacity:1;visibility:visible}.image-drop-label{background:var(--rail-bg);color:var(--text);box-shadow:var(--rail-shadow);text-align:center;border-radius:12px;gap:6px;padding:20px 24px;display:grid}.image-drop-label span{color:var(--muted-text);font-size:.875rem}.canvas-plane{transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%}.halftone-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}canvas{max-width:none;max-height:none;display:block}#sourceCanvas,#previewCanvas{-webkit-user-select:none;user-select:none;position:absolute;inset:0}.split-handle{cursor:ew-resize;touch-action:none;z-index:3;background:0 0;border:none;width:40px;height:100%;padding:0;position:absolute;top:0;bottom:auto;overflow:visible;transform:translate(-50%)}.split-handle:before,.split-handle:after{content:"";position:absolute;left:50%;transform:translate(-50%)}.split-handle:before{background:oklch(100% 0 0/.85);width:2px;top:0;bottom:0;box-shadow:0 0 6px oklch(0% 0 0/.4)}.split-handle:after{background:oklch(100% 0 0/.95);border:2px solid oklch(100% 0 0/.95);border-radius:50%;width:28px;height:28px;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px oklch(0% 0 0/.35)}.split-arrows{z-index:1;color:oklch(25.1965% 0 0);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.split-handle:focus-visible{outline:2px solid var(--focus-color);outline-offset:-2px}@media (width<=1240px){:root{--rail-w:340px}}@media (pointer:coarse){:root{--control-h:44px}.split-handle{touch-action:pan-y;width:48px}input[type=range]{min-height:32px}input[type=range]::-webkit-slider-thumb{width:18px;height:18px}input[type=range]::-moz-range-thumb{width:18px;height:18px}}@media (width>=768px) and (width<=980px){:root{--rail-w:300px}.preview-toolbar{grid-template-columns:auto auto}.preview-toolbar .zoom-control,.preview-toolbar #zoomRange{display:none}}.mobile-editor-tabs,.phone-landscape-notice{display:none}@media (width>=768px) and (any-pointer:coarse){body,.workspace{height:100dvh}.preview-stage{min-height:0}.control-rail{top:max(var(--rail-inset), env(safe-area-inset-top));height:calc(100dvh - max(var(--rail-inset), env(safe-area-inset-top)) - max(var(--rail-inset), env(safe-area-inset-bottom)));grid-template-rows:auto minmax(0,1fr);max-height:none;display:grid;overflow:clip}}@media (width<=767px),(any-pointer:coarse){.canvas-wrap{touch-action:none;overscroll-behavior:contain}.mobile-editor-tabs{padding:var(--segment-inset);margin:4px 0 12px;display:grid}.mobile-editor-tabs button{-webkit-tap-highlight-color:transparent}.control-rail .rail-actions{overscroll-behavior-x:none;overscroll-behavior-y:contain;border-top:0;align-content:start;min-height:0;padding-top:12px;overflow:hidden auto}.control-rail .dial-panel-mount,.control-rail .rail-actions{scrollbar-width:none}.control-rail .dial-panel-mount::-webkit-scrollbar{display:none}.control-rail .rail-actions::-webkit-scrollbar{display:none}.preview-toolbar .zoom-control,.preview-toolbar #zoomRange,.preview-toolbar #resetViewBtn,.preview-toolbar .theme-toggle{display:none}.preview-toolbar{box-shadow:none;pointer-events:none;background:0 0;border:0;padding:0;display:block}.preview-toolbar .render-status{top:0}}@media (width<=767px),(width<=980px) and (height<=500px) and (pointer:coarse){:root{--phone-control-height:44dvh}body{height:100dvh;overflow:hidden}.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) minmax(0, max(0px, calc(var(--phone-control-height) - var(--phone-keyboard-inset,0px))));height:100dvh}.preview-stage{min-height:0;padding-top:env(safe-area-inset-top);grid-row:1;position:relative}.canvas-wrap{min-height:0;margin-left:0}.preview-toolbar{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));z-index:5;grid-template-columns:auto auto auto;gap:6px;padding:6px;position:absolute}.preview-toolbar .zoom-control,.preview-toolbar #zoomRange{display:none}.control-rail{width:auto;height:100%;min-height:0;max-height:none;padding:6px max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-radius:16px 16px 0 0;grid-row:2;grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;top:auto;left:0;right:0;overflow:hidden}}@media (width<=980px) and (height<=500px) and (pointer:coarse) and (orientation:landscape){.workspace{visibility:hidden}.phone-landscape-notice{z-index:1000;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:var(--body-bg);color:var(--text);text-align:center;overscroll-behavior:none;touch-action:none;place-items:center;display:grid;position:fixed;inset:0}.phone-landscape-message{justify-items:center;gap:8px;max-width:280px;display:grid}.phone-landscape-icon{box-sizing:content-box;background:var(--ref-row);color:var(--ref-value);box-shadow:inset 0 0 0 1px var(--ref-hairline);border-radius:14px;margin-bottom:6px;padding:12px}.phone-landscape-notice h2,.phone-landscape-notice p{margin:0}.phone-landscape-notice h2{color:var(--text);font-family:var(--font-sans);letter-spacing:-.01em;text-wrap:balance;font-size:18px;font-weight:500}.phone-landscape-notice p{color:var(--muted-text);text-wrap:balance;font-size:14px;line-height:1.4}}@media (width<=767px),(width<=980px) and (height<=500px) and (pointer:coarse){html{overscroll-behavior:none;touch-action:pan-y pinch-zoom;background:var(--body-bg);width:100%;height:100%;overflow:clip}body{overscroll-behavior:none;width:100%;position:fixed;inset:0;overflow:clip}.workspace,.preview-stage,.control-rail{width:100%;min-width:0;max-width:100%}.workspace{touch-action:pan-y pinch-zoom;overflow:clip}.control-rail .rail-actions{overscroll-behavior-x:none;overscroll-behavior-y:contain;overflow-x:hidden}.preview-toolbar .zoom-control,.preview-toolbar #zoomRange,.preview-toolbar #resetViewBtn,.preview-toolbar .theme-toggle{display:none}.preview-toolbar{box-shadow:none;pointer-events:none;background:0 0;border:0;padding:0;display:block}.preview-toolbar .render-status{top:0}}#sourceCanvas,.halftone-overlay{background-color:oklch(92.1906% 0 0);background-image:repeating-conic-gradient(oklch(89.1431% 0 0) 0% 25%,#0000 0% 50%);background-size:16px 16px}