@font-face{font-family:Dela Gothic One;font-style:normal;font-display:swap;font-weight:400;src:url(/tools/mizutama-maker/assets/dela-gothic-one-japanese-400-normal-De8ccvZQ.woff2)format("woff2")}@font-face{font-family:Mochiy Pop P One;font-style:normal;font-display:swap;font-weight:400;src:url(/tools/mizutama-maker/assets/mochiy-pop-p-one-japanese-400-normal-Dp_HWx0f.woff2)format("woff2")}@font-face{font-family:Kaisei Opti;font-style:normal;font-display:swap;font-weight:400;src:url(/tools/mizutama-maker/assets/kaisei-opti-japanese-400-normal-NGyJXl5q.woff2)format("woff2")}@font-face{font-family:Kaisei Opti;font-style:normal;font-display:swap;font-weight:700;src:url(/tools/mizutama-maker/assets/kaisei-opti-japanese-700-normal-CSbhpP9j.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/tools/mizutama-maker/assets/ibm-plex-sans-condensed-latin-600-normal-CRd5VyFf.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/tools/mizutama-maker/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/tools/mizutama-maker/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--nui-palette-ink:#1d2128;--nui-palette-paper:#fff;--nui-palette-orange:#ff9e20;--nui-palette-orange-dark:#a34800;--nui-palette-pink:#ff62bb;--nui-palette-cyan:#31d9ec;--nui-palette-violet:#9a7dd4;--nui-palette-danger:#b42318;--nui-color-canvas:var(--nui-palette-paper);--nui-color-background:var(--nui-color-canvas);--nui-color-surface:var(--nui-palette-paper);--nui-color-surface-raised:#fffffff5;--nui-color-surface-muted:#ffffffb3;--nui-color-text:var(--nui-palette-ink);--nui-color-text-muted:#394047;--nui-color-text-subtle:#5c6668;--nui-color-label:#4c5557;--nui-color-border:#1d21282e;--nui-color-border-strong:var(--nui-palette-ink);--nui-color-control-border:#8d949b;--nui-color-swatch-border:#8d949b;--nui-color-disabled-surface:#e8ecef;--nui-color-disabled-text:#4c5557;--nui-color-disabled-border:#7a848a;--nui-color-accent:var(--nui-palette-orange);--nui-color-accent-strong:var(--nui-palette-orange-dark);--nui-color-accent-hover:#f28a00;--nui-color-on-accent:var(--nui-palette-ink);--nui-color-selected:var(--nui-palette-cyan);--nui-color-on-selected:var(--nui-palette-ink);--nui-color-focus:var(--nui-palette-ink);--nui-color-danger:var(--nui-palette-danger);--nui-color-danger-hover:#8f1c13;--nui-color-on-danger:#fff;--nui-color-selection:#31d9ec59;--nui-color-decorative-1:var(--nui-palette-orange);--nui-color-decorative-2:var(--nui-palette-pink);--nui-color-decorative-3:var(--nui-palette-cyan);--nui-color-decorative-4:var(--nui-palette-violet);--nui-color-footer:var(--nui-palette-ink);--nui-color-footer-text:#ffffffc7;--nui-color-footer-heading:var(--nui-palette-paper);--nui-color-header-bg:#fffffff5;--nui-footer-stripe-size:12px;--nui-footer-stripe:var(--nui-color-accent);--nui-font-body:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--nui-font-display:"Dela Gothic One", "Mochiy Pop P One", var(--nui-font-body);--nui-font-action:var(--nui-font-body);--nui-font-label:var(--nui-font-body);--nui-font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--nui-font-weight-regular:400;--nui-font-weight-medium:500;--nui-font-weight-bold:800;--nui-font-weight-heavy:900;--nui-font-weight-display:var(--nui-font-weight-bold);--nui-font-weight-action:var(--nui-font-weight-heavy);--nui-font-weight-label:var(--nui-font-weight-bold);--nui-font-size-xs:.75rem;--nui-font-size-sm:.875rem;--nui-font-size-md:1rem;--nui-font-size-lg:1.125rem;--nui-font-size-xl:1.5rem;--nui-font-size-2xl:clamp(1.9rem, 3.6vw, 3.1rem);--nui-font-size-display:clamp(2.45rem, 5.2vw, 4.5rem);--nui-line-height-tight:1.12;--nui-line-height-heading:1.22;--nui-line-height-body:1.72;--nui-line-height-relaxed:1.8;--nui-letter-spacing-heading:0;--nui-letter-spacing-label:.08em;--nui-space-0:0;--nui-space-1:4px;--nui-space-2:8px;--nui-space-3:12px;--nui-space-4:16px;--nui-space-5:20px;--nui-space-6:24px;--nui-space-8:32px;--nui-space-10:40px;--nui-space-12:48px;--nui-space-16:64px;--nui-space-20:80px;--nui-space-24:96px;--nui-space-32:128px;--nui-space-40:160px;--nui-layout-content-max:1180px;--nui-layout-wide-max:1220px;--nui-layout-reading-max:65ch;--nui-layout-gutter:clamp(16px, 4vw, 48px);--nui-layout-gutter-mobile:16px;--nui-layout-section-space:clamp(52px, 7vw, 80px);--nui-layout-header-height:72px;--nui-control-height-sm:44px;--nui-control-height:44px;--nui-control-height-lg:52px;--nui-control-height-pill:44px;--nui-field-height:48px;--nui-icon-button-size:44px;--nui-brand-mark-size:42px;--nui-brand-mark-size-mobile:38px;--nui-border-width-subtle:1px;--nui-border-width:2px;--nui-border-width-card:3px;--nui-border-width-strong:4px;--nui-radius-none:0;--nui-radius-sm:4px;--nui-radius-md:8px;--nui-radius-round:50%;--nui-radius-full:999px;--nui-radius-control:var(--nui-radius-md);--nui-radius-card:var(--nui-radius-md);--nui-radius-panel:var(--nui-radius-md);--nui-radius-pill:var(--nui-radius-full);--nui-radius-swatch:var(--nui-radius-sm);--nui-shadow-sm:0 4px 12px #211a2c33;--nui-shadow-md:0 18px 40px #1f182b1f;--nui-shadow-block-sm:4px 4px 0 var(--nui-color-decorative-2);--nui-shadow-block:5px 5px 0 var(--nui-color-decorative-2);--nui-shadow-block-hover:5px 5px 0 var(--nui-color-decorative-3);--nui-shadow-panel:10px 10px 0 var(--nui-color-decorative-1);--nui-shadow-card:7px 7px 0 #ff9e206b;--nui-shadow-card-hover:10px 10px 0 var(--nui-color-decorative-3);--nui-shadow-focus:0 0 0 4px #31d9ec57;--nui-motion-instant:1ms;--nui-motion-fast:.16s;--nui-motion-medium:.32s;--nui-motion-slow:.48s;--nui-motion-ambient:14s;--nui-ease-standard:ease;--nui-ease-expressive:cubic-bezier(.16, 1, .3, 1);--nui-layer-base:0;--nui-layer-content:10;--nui-layer-sticky:20;--nui-layer-header:40;--nui-layer-overlay:100;--nui-layer-modal:200;--nui-layer-toast:300}:where(.nui-root),:where(.nui-root *){box-sizing:border-box}:where(.nui-root){overflow-wrap:break-word;background:var(--nui-color-canvas);min-height:100dvh;color:var(--nui-color-text);font-family:var(--nui-font-body);font-size:var(--nui-font-size-md);font-weight:var(--nui-font-weight-regular);line-height:var(--nui-line-height-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:where(){background:var(--nui-color-selection);color:var(--nui-color-text)}:where(.nui-root)::selection{background:var(--nui-color-selection);color:var(--nui-color-text)}:where(.nui-root) :where(img,picture,video,canvas,svg){max-width:100%;display:block}:where(.nui-root) :where(button,input,select,textarea){color:inherit;font:inherit;margin:0}:where(.nui-root) :where(button,[type=button],[type=reset],[type=submit]){-webkit-tap-highlight-color:transparent}:where(.nui-root) :where(a){color:currentColor;text-underline-offset:.2em;text-decoration-thickness:.1em}:where(.nui-root) :where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(.nui-root) :where(:focus-visible){outline:3px solid var(--nui-color-focus);outline-offset:3px;box-shadow:var(--nui-shadow-focus)}:where(.nui-root) :where([hidden]){display:none!important}@media (prefers-reduced-motion:reduce){:where(.nui-root),:where(.nui-root *){scroll-behavior:auto!important;animation-delay:0s!important;animation-duration:var(--nui-motion-instant)!important;transition-delay:0s!important;transition-duration:var(--nui-motion-instant)!important;animation-iteration-count:1!important}}@media (forced-colors:active){:where(.nui-root) :where(:focus-visible){box-shadow:none;outline-color:highlight}}.nui-root,.nui-app-shell{isolation:isolate;background:var(--nui-color-canvas);width:100%;min-height:100dvh;color:var(--nui-color-text);position:relative;overflow-x:clip}.nui-app-shell{flex-direction:column;display:flex}.nui-app-shell>main{flex:1 0 auto}.nui-app-shell>.nui-footer{margin-top:auto}.nui-container{width:min(var(--nui-container-max,var(--nui-layout-content-max)), calc(100% - (var(--nui-layout-gutter) * 2)));margin-inline:auto}.nui-container--wide{--nui-container-max:var(--nui-layout-wide-max)}.nui-container--reading{--nui-container-max:var(--nui-layout-reading-max)}.nui-section{width:100%;padding-block:var(--nui-layout-section-space);margin:0}.nui-section--wide>.nui-container{--nui-container-max:var(--nui-layout-wide-max)}.nui-section-heading{gap:var(--nui-space-3);max-width:min(900px,100%);margin:0;display:grid}.nui-heading{color:var(--nui-color-text);font-family:var(--nui-font-display);font-size:var(--nui-heading-size,var(--nui-font-size-2xl));font-weight:var(--nui-font-weight-display,var(--nui-font-weight-bold));line-height:var(--nui-line-height-heading);letter-spacing:var(--nui-letter-spacing-heading);text-wrap:balance;margin:0}.nui-heading--display{--nui-heading-size:var(--nui-font-size-display);line-height:var(--nui-line-height-tight)}.nui-heading--section{--nui-heading-size:var(--nui-font-size-2xl)}.nui-heading--subsection{--nui-heading-size:var(--nui-font-size-xl)}.nui-eyebrow{align-items:center;gap:var(--nui-space-2);width:fit-content;color:var(--nui-color-accent-strong);font-family:var(--nui-font-label);font-size:var(--nui-font-size-xs);font-weight:var(--nui-font-weight-label);letter-spacing:var(--nui-letter-spacing-label);text-transform:uppercase;margin:0;line-height:1.4;display:inline-flex}.nui-header{z-index:var(--nui-layer-header);width:100%;min-height:var(--nui-layout-header-height);border-top:var(--nui-border-width-strong) solid var(--nui-color-accent);border-bottom:var(--nui-border-width-subtle) solid var(--nui-color-border);background:var(--nui-color-header-bg,var(--nui-color-surface-raised));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.nui-header__inner{justify-content:space-between;align-items:center;gap:var(--nui-space-4);width:min(var(--nui-layout-content-max), calc(100% - (var(--nui-layout-gutter) * 2)));min-height:calc(var(--nui-layout-header-height) - var(--nui-border-width-strong));padding-block:var(--nui-space-2);margin-inline:auto;display:flex}.nui-brand{min-width:0;min-height:44px;color:var(--nui-color-text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.nui-brand__mark{width:var(--nui-brand-mark-size);height:var(--nui-brand-mark-size);flex:none;place-items:center;display:grid}.nui-brand__name{min-width:0;font-family:var(--nui-font-display);font-size:1.04rem;font-weight:var(--nui-font-weight-display,var(--nui-font-weight-bold));text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.nui-button{min-height:var(--nui-control-height);justify-content:center;align-items:center;gap:var(--nui-space-2);border:var(--nui-border-width) solid var(--nui-color-border-strong);border-radius:var(--nui-radius-control);background:var(--nui-color-surface);color:var(--nui-color-text);font-family:var(--nui-font-action);font-weight:var(--nui-font-weight-action,var(--nui-font-weight-heavy));text-align:center;white-space:nowrap;cursor:pointer;transition:transform var(--nui-motion-fast) var(--nui-ease-standard), border-color var(--nui-motion-fast) var(--nui-ease-standard), background-color var(--nui-motion-fast) var(--nui-ease-standard), color var(--nui-motion-fast) var(--nui-ease-standard), box-shadow var(--nui-motion-fast) var(--nui-ease-standard);padding:0 15px;line-height:1.2;text-decoration:none;display:inline-flex}.nui-button--primary{background:var(--nui-color-accent);color:var(--nui-color-on-accent);box-shadow:var(--nui-shadow-block)}.nui-button--secondary{background:var(--nui-color-surface);color:var(--nui-color-text)}.nui-button--ghost{color:var(--nui-color-text);background:0 0;border-color:#0000}.nui-button--danger{border-color:var(--nui-color-danger);background:var(--nui-color-danger);color:var(--nui-color-on-danger)}.nui-button--icon{width:var(--nui-icon-button-size);min-width:var(--nui-icon-button-size);height:var(--nui-icon-button-size);min-height:var(--nui-icon-button-size);padding:0}.nui-button--sm{min-height:var(--nui-control-height-sm);padding-inline:var(--nui-space-3);font-size:var(--nui-font-size-sm)}.nui-button--lg{min-height:var(--nui-control-height-lg);padding-inline:var(--nui-space-5);font-size:var(--nui-font-size-lg)}.nui-button--block{width:100%}.nui-button[aria-pressed=true]{background:var(--nui-color-selected);color:var(--nui-color-on-selected);box-shadow:var(--nui-shadow-block)}@media (hover:hover){.nui-button:not(:disabled,[aria-disabled=true],[aria-busy=true]):hover{border-color:var(--nui-color-border-strong);transform:translate(-2px,-2px)}.nui-button:not(.nui-button--ghost,.nui-button--danger):not(:disabled,[aria-disabled=true],[aria-busy=true]):hover{background:var(--nui-color-accent-hover);color:var(--nui-color-on-accent);box-shadow:var(--nui-shadow-block-hover,var(--nui-shadow-block))}.nui-button--ghost:not(:disabled,[aria-disabled=true],[aria-busy=true]):hover{background:var(--nui-color-surface-muted);color:var(--nui-color-text);box-shadow:none}.nui-button--danger:not(:disabled,[aria-disabled=true],[aria-busy=true]):hover{border-color:var(--nui-color-danger-hover);background:var(--nui-color-danger-hover);color:var(--nui-color-on-danger);box-shadow:var(--nui-shadow-block-hover,var(--nui-shadow-block))}.nui-button[aria-pressed=true]:not(:disabled,[aria-disabled=true],[aria-busy=true]):hover{background:var(--nui-color-selected);color:var(--nui-color-on-selected)}}.nui-button:not(:disabled,[aria-disabled=true],[aria-busy=true]):active{box-shadow:none;transform:translate(1px,1px)}.nui-button:disabled,.nui-button[aria-disabled=true]{border-color:var(--nui-color-disabled-border);background:var(--nui-color-disabled-surface);color:var(--nui-color-disabled-text);box-shadow:none;cursor:not-allowed}.nui-button[aria-busy=true]{cursor:progress}.nui-button[aria-busy=true]>*{opacity:1}.nui-panel{padding:var(--nui-panel-padding,var(--nui-space-5));border:var(--nui-border-width-strong) solid var(--nui-color-border-strong);border-radius:var(--nui-radius-panel);background:var(--nui-color-surface);color:var(--nui-color-text);box-shadow:var(--nui-shadow-panel)}.nui-card{padding:var(--nui-card-padding,var(--nui-space-5));border:var(--nui-border-width-card) solid var(--nui-color-border);border-radius:var(--nui-radius-card);background:var(--nui-color-surface-raised);color:var(--nui-color-text);box-shadow:var(--nui-shadow-card,none);transition:transform var(--nui-motion-fast) var(--nui-ease-standard), border-color var(--nui-motion-fast) var(--nui-ease-standard), box-shadow var(--nui-motion-fast) var(--nui-ease-standard)}.nui-card[data-nui-interactive=true]{cursor:pointer}@media (hover:hover){.nui-card[data-nui-interactive=true]:hover{border-color:var(--nui-color-decorative-4);box-shadow:var(--nui-shadow-card-hover,var(--nui-shadow-md));transform:translate(-3px,-3px)}}.nui-pill{min-height:var(--nui-control-height-pill);justify-content:center;align-items:center;gap:var(--nui-space-2);border:var(--nui-border-width) solid var(--nui-color-border-strong);border-radius:var(--nui-radius-pill);background:var(--nui-color-surface-muted);color:var(--nui-color-text);font-family:var(--nui-font-label);font-size:var(--nui-font-size-sm);font-weight:var(--nui-font-weight-label);white-space:nowrap;transition:transform var(--nui-motion-fast) var(--nui-ease-standard), border-color var(--nui-motion-fast) var(--nui-ease-standard), background-color var(--nui-motion-fast) var(--nui-ease-standard), color var(--nui-motion-fast) var(--nui-ease-standard), box-shadow var(--nui-motion-fast) var(--nui-ease-standard);padding:0 13px;line-height:1.2;text-decoration:none;display:inline-flex}button.nui-pill{cursor:pointer}.nui-pill[aria-pressed=true],.nui-pill[data-nui-selected=true]{background:var(--nui-color-selected);color:var(--nui-color-on-selected);box-shadow:var(--nui-shadow-block)}@media (hover:hover){button.nui-pill:not(:disabled,[aria-disabled=true],[aria-busy=true]):hover{border-color:var(--nui-color-border-strong);background:var(--nui-color-accent-hover);color:var(--nui-color-on-accent);box-shadow:var(--nui-shadow-block-hover);transform:translate(-1px,-1px)}button.nui-pill:is([aria-pressed=true],[data-nui-selected=true]):not(:disabled,[aria-disabled=true],[aria-busy=true]):hover{background:var(--nui-color-selected);color:var(--nui-color-on-selected)}}button.nui-pill:not(:disabled,[aria-disabled=true],[aria-busy=true]):active{box-shadow:none;transform:translate(1px,1px)}button.nui-pill:disabled,button.nui-pill[aria-disabled=true]{border-color:var(--nui-color-disabled-border);background:var(--nui-color-disabled-surface);color:var(--nui-color-disabled-text);box-shadow:none;cursor:not-allowed}button.nui-pill[aria-busy=true]{cursor:progress}.nui-field{gap:var(--nui-space-2);display:grid}.nui-field__label{color:var(--nui-color-label);font-family:var(--nui-font-label);font-size:var(--nui-font-size-xs);font-weight:var(--nui-font-weight-label);line-height:1.5}.nui-input,.nui-select{width:100%;min-height:var(--nui-field-height);padding-inline:var(--nui-space-3);border:var(--nui-border-width) solid var(--nui-color-control-border);border-radius:var(--nui-radius-control);background:var(--nui-color-surface);color:var(--nui-color-text);caret-color:var(--nui-color-accent-strong);transition:border-color var(--nui-motion-fast) var(--nui-ease-standard), box-shadow var(--nui-motion-fast) var(--nui-ease-standard)}.nui-input::placeholder{color:var(--nui-color-text-subtle);opacity:1}.nui-input:not(:disabled):hover,.nui-select:not(:disabled):hover{border-color:var(--nui-color-border-strong)}.nui-input:focus-visible,.nui-select:focus-visible{border-color:var(--nui-color-border-strong);outline:3px solid var(--nui-color-focus);outline-offset:2px;box-shadow:var(--nui-shadow-focus)}.nui-input[aria-invalid=true],.nui-select[aria-invalid=true]{border-color:var(--nui-color-danger)}.nui-input:disabled,.nui-select:disabled{border-color:var(--nui-color-disabled-border);background:var(--nui-color-disabled-surface);color:var(--nui-color-disabled-text);opacity:1;cursor:not-allowed}.nui-field__hint,.nui-field__error{font-size:var(--nui-font-size-xs);margin:0;line-height:1.55}.nui-field__hint{color:var(--nui-color-text-muted)}.nui-field__error{color:var(--nui-color-danger);font-weight:var(--nui-font-weight-bold)}.nui-swatch-row{border:var(--nui-border-width-card) solid var(--nui-color-border);border-radius:var(--nui-radius-card);min-height:48px;display:flex;overflow:hidden}.nui-swatch-row>.nui-swatch{border:0;border-radius:0;flex:1 1 0;min-width:0}.nui-swatch{width:var(--nui-swatch-width,44px);height:var(--nui-swatch-height,32px);border:var(--nui-border-width-subtle) solid var(--nui-color-swatch-border);border-radius:var(--nui-radius-swatch);background:var(--nui-swatch-color,transparent);box-shadow:inset 0 0 0 1px var(--nui-color-surface-muted);flex:none;display:inline-block}button.nui-swatch{cursor:pointer;min-width:44px;min-height:44px;transition:transform var(--nui-motion-fast) var(--nui-ease-standard), box-shadow var(--nui-motion-fast) var(--nui-ease-standard)}button.nui-swatch[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--nui-color-surface), inset 0 0 0 6px var(--nui-color-border-strong);outline:0}@media (hover:hover){button.nui-swatch:not(:disabled,[aria-disabled=true],[aria-busy=true]):hover{box-shadow:inset 0 0 0 2px var(--nui-color-surface), inset 0 0 0 4px var(--nui-color-border-strong)}button.nui-swatch[aria-pressed=true]:not(:disabled,[aria-disabled=true],[aria-busy=true]):hover{box-shadow:inset 0 0 0 3px var(--nui-color-surface), inset 0 0 0 6px var(--nui-color-border-strong)}}button.nui-swatch:not(:disabled,[aria-disabled=true],[aria-busy=true]):active{transform:scale(.96)}button.nui-swatch:disabled,button.nui-swatch[aria-disabled=true]{border-color:var(--nui-color-disabled-border);filter:grayscale();opacity:1;cursor:not-allowed}button.nui-swatch[aria-busy=true]{filter:saturate(.45);cursor:progress}.nui-footer{width:100%;padding:44px var(--nui-layout-gutter) 46px;border-top:var(--nui-border-width-strong) solid var(--nui-color-border-strong);background:var(--nui-color-footer);color:var(--nui-color-footer-text);position:relative}.nui-footer:before{height:var(--nui-footer-stripe-size);background:var(--nui-footer-stripe);content:"";pointer-events:none;position:absolute;inset:0 0 auto}.nui-footer__inner{max-width:var(--nui-layout-content-max);justify-content:space-between;align-items:center;gap:var(--nui-space-6);margin-inline:auto;display:flex}.nui-footer__brand{color:var(--nui-color-footer-heading);font-family:var(--nui-font-display);font-size:var(--nui-font-size-lg);font-weight:var(--nui-font-weight-display,var(--nui-font-weight-bold))}.nui-footer__brand>strong{display:block}.nui-footer__brand>p{margin:var(--nui-space-1) 0 0;color:var(--nui-color-footer-text);font-family:var(--nui-font-body);font-size:var(--nui-font-size-sm);font-weight:var(--nui-font-weight-regular);line-height:var(--nui-line-height-body)}.nui-footer__links{gap:var(--nui-space-3);flex-wrap:wrap;flex:none;display:flex}.nui-footer__links>:where(a,button){align-items:center;min-height:44px;display:inline-flex}.nui-stack{gap:var(--nui-stack-space,var(--nui-space-4));flex-direction:column;display:flex}.nui-stack>*{margin-block:0}.nui-stack--sm{--nui-stack-space:var(--nui-space-2)}.nui-stack--lg{--nui-stack-space:var(--nui-space-8)}.nui-cluster{align-items:var(--nui-cluster-align,center);justify-content:var(--nui-cluster-justify,flex-start);gap:var(--nui-cluster-space,var(--nui-space-3));flex-wrap:wrap;display:flex}.nui-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--nui-grid-min,240px)), 1fr));gap:var(--nui-grid-space,var(--nui-space-4));display:grid}.nui-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=767.98px){.nui-container,.nui-section,.nui-header__inner{width:calc(100% - (var(--nui-layout-gutter-mobile) * 2))}.nui-section{padding-block:clamp(40px,12vw,60px)}.nui-header__inner{gap:var(--nui-space-3)}.nui-brand__mark{width:var(--nui-brand-mark-size-mobile);height:var(--nui-brand-mark-size-mobile)}.nui-brand__name{font-size:.94rem}.nui-grid{grid-template-columns:minmax(0,1fr)}.nui-panel,.nui-card{padding:var(--nui-space-4)}.nui-footer{padding-inline:var(--nui-layout-gutter-mobile)}.nui-footer__inner{flex-direction:column;align-items:flex-start}.nui-footer__links{width:100%}}@media (forced-colors:active){.nui-button,.nui-panel,.nui-card,.nui-pill,.nui-input,.nui-select,.nui-swatch{box-shadow:none;border-color:canvastext}.nui-button[aria-pressed=true],.nui-pill:is([aria-pressed=true],[data-nui-selected=true]),button.nui-swatch[aria-pressed=true]{outline-offset:2px;outline:3px solid highlight}.nui-swatch{forced-color-adjust:none}}:root,[data-nui-theme=color-lab],.nui-theme-color-lab{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--nui-palette-ink:#1d2128;--nui-palette-paper:#fff;--nui-palette-orange:#ff9e20;--nui-palette-orange-dark:#a34800;--nui-palette-pink:#ff62bb;--nui-palette-cyan:#31d9ec;--nui-palette-violet:#9a7dd4;--nui-color-canvas:#fff;--nui-color-background:#fff;--nui-color-surface:#fff;--nui-color-surface-raised:#fffffff5;--nui-color-surface-muted:#ffffffb3;--nui-color-text:#1d2128;--nui-color-text-muted:#394047;--nui-color-text-subtle:#6c6478;--nui-color-label:#4c5557;--nui-color-border:#1d21282e;--nui-color-border-strong:#1d2128;--nui-color-control-border:#8d949b;--nui-color-swatch-border:#8d949b;--nui-color-disabled-surface:#e8ecef;--nui-color-disabled-text:#4c5557;--nui-color-disabled-border:#7a848a;--nui-color-accent:#ff9e20;--nui-color-accent-strong:#a34800;--nui-color-accent-hover:#f28a00;--nui-color-on-accent:#1d2128;--nui-color-selected:#31d9ec;--nui-color-on-selected:#1d2128;--nui-color-focus:#1d2128;--nui-color-danger:#b42318;--nui-color-danger-hover:#8f1c13;--nui-color-on-danger:#fff;--nui-color-selection:#31d9ec59;--nui-color-decorative-1:#ff9e20;--nui-color-decorative-2:#ff62bb;--nui-color-decorative-3:#31d9ec;--nui-color-decorative-4:#9a7dd4;--nui-color-footer:#1d2128;--nui-color-footer-text:#ffffffc7;--nui-color-footer-heading:#fff;--nui-color-header-bg:#fffffff5;--nui-font-body:"Mochiy Pop P One", "BIZ UDPGothic", "Yu Gothic UI", "Hiragino Sans", Meiryo, sans-serif;--nui-font-display:"Dela Gothic One", "Mochiy Pop P One", var(--nui-font-body);--nui-font-action:var(--nui-font-body);--nui-font-label:var(--nui-font-body);--nui-font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--nui-font-weight-display:400;--nui-font-weight-action:900;--nui-font-weight-label:900;--nui-layout-content-max:1180px;--nui-layout-wide-max:1220px;--nui-layout-header-height:72px;--nui-radius-control:0;--nui-radius-card:0;--nui-radius-panel:0;--nui-radius-pill:0;--nui-radius-swatch:0;--nui-shadow-block-sm:4px 4px 0 #ff62bb;--nui-shadow-block:5px 5px 0 #ff62bb;--nui-shadow-block-hover:5px 5px 0 #31d9ec;--nui-shadow-panel:10px 10px 0 #ff9e20;--nui-shadow-sm:0 4px 12px #211a2c33;--nui-shadow-md:0 18px 40px #1f182b1f;--nui-shadow-card:7px 7px 0 #ff9e206b;--nui-shadow-card-hover:10px 10px 0 #31d9ec;--nui-shadow-focus:0 0 0 4px #31d9ec57;--nui-footer-stripe-size:12px;--nui-footer-stripe:linear-gradient(90deg, #ff9e20 0 42%, #ff62bb 42% 62%, #31d9ec 62% 82%, #9a7dd4 82% 100%)}.mz-app{--mz-ink:#1d2128;--mz-muted:#59626b;--mz-line:#ddd5ce;--mz-paper:#fff9ef;--mz-orange:#ff9e20;--mz-cyan:#31d9ec;--mz-pink:#ff62bb;--mz-soft-orange:#fff0d5;--mz-soft-cyan:#e5fafd;--mz-soft-pink:#ffedf6;--mz-font-body:"Mochiy Pop P One", "Yu Gothic UI", "Hiragino Sans", Meiryo, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;--mz-font-brand:var(--mz-font-body);--mz-font-display:"Dela Gothic One", var(--mz-font-body);--mz-font-number:"IBM Plex Mono", var(--mz-font-body);background:var(--mz-paper);min-height:100dvh;color:var(--mz-ink);font-family:var(--mz-font-body);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:14px;line-height:1.65}body{margin:0}.mz-app *,.mz-app :before,.mz-app :after{box-sizing:border-box}.mz-app h1,.mz-app h2,.mz-app h3,.mz-app p{margin:0}.mz-app button,.mz-app input,.mz-app select{font:inherit;color:inherit;border-radius:0}.mz-app button{cursor:pointer;-webkit-tap-highlight-color:transparent}.mz-app button:disabled,.mz-app input:disabled{cursor:not-allowed}.mz-app :where(button,a,input,select,[tabindex]):focus-visible{outline-offset:3px;outline:3px solid #007f95}.mz-app a{color:inherit;text-underline-offset:4px}.mz-app button,.mz-app input{min-width:0}.mz-app svg{flex-shrink:0}.mz-header{border-top:4px solid var(--mz-orange);border-bottom:2px solid var(--mz-ink);background:#fff;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:14px 32px;display:flex}.mz-brand{align-items:center;gap:26px;min-width:0;display:flex}.mz-brand>a{color:var(--mz-ink);font:22px/1.4 var(--mz-font-display);letter-spacing:-.7px;flex-shrink:0;text-decoration:none}.mz-wordmark{border-left:1px solid var(--mz-line);min-height:34px;font:18px/1.5 var(--mz-font-display);align-items:center;gap:12px;padding-left:26px;display:inline-flex}.dot-icon{border:2px solid var(--mz-ink);background:var(--mz-cyan);width:25px;height:25px;box-shadow:6px 4px 0 var(--mz-pink);border-radius:50%;flex:0 0 25px;display:inline-block;position:relative}.mz-header-link{border-bottom:3px solid var(--mz-pink);font:12px/1.6 var(--mz-font-brand);white-space:nowrap;flex-shrink:0;padding:8px 0 5px;text-decoration:none}.mz-header-link:hover{border-bottom-color:var(--mz-cyan)}.mz-main{max-width:1680px;margin:0 auto;padding:30px 32px 48px}.mz-intro{margin-bottom:24px}.mz-intro h1{font:32px/1.55 var(--mz-font-display);letter-spacing:-.7px;display:inline;box-shadow:inset 0 -9px #ffcbea}.mz-intro p{color:var(--mz-muted);margin-top:12px;font-size:14px}.mz-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-bottom:22px;display:flex}.mz-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mz-button{border:2px solid var(--mz-ink);min-height:44px;color:var(--mz-ink);background:#fff;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-weight:600;line-height:1.45;text-decoration:none;transition:background .12s,box-shadow .12s,transform .12s;display:inline-flex}.mz-button:hover:not(:disabled){background:var(--mz-soft-cyan)}.mz-button:active:not(:disabled){transform:translate(1px,1px)}.mz-button.is-primary{background:var(--mz-orange);box-shadow:4px 4px 0 var(--mz-pink);font-family:var(--mz-font-brand);font-weight:400}.mz-button.is-primary:hover:not(:disabled){box-shadow:4px 4px 0 var(--mz-cyan);background:#ffb346;transform:translate(-1px,-1px)}.mz-button.is-primary:active:not(:disabled){box-shadow:1px 1px 0 var(--mz-pink);transform:translate(2px,2px)}.mz-actions>.is-primary{min-width:164px;min-height:48px;margin-right:4px}.mz-button.is-secondary{background:var(--mz-soft-cyan)}.mz-button.is-active{background:var(--mz-cyan);box-shadow:inset 0 -3px #009fb5}.mz-button.is-secondary[aria-pressed=true]{background:var(--mz-cyan)}.mz-button.is-quiet{background:var(--mz-soft-orange)}.mz-button.is-danger{color:#a42725;background:#fff;border-color:#b95d54}.mz-button.is-danger:hover:not(:disabled){background:#fff0ed}.mz-button.is-icon{min-width:44px;padding-inline:10px}.mz-button:disabled{color:#78736e;box-shadow:none;background:#eeeae5;border-color:#c4bab2;transform:none}.mz-segment,.mz-mode{border:2px solid var(--mz-ink);background:#fff;display:inline-flex}.mz-mode{box-shadow:4px 4px 0 var(--mz-pink)}.mz-segment button,.mz-mode>button{background:#fff;border:0;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 17px;font-weight:600;line-height:1.4;display:inline-flex}.mz-segment button+button,.mz-mode>button+button{border-left:2px solid var(--mz-ink)}.mz-segment button.is-active,.mz-mode>button.is-active{background:var(--mz-cyan);box-shadow:inset 0 -3px #009fb5}.mz-segment button:hover:not(:disabled):not(.is-active),.mz-mode>button:hover:not(:disabled):not(.is-active){background:var(--mz-soft-cyan)}.mz-segment button:disabled,.mz-mode>button:disabled{color:#78736e;background:#eeeae5}.mz-workspace{border:2px solid var(--mz-ink);height:clamp(550px,100dvh - 305px,780px);box-shadow:7px 7px 0 var(--mz-orange);background:#fff;grid-template-columns:280px minmax(0,1fr) 230px;grid-template-areas:"settings editor circles";align-items:stretch;display:grid}.mz-settings{scrollbar-width:thin;border-right:2px solid var(--mz-ink);grid-area:settings;min-width:0;min-height:0;overflow-y:auto}.mz-editor{background:var(--mz-paper);flex-direction:column;grid-area:editor;min-width:0;min-height:0;display:flex;overflow:hidden}.mz-circles{scrollbar-width:thin;border-left:2px solid var(--mz-ink);background:#fff;grid-area:circles;min-width:0;min-height:0;overflow-y:auto}.mz-panel-title{border-bottom:1px solid var(--mz-line);background:var(--mz-soft-orange);justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:12px 20px;display:flex}.mz-panel-title h2{font:14px/1.6 var(--mz-font-brand)}.mz-circles>.mz-panel-title{background:var(--mz-soft-pink)}.mz-count{font:13px/1.6 var(--mz-font-number)}.mz-section{padding:22px 20px}.mz-section+.mz-section{border-top:1px solid var(--mz-line)}.mz-section h3{border-left:4px solid var(--mz-pink);margin-bottom:15px;padding-left:10px;font-size:14px;font-weight:700;line-height:1.5}.mz-section p{color:var(--mz-muted);font-size:12px;line-height:1.75}.mz-section>.mz-button{width:100%}.mz-section>.mz-button+.mz-button,.mz-section>.mz-button+p{margin-top:10px}.mz-section small{color:var(--mz-muted);margin-top:9px;font-size:12px;display:block}.mz-small{color:var(--mz-muted);font-size:12px;line-height:1.75}.mz-filename{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mz-label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.mz-field-row{align-items:center;gap:10px;min-width:0;display:flex}.mz-field-row>.mz-label{flex:1;margin:0}.mz-field-row>output,.mz-color-code{font:13px/1.6 var(--mz-font-number)}.mz-field-row+.mz-field-row,.mz-field-row+.mz-label{margin-top:14px}.mz-field-row>span{color:var(--mz-muted);flex-shrink:0;font-size:12px}.mz-number,.mz-app input[type=text],.mz-app select{width:100%;min-height:44px;font:14px/1.5 var(--mz-font-number);background:#fff;border:1px solid #92908d;padding:9px 10px}.mz-number{flex:0 0 78px;width:78px}.mz-app input[type=text]{min-width:0}.mz-app input::placeholder{color:#6f7479;opacity:1}.mz-app input:disabled{color:#79716b;background:#f2efeb;border-color:#d3cac2}.mz-range{accent-color:#008fa5;cursor:pointer;width:100%;min-width:0;min-height:44px;margin:0}.mz-app input[type=color]{cursor:pointer;background:#fff;border:1px solid #92908d;flex:0 0 46px;width:46px;height:44px;padding:3px}.mz-app input[type=color]::-webkit-color-swatch-wrapper{padding:0}.mz-app input[type=color]::-webkit-color-swatch{border:0}.mz-swatches{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.mz-swatches button{border:1px solid #8a8783;width:36px;min-height:36px;padding:0;box-shadow:inset 0 0 0 3px #fff}.mz-swatches button.is-active,.mz-swatches button[aria-pressed=true]{outline:2px solid var(--mz-ink);outline-offset:2px}.mz-swatches button:disabled{opacity:.45}.mz-checkbox{align-items:flex-start;gap:9px;margin-top:13px;font-size:13px;display:flex}.mz-checkbox input{accent-color:#008fa5;flex:0 0 18px;width:18px;height:18px;margin:2px 0 0}.mz-project-actions{gap:10px;display:grid}.mz-project-actions>h3,.mz-project-actions>p{grid-column:1/-1}.mz-project-actions>h3{margin-bottom:5px}.mz-project-actions>.mz-button+.mz-button,.mz-project-actions>.mz-button+p{margin-top:0}.mz-project-actions .mz-button{width:100%;font-size:13px}.mz-editor-top{border-bottom:1px solid var(--mz-line);background:var(--mz-soft-cyan);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:4px 12px;min-height:52px;padding:12px 18px;display:flex}.mz-editor-top h2{font:14px/1.6 var(--mz-font-brand)}.mz-editor-top>span,.mz-editor-top small{color:var(--mz-muted);font:12px/1.6 var(--mz-font-number)}.mz-stage-area{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;background:#f0eeeb;flex:1;height:auto;min-height:320px;position:relative;overflow:hidden}.mz-stage-area.is-drop,.mz-stage-area.is-dragging-over{outline:4px solid var(--mz-cyan);outline-offset:-4px}.mz-preview-badge{z-index:2;border:1px solid var(--mz-ink);background:var(--mz-soft-cyan);color:var(--mz-ink);pointer-events:none;padding:6px 11px;font-size:12px;font-weight:600;position:absolute;top:14px;left:14px}.mz-canvas-wrap{isolation:isolate;background-color:#fff;background-image:conic-gradient(#e3e3e3 25%, #fff 0 50%, #e3e3e3 0 75%, #fff 0);touch-action:inherit;background-size:16px 16px;position:absolute;box-shadow:0 0 0 1px #a9a7a3,0 4px 18px #1d212817}.mz-canvas-wrap canvas{width:100%;height:100%;display:block}.mz-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mz-empty{background:var(--mz-paper);text-align:center;border:2px dashed #bcb2a8;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:32px 20px;display:flex;position:absolute;inset:28px}.mz-empty-mark{isolation:isolate;border:3px solid var(--mz-ink);background:var(--mz-cyan);width:72px;height:72px;box-shadow:6px 6px 0 var(--mz-ink);font:40px/1 var(--mz-font-display);border-radius:50%;flex:none;place-items:center;margin-bottom:8px;display:grid;position:relative}.mz-empty-mark:before,.mz-empty-mark:after{z-index:-1;content:"";border:2px solid var(--mz-ink);border-radius:50%;position:absolute}.mz-empty-mark:before{background:var(--mz-pink);width:33px;height:33px;top:7px;left:-24px}.mz-empty-mark:after{background:var(--mz-orange);width:22px;height:22px;bottom:3px;right:-25px}.mz-empty h2,.mz-empty h3{font:20px/1.65 var(--mz-font-display)}.mz-empty p{max-width:30em;color:var(--mz-muted);font-size:13px}.mz-empty>span,.mz-empty small{color:var(--mz-muted);font-size:12px}.mz-empty .mz-button{min-width:188px;min-height:48px}.mz-viewbar{border-top:1px solid var(--mz-line);background:#fff;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:61px;padding:8px 14px;display:flex}.mz-viewbar .mz-button{min-height:40px;padding:6px 11px;font-size:12px}.mz-viewbar .mz-button.is-icon{min-width:40px}.mz-viewbar>span,.mz-viewbar output{min-width:48px;font:12px/1.6 var(--mz-font-number);text-align:center}.mz-viewbar>.mz-viewbar-help{color:var(--mz-muted);font:11px/1.6 var(--mz-font-body);flex-basis:100%}.mz-editor-hint{color:var(--mz-muted);text-align:center;background:#fff;flex-shrink:0;padding:10px 16px 12px;font-size:12px}.mz-circle-tools{padding:14px 14px 4px}.mz-circle-tools .mz-button{width:100%;padding-inline:8px;font-size:12px}.mz-circle-list{scrollbar-width:thin;max-height:560px;margin:0;padding:10px;list-style:none;overflow:auto}.mz-circle-row{margin:0;padding:0}.mz-circle-row+.mz-circle-row{margin-top:6px}.mz-circle-row>button{text-align:left;background:#fff;border:1px solid #0000;align-items:center;gap:11px;width:100%;min-height:56px;padding:9px 10px;display:flex}.mz-circle-row>button:hover{background:var(--mz-soft-pink)}.mz-circle-row>button.is-selected,.mz-circle-row>button[aria-selected=true]{border-color:var(--mz-ink);background:var(--mz-soft-cyan);box-shadow:inset 3px 0 0 var(--mz-cyan)}.mz-circle-number{border:1px solid var(--mz-ink);background:var(--mz-soft-orange);width:30px;height:30px;font:12px/1 var(--mz-font-number);border-radius:50%;flex:0 0 30px;place-items:center;display:grid}.mz-circle-meta{flex-direction:column;flex:1;gap:1px;min-width:0;font-size:12px;display:flex}.mz-circle-meta>strong{font-size:13px;font-weight:600}.mz-circle-meta>small{color:var(--mz-muted);font:11px/1.6 var(--mz-font-number)}.mz-circle-row>button:disabled{color:#79716b;background:#f5f2ee}.mz-empty-list{color:var(--mz-muted);text-align:center;padding:27px 20px;font-size:13px;line-height:1.9}.mz-empty-list>span{color:#8d7e86;font:48px/1.2 var(--mz-font-body);margin-bottom:7px;display:block}.mz-empty-list>p{color:var(--mz-ink);font-weight:600}.mz-empty-list>small{margin-top:7px;font-size:12px;display:block}.mz-selected-settings{border-top:1px solid var(--mz-line);background:#fffaf3;padding:20px 16px}.mz-selected-settings h3{border-left:4px solid var(--mz-cyan);margin-bottom:15px;padding-left:9px;font-size:13px;line-height:1.6}.mz-selected-settings .mz-number{flex:1;width:0}.mz-selected-settings .mz-field-row{gap:12px}.mz-selected-settings .mz-field-row+.mz-field-row{margin-top:10px}.mz-selected-settings .mz-field-row>span:first-child{min-width:12px;color:var(--mz-ink);font-family:var(--mz-font-number)}.mz-selected-settings .mz-button{width:100%;margin-top:16px;padding-inline:8px;font-size:12px}.mz-selected-settings>p{margin-top:10px}.mz-clear{border-top:1px solid var(--mz-line);padding:16px}.mz-clear .mz-button{width:100%;padding-inline:8px;font-size:12px}.mz-clear>p{text-align:center;margin-top:9px}.mz-circles>.mz-button{width:calc(100% - 32px);margin:6px 16px 16px;display:flex}.mz-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mz-status{min-height:28px;color:var(--mz-muted);overflow-wrap:anywhere;margin-top:18px;font-size:13px}.mz-status.is-error{color:#a42725;background:#fff0ec;border-left:4px solid #b42318;padding:10px 13px}.mz-status a{color:#006a7c;align-items:center;min-height:44px;margin-left:14px;font-weight:600;text-decoration-thickness:1px;display:inline-flex}.mz-status a:hover{color:var(--mz-ink)}.mz-notes{color:var(--mz-muted);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 24px;font-size:12px;display:grid}.mz-notes>:last-child{font:12px/1.6 var(--mz-font-number);text-align:right}.mz-replace-confirm{border:2px solid var(--mz-ink);background:var(--mz-soft-orange);box-shadow:4px 4px 0 var(--mz-pink);flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:24px;padding:18px 20px;display:flex}.mz-replace-confirm p{overflow-wrap:anywhere;flex-basis:100%}.mz-replace-confirm p:first-child{font-weight:700}.mz-replace-confirm p+p{color:var(--mz-muted);margin-top:-4px;margin-bottom:3px;font-size:12px}.mz-replace-confirm .mz-button{min-width:136px}.mz-footer{border-top:4px solid var(--mz-pink);background:var(--mz-soft-cyan);color:var(--mz-muted);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px 40px;padding:25px max(32px,50vw - 808px);font-size:12px;display:grid}.mz-footer-brand{white-space:nowrap;padding-top:9px}.mz-footer nav{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}.mz-footer a{min-height:36px;color:var(--mz-ink);-webkit-text-decoration-color:var(--mz-orange);text-decoration-color:var(--mz-orange);align-items:center;gap:4px;text-decoration-thickness:3px;display:inline-flex}.mz-footer a:hover{-webkit-text-decoration-color:var(--mz-pink);text-decoration-color:var(--mz-pink)}.mz-footer>small{grid-column:2;line-height:1.8}@media (width>=1500px){.mz-main{padding-inline:40px}}@media (width<=1150px){.mz-main{padding:24px 20px 40px}.mz-workspace{grid-template-columns:248px minmax(0,1fr) 200px}.mz-header{padding-inline:20px}.mz-section{padding:20px 16px}.mz-panel-title{padding-inline:16px}.mz-empty{padding:24px 15px;inset:20px}.mz-empty h2,.mz-empty h3{font-size:18px}}@media (width<=900px){.mz-workspace{grid-template-columns:250px minmax(0,1fr);grid-template-areas:"settings editor""circles circles";height:auto}.mz-settings{max-height:760px}.mz-circles{border-left:0;border-top:2px solid var(--mz-ink)}.mz-circle-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:200px;display:grid}.mz-circle-row+.mz-circle-row{margin-top:0}.mz-circles>.mz-button{width:auto;min-width:160px}.mz-circle-tools .mz-button{width:auto;min-width:170px}.mz-selected-settings{grid-template-columns:1fr 1fr;gap:12px 18px;padding:20px;display:grid}.mz-selected-settings h3,.mz-selected-settings>p{grid-column:1/-1;margin:0}.mz-selected-settings .mz-field-row+.mz-field-row{margin-top:0}.mz-selected-settings .mz-button{width:fit-content;min-width:180px;margin-top:0}.mz-clear{flex-wrap:wrap;align-items:center;gap:8px 16px;padding:16px 20px;display:flex}.mz-clear .mz-button{width:auto;min-width:170px}.mz-clear>p{margin-top:0}.mz-stage-area{flex:none;height:540px;min-height:460px}.mz-toolbar{gap:18px}.mz-actions{flex:1;justify-content:flex-end}.mz-wordmark{font-size:16px}.mz-footer{grid-template-columns:minmax(0,1fr);padding-inline:20px}.mz-footer-brand{padding-top:0}.mz-footer>small{grid-column:1}}@media (width<=680px){.mz-header{align-items:flex-start;gap:12px;min-height:76px;padding:12px 16px}.mz-brand{flex-wrap:wrap;gap:7px 16px}.mz-brand>a{font-size:19px}.mz-wordmark{border-left:0;gap:9px;width:100%;padding-left:0;font-size:16px}.dot-icon{width:19px;height:19px;box-shadow:4px 3px 0 var(--mz-pink);flex-basis:19px}.mz-header-link{padding-block:4px;font-size:11px}.mz-main{padding:23px 12px 32px}.mz-intro{margin-bottom:20px}.mz-intro h1{font-size:26px;line-height:1.6;box-shadow:inset 0 -7px #ffcbea}.mz-intro p{margin-top:10px;font-size:13px}.mz-toolbar{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:21px;display:grid}.mz-mode{width:calc(100% - 4px);display:flex}.mz-mode>button{flex:1;padding-inline:8px;font-size:12px}.mz-actions{justify-content:flex-start;gap:8px}.mz-actions .mz-button{min-height:44px;padding-inline:10px;font-size:12px}.mz-actions>.is-primary{flex:1;min-width:120px;margin-left:auto}.mz-workspace{box-shadow:5px 5px 0 var(--mz-orange);flex-direction:column;display:flex}.mz-editor{order:0;width:100%}.mz-settings{border-top:2px solid var(--mz-ink);border-right:0;order:1;width:100%;max-height:none;overflow:visible}.mz-circles{order:2;width:100%}.mz-section{padding:20px}.mz-panel-title{min-height:50px;padding-inline:20px}.mz-stage-area{flex:none;height:clamp(370px,105vw,560px);min-height:370px}.mz-editor-top{padding-inline:13px}.mz-editor-top h2{font-size:13px}.mz-editor-top>span{font-size:11px}.mz-empty{gap:14px;padding:22px 14px;inset:18px}.mz-empty-mark{width:86px;height:86px;margin-bottom:5px;font-size:45px}.mz-empty h2,.mz-empty h3{font-size:18px}.mz-empty p{font-size:12px}.mz-viewbar{gap:7px;padding-inline:10px}.mz-viewbar .mz-button{min-height:44px}.mz-viewbar .mz-button.is-icon{min-width:44px}.mz-editor-hint{padding-inline:16px;font-size:11px}.mz-number,.mz-app input[type=text],.mz-app select{font-size:16px}.mz-swatches{gap:10px}.mz-swatches button{width:44px;min-height:44px}.mz-checkbox{align-items:center;min-height:44px;margin-top:8px}.mz-checkbox input{flex-basis:20px;width:20px;height:20px;margin:0}.mz-project-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.mz-circle-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:256px}.mz-status{margin-top:16px;font-size:12px}.mz-status a{width:fit-content;margin-left:0;display:flex}.mz-notes{grid-template-columns:1fr;gap:7px;font-size:11px}.mz-notes>:last-child{text-align:left;font-size:11px}.mz-replace-confirm{padding:16px}.mz-replace-confirm .mz-button{flex:1;min-width:120px;font-size:12px}.mz-footer{gap:12px;padding:20px 16px}.mz-footer nav{gap:4px 20px}.mz-footer a{min-height:44px}}@media (width<=380px){.mz-wordmark{font-size:14px}.mz-intro h1{font-size:23px}.mz-actions{gap:6px}.mz-actions .mz-button{padding-inline:8px;font-size:11px}.mz-actions .is-icon{min-width:44px}.mz-actions>.is-primary{min-width:100px}.mz-stage-area{height:350px;min-height:350px}.mz-empty{inset:12px}.mz-project-actions,.mz-circle-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.mz-app *,.mz-app :before,.mz-app :after{scroll-behavior:auto!important;transition:none!important}}