:root{--periwinkle-soft: #E7D8FF;--periwinkle-main: #B8C0FF;--periwinkle-gradient: linear-gradient(180deg, #E7D8FF 0%, #B8C0FF 100%);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;color-scheme:light;--paper-dim: 1;--radius: 10px;--radius-sm: 6px;--page: 72rem;--gutter: 1.25rem}:root,html[data-theme=light]{--bg-page: #f7f8ff;--bg-surface: #e6e0ff;--bg-surface-elevated: #ffffff;--bg-input: #ffffff;--bg-navbar: #0d0b2d;--text-primary: #0d0b2d;--text-secondary: #4a4669;--text-on-accent: #ffffff;--color-accent: #5b4bff;--color-accent-hover: #4838eb;--color-secondary: #a78bfa;--border-subtle: #a78bfa;--shadow-card: 0 8px 24px rgba(13, 11, 45, .08);color-scheme:light;--ink: var(--text-primary);--ink-soft: var(--text-secondary);--ink-faint: #55507a;--line: #d8d0fb;--line-strong: var(--border-subtle);--bg: var(--bg-surface-elevated);--bg-soft: var(--bg-surface);--bg-tint: #efebff;--link: #4838eb;--link-hover: #3a2cc8;--accent: var(--link);--accent-dark: var(--link-hover);--accent-soft: #ede9ff;--btn-bg: var(--color-accent);--btn-bg-hover: var(--color-accent-hover);--btn-ink: var(--text-on-accent);--focus: var(--color-accent);--ok: #0f6b3f;--warn-bg: #fff8e5;--warn-line: #e8c65a;--warn-text: #7a4a00;--error-text: #a3162c;--shadow: 0 1px 2px rgba(13, 11, 45, .05), 0 1px 3px rgba(13, 11, 45, .07);--shadow-md: var(--shadow-card);--header-bg: var(--bg-navbar)}html[data-theme=dark]{--bg-page: #08061f;--bg-surface: #16133d;--bg-surface-elevated: #1e1a4f;--bg-input: #090720;--bg-navbar: #08061f;--text-primary: #f7f8ff;--text-secondary: #e6e0ff;--text-on-accent: #08061f;--color-accent: var(--periwinkle-main);--color-accent-hover: var(--periwinkle-soft);--color-secondary: var(--periwinkle-main);--border-subtle: rgba(167, 139, 250, .45);--shadow-card: 0 10px 30px rgba(0, 0, 0, .45);color-scheme:dark;--ink-faint: #b9b0e6;--line: rgba(167, 139, 250, .22);--bg-tint: #1a1648;--link: var(--periwinkle-main);--link-hover: var(--periwinkle-soft);--btn-bg: linear-gradient(135deg, #E7D8FF 0%, #B8C0FF 100%);--btn-bg-hover: linear-gradient(135deg, #B8C0FF 0%, #E7D8FF 100%);--accent-soft: #2a2470;--focus: var(--periwinkle-main);--ok: #4ec98a;--warn-bg: #2b2413;--warn-line: #8a6d1f;--warn-text: #f0d98f;--error-text: #ff9bab;--paper-dim: .94;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .5)}.site-header{color-scheme:dark;--ink: #f7f8ff;--ink-soft: #e6e0ff;--ink-faint: #b9b0e6;--line: rgba(167, 139, 250, .3);--line-strong: rgba(167, 139, 250, .55);--bg: var(--bg-navbar);--bg-soft: rgba(167, 139, 250, .18);--accent: #c4b5fd;--accent-dark: #ffffff;--accent-soft: rgba(91, 75, 255, .38);--focus: #c4b5fd}:root[data-theme=dark] .btn--secondary{background:var(--bg-input);color:var(--accent);border-color:var(--line-strong)}:root[data-theme=dark] .btn--secondary:hover{background:var(--accent-soft);color:var(--accent-dark)}:root[data-theme=dark] .btn--ghost:hover{background:var(--bg-soft);color:var(--ink)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg-page)}body{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.65;color:var(--ink);background:var(--bg-page);-webkit-font-smoothing:antialiased}html{scrollbar-gutter:stable}img,svg,video{max-width:100%;height:auto;display:block}h1,h2,h3,h4{line-height:1.2;margin:0 0 .6em;letter-spacing:-.01em;font-weight:700;text-wrap:balance}h1{font-size:clamp(1.65rem,4vw,2.3rem)}h2{font-size:clamp(1.3rem,2.6vw,1.6rem)}h3{font-size:1.12rem}p{margin:0 0 1rem;max-width:68ch}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--accent-dark)}ul,ol{padding-left:1.25rem;max-width:68ch}li{margin-bottom:.4rem}strong{font-weight:650}code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-soft);padding:.1em .35em;border-radius:4px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 2px var(--bg-page);border-radius:3px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--btn-bg);color:var(--btn-ink);padding:.7rem 1rem;z-index:100;border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{left:0}.container{width:100%;max-width:var(--page);margin-inline:auto;padding-inline:var(--gutter)}.site-header{border-bottom:1px solid var(--line);background:var(--header-bg);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px;flex-wrap:wrap}.brand{font-weight:700;font-size:1.05rem;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:-.02em}.brand__mark{width:26px;height:26px;flex:none}.header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:transparent;color:var(--ink-soft);cursor:pointer;transition:background-color .15s ease,color .15s ease}.theme-toggle:hover{background:var(--bg-soft);color:var(--ink)}.theme-toggle__icon--sun{display:none}:root[data-theme=dark] .theme-toggle__icon--sun{display:block}:root[data-theme=dark] .theme-toggle__icon--moon{display:none}.nav{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.nav a{color:var(--ink-soft);text-decoration:none;font-size:.925rem;display:inline-flex;align-items:center;min-height:44px;padding:.35rem .65rem;border-radius:var(--radius-sm);font-weight:500}.nav a:hover{background:var(--bg-soft);color:var(--ink)}.nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}main{display:block;padding-block:2rem 3rem}.site-footer{border-top:1px solid var(--line);background:var(--bg-soft);padding-block:2rem;font-size:.9rem;color:var(--ink-soft)}.site-footer a{color:var(--ink-soft)}.footer-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:40rem){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1 / -1}}@media(min-width:64rem){.footer-grid{grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:2rem}.footer-brand{grid-column:auto}}.footer-grid .footer-brand__title{display:flex;align-items:center;gap:.6rem;margin:0 0 .75rem;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;text-transform:none;color:var(--ink)}.footer-bottom{margin:2rem 0 0;padding-top:1.25rem;border-top:1px solid var(--border-subtle);max-width:none;font-size:.85rem;color:var(--ink-soft);overflow-wrap:anywhere}.footer-grid h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);margin-bottom:.5rem}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin-bottom:.3rem}.breadcrumbs{font-size:.85rem;color:var(--ink-faint);margin-bottom:1rem}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;padding:0;margin:0}.breadcrumbs li+li:before{content:"/";margin-right:.35rem;color:var(--line-strong)}.generator-callout{border:1px solid var(--line-strong);border-radius:var(--radius);padding:clamp(1.25rem,4vw,2rem);background:var(--bg-soft)}@media screen{:root:not([data-theme=dark]) :is(.trust-bar li,.preset-pill,.template-chip,.tag){--accent: #0d0b2d;--accent-dark: #0d0b2d;--ink-soft: #0d0b2d;background:var(--periwinkle-soft);border:1px solid var(--periwinkle-main);color:#0d0b2d}:root:not([data-theme=dark]) .template-chip button:hover,:root:not([data-theme=dark]) .preset-pill:hover{background:var(--periwinkle-main);color:#0d0b2d}:root:not([data-theme=dark]) .preset-pill[aria-pressed=true]{background:var(--periwinkle-main);border-color:#0d0b2d;color:#0d0b2d}:root:not([data-theme=dark]) .generator-callout{background:var(--periwinkle-gradient);border-color:var(--periwinkle-main)}:root:not([data-theme=dark]) .card:is(:hover,:focus-within){border-color:transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--periwinkle-gradient) border-box}html[data-theme=dark] .site-header{--accent: var(--periwinkle-main);--accent-dark: var(--periwinkle-soft);--focus: var(--periwinkle-main);--line-strong: var(--periwinkle-main)}html[data-theme=dark] .card:is(:hover,:focus-within){border-color:var(--periwinkle-main)}html[data-theme=dark] :is(.card h3 a,.nav a,.drawer__links a,.site-footer a){color:var(--link)}html[data-theme=dark] :is(.card h3 a,.nav a,.drawer__links a,.site-footer a):hover{color:var(--link-hover)}}.hero{background:linear-gradient(180deg,var(--bg-surface),var(--bg));border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.25rem,4vw,2.5rem);margin-bottom:2rem}.hero p,.lede{font-size:1.05rem;color:var(--ink-soft)}[hidden]{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:inherit;font-weight:600;padding:.65rem 1.1rem;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--btn-bg);color:var(--btn-ink);text-decoration:none;cursor:pointer;min-height:44px;max-width:100%;text-align:center;overflow-wrap:anywhere}.btn:hover{background:var(--btn-bg-hover);color:var(--btn-ink)}.btn--secondary{background:var(--bg);color:var(--accent);border-color:var(--line-strong)}.btn--secondary:hover{background:var(--accent-soft);color:var(--accent-dark)}.btn--ghost{background:transparent;color:var(--ink-soft);border-color:var(--line)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}textarea{resize:vertical;line-height:1.4}.hit{cursor:pointer}.hit:hover{fill:#5b4bff38}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1.25rem}.share{margin-block:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.share__heading{font-size:.95rem;margin:0 0 .6rem}.share__list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.share__list li{position:relative;margin:0}.share__btn{display:inline-flex;align-items:center;gap:.45rem;font:inherit;font-size:.9rem;font-weight:600;padding:.5rem .8rem;min-height:44px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg);color:var(--accent);text-decoration:none;cursor:pointer}.share__btn:hover{background:var(--accent-soft);color:var(--accent-dark)}.share__tip{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);white-space:nowrap;padding:.25rem .6rem;border-radius:var(--radius-sm);background:var(--ink);color:var(--bg);font-size:.8rem;font-weight:600;pointer-events:none}.share__note{margin:.6rem 0 0;font-size:.8rem;color:var(--ink-faint)}.share__status{margin:0;min-height:0;font-size:.8rem;color:var(--ink-soft)}.trust-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem;list-style:none;margin:1.25rem 0 1.5rem;padding:0;max-width:none}.trust-bar li{display:flex;align-items:flex-start;gap:.65rem;margin:0;padding:.7rem .85rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.trust-bar svg{flex:none;margin-top:.1rem;color:var(--accent)}.trust-bar strong{display:block;font-size:.92rem;line-height:1.25}.trust-bar small{display:block;margin-top:.15rem;font-size:.8rem;line-height:1.35;color:var(--ink-soft)}.presets{margin:0 0 1.25rem}.presets__heading{font-size:.95rem;margin:0 0 .5rem}.presets__row{display:flex;flex-wrap:wrap;gap:.5rem}.preset-pill{font:inherit;font-size:.88rem;font-weight:600;min-height:44px;padding:.4rem .9rem;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg);color:var(--accent);cursor:pointer}.preset-pill:hover{background:var(--accent-soft);color:var(--accent-dark)}.preset-pill[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}.presets__hint{margin:.5rem 0 0}.check{display:flex;align-items:center;gap:.55rem;font-weight:600;min-height:44px}.check input{width:1.15rem;height:1.15rem}.setup-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.9rem}.setup-bar__name{flex:1 1 14rem;max-width:22rem}.setup-bar__name input{width:100%}.template-chip{display:inline-flex;align-items:stretch;border:1px solid var(--line-strong);border-radius:999px;overflow:hidden;background:var(--bg)}.template-chip button{font:inherit;font-size:.88rem;font-weight:600;min-height:44px;padding:.35rem .8rem;border:0;background:transparent;color:var(--accent);cursor:pointer}.template-chip button:hover{background:var(--accent-soft);color:var(--accent-dark)}.template-chip button+button{border-left:1px solid var(--line);padding-inline:.7rem;color:var(--ink-soft)}.roster{margin:1.25rem 0;padding:.25rem .9rem .6rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.roster summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.roster__privacy{margin:.25rem 0 .9rem;padding:.6rem .8rem;border-left:4px solid var(--accent);background:var(--accent-soft);font-size:.92rem}.roster__notes{margin:.25rem 0 .5rem;padding-left:1.2rem;font-size:.85rem;color:var(--ink-soft)}.radio-row__label{font-weight:600;font-size:.9rem;align-self:center}.btn--sm{min-height:36px;padding:.35rem .7rem;font-size:.86rem}.btn-row--tight{margin-block:.5rem 0;gap:.5rem}.trust-bar--compact{gap:.5rem;margin:.75rem 0 1rem}.trust-bar--compact li{padding:.45rem .65rem;align-items:center}.trust-bar--compact svg{margin-top:0}.trust-bar--compact strong{font-size:.85rem}.trust-bar--compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr))}.trust-bar--compact small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.studio__lede{margin-top:0;max-width:48rem}.studio{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);margin-bottom:1.5rem}.studio__settings{display:grid;gap:1rem;align-content:start;min-width:0}.studio-card{border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem .5rem;background:var(--bg)}.studio-card h2{font-size:1rem;margin:0 0 .7rem}.studio-card h3{font-size:.9rem;margin:0 0 .4rem}.studio-card__label{font-size:.82rem;font-weight:600;margin:0 0 .35rem}.studio-card .field,.studio-card fieldset{margin-bottom:.8rem}.studio-card legend,.studio-card .field>label:not(.check){font-size:.85rem}.studio-card .hint{display:block;font-size:.78rem;line-height:1.35;color:var(--ink-faint);margin-top:.25rem}.studio-card .presets__row{margin-bottom:.6rem}.studio-card .preset-pill{min-height:36px;padding:.25rem .75rem;font-size:.83rem}.studio-card .template-chip button{min-height:36px}.studio-card .radio-row label{min-height:36px;padding:.3rem .6rem;font-size:.86rem}.studio-card .check{min-height:36px;font-size:.88rem}.studio-sub{margin-bottom:.8rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.studio-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));column-gap:1rem}.inline-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.inline-controls input[type=number]{width:5.5rem}.studio__preview{border:1px solid var(--line);border-radius:var(--radius);padding:.7rem .8rem;background:var(--bg);min-width:0}.studio__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.studio__bar h2{font-size:1rem;margin:0}.studio__actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.studio__hint{margin:.35rem 0 0;font-size:.78rem;color:var(--ink-faint)}.studio__preview .status{margin:.4rem 0 0;font-size:.82rem}.studio__stage{margin-top:.5rem;padding:.4rem;border-radius:var(--radius-sm);background:var(--bg-soft);display:flex;justify-content:center}.studio__host{width:100%;max-width:100%}.studio__host svg{display:block;width:100%;height:auto;background:#fff}.studio__zoom{display:none}.studio-below{margin-bottom:1.5rem}.studio-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:.5rem;padding:.55rem var(--gutter) calc(.55rem + env(safe-area-inset-bottom,0px));background:var(--header-bg);backdrop-filter:blur(8px);border-top:1px solid var(--line)}.studio-bar .btn{flex:1}@media(max-width:63.99rem){body:has(.studio-bar){padding-bottom:4.5rem}}@media(min-width:64rem){.studio{grid-template-columns:minmax(22rem,28rem) minmax(0,1fr);gap:1.25rem;align-items:start}body:has(.studio) .site-header{position:static}.studio__preview{position:sticky;top:1rem;align-self:start;display:flex;flex-direction:column;height:max(calc(100vh - 2rem),32rem)}.studio__zoom{display:inline-flex}.studio__stage{flex:1 1 0;min-height:12rem;max-height:calc(100vh - 140px);overflow:hidden;align-items:flex-start}.studio__host{height:100%;width:auto}.studio__host svg{height:100%}.studio__stage[data-zoom=zoom]{overflow:auto;justify-content:flex-start}.studio__stage[data-zoom=zoom] .studio__host{width:max(100%,46rem);height:auto}.studio__stage[data-zoom=zoom] .studio__host svg{height:auto}.studio-bar{display:none}}.feedback{margin:1.5rem 0 2rem;padding:1.1rem 1.25rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);max-width:none}.feedback h2{margin-top:0}.feedback__tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}.feedback__tab{font:inherit;font-size:.9rem;font-weight:600;min-height:44px;padding:.4rem .95rem;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg);color:var(--accent);cursor:pointer}.feedback__tab:hover{background:var(--accent-soft);color:var(--accent-dark)}.feedback__tab[aria-selected=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}.feedback__form{max-width:44rem}.feedback__row{display:grid;gap:0 1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.feedback .field{margin-bottom:1rem}.feedback .optional{font-weight:400;color:var(--ink-faint)}.feedback .hint,.feedback .counter,.feedback .field-error{display:block;font-size:.8rem;margin-top:.25rem}.feedback .counter{color:var(--ink-faint);text-align:right}.feedback .counter[data-state=near]{color:var(--warn-text);font-weight:600}.feedback .counter[data-state=full]{color:var(--error-text);font-weight:700}.feedback textarea:has(+.counter[data-state=near]),.feedback input:has(+.counter[data-state=near]){border-color:var(--warn-line);background:var(--warn-bg)}.feedback textarea:has(+.counter[data-state=full]),.feedback input:has(+.counter[data-state=full]){border-color:var(--error-text)}.feedback .field-error{color:var(--error-text);font-weight:600}.feedback .field-error:empty{display:none}.feedback [aria-invalid=true]{border-color:var(--error-text)}.feedback__shots{margin:0 0 1rem;padding:0;border:0}.feedback__shots legend{font-weight:600;font-size:.9rem;padding:0;margin-bottom:.25rem}.feedback__drop{margin-top:.75rem;padding:.9rem;border:2px dashed var(--line);border-radius:var(--radius-sm);background:var(--bg-soft)}.feedback__drop[data-over=true]{border-color:var(--accent, currentColor);background:var(--bg)}.feedback__drop>label{display:block;font-weight:600;font-size:.85rem;margin-bottom:.4rem}.feedback__files{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.5rem}.feedback__file{display:flex;align-items:center;gap:.75rem;padding:.5rem .6rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-soft)}.feedback__file .btn{flex:none;min-width:44px;min-height:44px}.feedback__shot-note strong{overflow-wrap:anywhere}.feedback__security{margin:0 0 1rem}.feedback__security .cf-turnstile{min-height:65px}.feedback__security-hint{margin:.35rem 0 0}.feedback__security-hint[data-tone=error]{color:var(--error-text)}.feedback__thumb{width:64px;height:64px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:4px;flex:none}.feedback__shot-note{flex:1;margin:0;font-size:.85rem;color:var(--ink-soft)}.feedback__privacy{font-size:.85rem;color:var(--ink-soft);margin:0 0 1rem}.feedback__send{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.feedback__send .status{margin:0}.feedback__noscript{padding:.6rem .8rem;border-left:4px solid var(--warn-line);background:var(--warn-bg);color:var(--warn-text)}.feedback__trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.feedback__done{padding:1rem 1.1rem;border:1px solid var(--ok);border-radius:var(--radius-sm);background:var(--bg-soft)}.feedback__done h3{margin-top:0}.feedback__ref{font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.04em}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1rem;margin-block:1.5rem}.card{border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:var(--bg);display:flex;flex-direction:column;gap:.5rem}.card h3{margin:0;font-size:1.02rem}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--accent);text-decoration:underline}.card p{font-size:.92rem;color:var(--ink-soft);margin:0}.card__meta{font-size:.82rem;color:var(--ink-faint);margin-top:auto}.tag{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.15rem .45rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark)}.note{border-left:3px solid var(--accent);background:var(--accent-soft);padding:.75rem 1rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-block:1.25rem;font-size:.95rem}.note p:last-child{margin-bottom:0}.callout--warn{border-left-color:var(--warn-line);background:var(--warn-bg)}.prose h2{margin-top:2rem}.prose h3{margin-top:1.5rem}.prose ul,.prose ol{margin-block:1rem}.table-wrap{overflow-x:auto;margin-block:1.25rem;position:relative}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{border:1px solid var(--line);padding:.5rem .65rem;text-align:left;vertical-align:top}th{background:var(--bg-soft);font-size:.85rem}.sheet-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);padding:.5rem;box-shadow:var(--shadow)}.sheet-svg{filter:brightness(var(--paper-dim))}.sheet-preview .sheet-svg{width:100%;height:auto;display:block;background:#fff}.faq{margin-top:2.5rem}.faq details{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.75rem 1rem;margin-bottom:.6rem;background:var(--bg)}.faq summary{cursor:pointer;font-weight:600;font-size:.98rem;min-height:44px;padding-block:.55rem}.faq details[open] summary{margin-bottom:.5rem}.faq details p:last-child{margin-bottom:0}.split{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start}@media(min-width:62rem){.split{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}.split__aside{position:sticky;top:76px}}.spec{list-style:none;padding:0;margin:0 0 1rem;font-size:.92rem}.spec li{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--line)}.spec span:first-child{color:var(--ink-faint)}.spec span:last-child{font-weight:600;text-align:right}.generator{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr);align-items:start}@media(min-width:60rem){.generator{grid-template-columns:minmax(0,20rem) minmax(0,1fr)}}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;background:var(--bg)}.field{margin-bottom:1rem}.field label,.field .label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}.field .hint{display:block;font-weight:400;font-size:.82rem;color:var(--ink-faint);margin-top:.25rem}input[type=number],input[type=text],input[type=email],textarea,select{font:inherit;width:100%;padding:.5rem .6rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--ink);min-height:44px}fieldset{border:0;padding:0;margin:0 0 1rem}legend{font-weight:600;font-size:.9rem;padding:0;margin-bottom:.35rem}.radio-row{display:flex;flex-wrap:wrap;gap:.4rem}.radio-row label{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.4rem .6rem;font-size:.9rem;cursor:pointer;background:var(--bg);min-height:44px}.radio-row input{accent-color:var(--accent);width:1rem;height:1rem}.radio-row label:has(input:checked){border-color:var(--accent);background:var(--accent-soft);font-weight:600}.status{font-size:.88rem;margin-top:.75rem;min-height:1.4em;color:var(--ink-soft)}.status[data-tone=warn]{color:var(--warn-text)}.status[data-tone=error]{color:var(--error-text)}.status[data-tone=ok]{color:var(--ok)}.slot{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);padding:1rem;text-align:center;color:var(--ink-faint);font-size:.82rem;background:var(--bg-soft);margin-block:1.5rem}.slot strong{display:block;color:var(--ink-soft);font-size:.85rem;margin-bottom:.15rem}.ad-slot{margin-block:1.5rem;text-align:center;overflow:hidden}.ad-slot__label{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.25rem}.ad-slot:has(ins.adsbygoogle[data-ad-status=unfilled]){display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.related-list{list-style:none;padding:0;margin:0}.related-list li{padding:.5rem 0;border-bottom:1px solid var(--line)}.related-list li:last-child{border-bottom:0}.count-nav{display:flex;flex-wrap:wrap;gap:.4rem;margin-block:1rem}.count-nav a{font-size:.85rem;text-decoration:none;border:1px solid var(--line-strong);border-radius:999px;padding:.25rem .7rem;color:var(--ink-soft);background:var(--bg)}.count-nav a:hover{border-color:var(--accent);color:var(--accent)}.print-only{display:none}@media print{.site-header,.site-footer,.btn-row,.print-hide,.share,.presets,.studio-bar,.studio__actions,.roster,.trust-bar,.slot,.ad-slot{display:none!important}:root,:root[data-theme=light],:root[data-theme=dark]{color-scheme:light!important;--bg-page: #ffffff;--bg-surface: #ffffff;--bg-input: #ffffff;--link: #1c4ed8;--link-hover: #1640ac;--ink: #000000;--ink-soft: #1a1a1a;--ink-faint: #333333;--line: #cccccc;--line-strong: #999999;--bg: #ffffff;--bg-soft: #ffffff;--bg-tint: #f2f2f2;--accent: #1c4ed8;--accent-dark: #1640ac;--accent-soft: #eef2fd;--btn-bg: #ffffff;--btn-ink: #000000;--header-bg: #ffffff;--paper-dim: 1}body{background:#fff!important;color:#000!important}.print-only{display:block}#chart-panel{border:0;padding:0}thead{display:table-header-group}tr{break-inside:avoid}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.grader{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr);margin-block:1.5rem}@media(min-width:60rem){.grader{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cg-wide{grid-column:1 / -1}}.cg-step{font-size:1.05rem;margin:0 0 .75rem}.cg-forms{border:1px solid var(--line);border-radius:var(--radius-sm);margin:0 0 1rem;padding:.75rem}.cg-forms legend{font-weight:600;font-size:.9rem;padding-inline:.35rem}.cg-saved{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem;align-items:center}.cg-camera{position:relative;margin-top:1rem;max-width:44rem;background:#000;border-radius:var(--radius-sm);overflow:hidden}.cg-camera[hidden]{display:none}.cg-camera video{display:block;width:100%;max-height:70vh;object-fit:contain}.cg-guide span{position:absolute;width:12%;max-width:4rem;aspect-ratio:1;border:0 solid rgba(255,255,255,.9);pointer-events:none}.cg-guide span:nth-child(1){top:6%;left:6%;border-top-width:3px;border-left-width:3px}.cg-guide span:nth-child(2){top:6%;right:6%;border-top-width:3px;border-right-width:3px}.cg-guide span:nth-child(3){bottom:6%;left:6%;border-bottom-width:3px;border-left-width:3px}.cg-guide span:nth-child(4){bottom:6%;right:6%;border-bottom-width:3px;border-right-width:3px}.cg-file{cursor:pointer}.cg-file:focus-within,#cg-files:focus-visible+.cg-file{outline:2px solid var(--accent);outline-offset:2px}.cg-score{font-size:clamp(1.8rem,6vw,2.8rem);font-weight:800;margin:0 0 .25rem}#cg-canvas{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:var(--radius-sm)}.cg-problems{margin-top:1rem}.cg-problems summary{cursor:pointer;font-weight:600}.cg-table input[type=text],.cg-table select{min-width:7rem;width:100%}.cg-small{min-height:36px;padding:.3rem .65rem;font-size:.85rem}.menu-button{display:none;align-items:center;justify-content:center;gap:.45rem;min-width:44px;min-height:44px;padding:0 .85rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:transparent;color:var(--ink);font:inherit;font-size:.95rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s ease}.menu-button:hover{background:var(--bg-soft)}.drawer{position:fixed;inset:0;z-index:200;visibility:hidden;transition:visibility 0s linear .25s}.drawer.is-open{visibility:visible;transition-delay:0s}.drawer__backdrop{position:absolute;inset:0;background:#0d0b2d8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .25s ease;touch-action:none}@supports not ((backdrop-filter: blur(4px)) or (-webkit-backdrop-filter: blur(4px))){.drawer__backdrop{background:#0d0b2db8}}.drawer.is-open .drawer__backdrop{opacity:1}.drawer__panel{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(20rem,88vw);background:var(--bg);border-left:1px solid var(--line);box-shadow:var(--shadow-card);overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0px);transform:translate(100%);transition:transform .25s ease}.drawer__panel:focus{outline:none}.drawer.is-open .drawer__panel{transform:none}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px;padding:.5rem .75rem .5rem 1.25rem;border-bottom:1px solid var(--line)}.drawer__title{font-weight:700;font-size:1.05rem}.drawer__close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:transparent;color:var(--ink-soft);cursor:pointer}.drawer__close:hover{background:var(--bg-soft);color:var(--ink)}.drawer__links{list-style:none;margin:0;padding:.5rem 0;max-width:none}.drawer__links li{margin:0}.drawer__links a{display:flex;align-items:center;min-height:48px;padding:.6rem 1.25rem .6rem calc(1.25rem - 4px);border-left:4px solid transparent;color:var(--ink);font-size:1.05rem;font-weight:500;text-decoration:none}.drawer__links a:hover{background:var(--bg-soft);color:var(--ink)}.drawer__links a[aria-current=page]{border-left-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}.drawer__foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;padding:1rem 1.25rem;border-top:1px solid var(--line)}.drawer__foot-label{color:var(--ink-soft);font-size:.9rem;font-weight:600}.theme-toggle--labeled{width:auto;gap:.5rem;padding:0 .85rem;color:var(--ink);font:inherit;font-size:.9rem;font-weight:500}@media(min-width:64rem){.drawer{display:none}}@media(prefers-reduced-motion:reduce){.drawer,.drawer__backdrop,.drawer__panel{transition:none}}@media(min-width:64rem)and (max-width:74.99rem){.nav a{padding-inline:.5rem;font-size:.875rem}}@media(max-width:63.99rem){.nav,.header-actions .theme-toggle{display:none}.menu-button{display:inline-flex}.site-header__inner{flex-wrap:nowrap}.brand{min-width:0;white-space:nowrap}.header-actions{flex-wrap:nowrap;flex:none}html{scroll-padding-top:4.5rem}body{overflow-x:hidden;overflow-x:clip}}@media(max-width:63.99rem){fieldset,.studio-card,.feedback{min-width:0}.brand{min-height:44px}.breadcrumbs{margin-bottom:.25rem}.breadcrumbs ol{column-gap:.15rem}.breadcrumbs li{display:flex;align-items:center;margin:0}.breadcrumbs a{display:inline-flex;align-items:center;min-width:44px;min-height:44px}.breadcrumbs li+li:before{margin-right:.15rem}.footer-grid li{margin:0}.footer-grid a,.card>a,.card h3 a,.related-list a,.more-link a,main li>a:only-child,td>a:only-child{display:inline-flex;align-items:center;min-width:44px;min-height:44px}.related-list li{padding-block:0}.count-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:.9rem}.btn,.btn--sm,.cg-small,.studio-card .preset-pill,.studio-card .template-chip button,.studio-card .radio-row label,.studio-card .check{min-width:44px;min-height:44px}input[type=number],input[type=text],input[type=email],input[type=search],textarea,select{font-size:1rem}input[type=file]:not(.visually-hidden){width:100%;min-height:44px;padding:.4rem .5rem;font:inherit;border:1px solid var(--line-strong);border-radius:var(--radius-sm)}input[type=file]:not(.visually-hidden)::file-selector-button{min-height:32px;margin-right:.75rem;padding:.2rem .8rem;font:inherit;font-weight:600;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--ink);cursor:pointer}summary{min-height:44px;padding-block:.6rem}main{overflow-wrap:break-word}pre{max-width:100%;overflow-x:auto}}@media print{.drawer,.menu-button{display:none!important}}.editorial-meta{font-size:.85rem;color:var(--ink-faint)}.faq-answer{border-bottom:1px solid var(--line);padding-block:.75rem}