@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Work+Sans:wght@300;400;500;600&family=DM+Mono:wght@300;400;500&display=swap";:root{--graphite:#101418;--chalk:#efeae1;--malachite:#1f4038;--ochre:#c9922f;--ultramarine:#33478c;--stone:#7c7466;--paper:#fff;--surface-page:var(--chalk);--surface-card:var(--paper);--surface-inverse:var(--graphite);--surface-studio:var(--malachite);--surface-sunken:#e7e1d6;--text-primary:var(--graphite);--text-secondary:#26292f;--text-muted:var(--stone);--text-on-dark:var(--chalk);--text-on-dark-muted:#efeae1b8;--text-accent:var(--ochre);--text-link:var(--malachite);--text-link-hover:var(--graphite);--line-hairline:#1014181f;--line-rule:#10141833;--line-strong:var(--graphite);--line-on-dark:#efeae147;--figure-stroke:var(--graphite);--figure-stroke-on-dark:var(--chalk);--figure-construction:var(--ultramarine);--figure-field:#1014181f;--plate-ring:var(--graphite);--plate-ring-inner:#10141838;--family-curvilinear:var(--ochre);--family-orthogonal:var(--graphite);--family-stepped:var(--malachite);--family-angular:var(--ultramarine);--action-primary-bg:var(--ochre);--action-primary-fg:var(--graphite);--action-primary-bg-hover:#b9852a;--action-secondary-border:var(--line-strong);--action-secondary-fg:var(--graphite);--action-secondary-bg-hover:var(--surface-sunken);--action-disabled-fg:var(--stone);--action-disabled-border:var(--line-rule);--focus-ring:var(--ultramarine);--action-play-bg:var(--ultramarine);--action-play-fg:var(--chalk);--action-play-bg-hover:#2a3b75;--scrim:#101418b8;--state-given:var(--graphite);--state-entered:var(--ultramarine);--state-error:#9b2c1f;--state-solved:var(--ochre);--grid-cell-divider-color:#10141847;--state-locked:var(--surface-sunken);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:22px;--space-6:30px;--space-7:40px;--space-8:52px;--space-9:68px;--space-10:88px;--plate-xs:24px;--plate-sm:44px;--plate-md:68px;--plate-lg:120px;--plate-xl:196px;--plate-clearspace:.5;--figure-field-ratio:.65;--border-hairline:.5px;--border-rule:1px;--border-strong:1.5px;--grid-region-boundary:var(--border-strong);--grid-cell-divider:var(--border-hairline);--cell-min:36px;--cell-min-multi:40px;--cell-min-print:7mm;--cell-min-print-multi:8mm;--touch-min:44px;--radius-base:0;--shadow-card:none;--shadow-raised:none;--transition-fast:.12s linear;--transition-base:.2s linear;--easing:linear;--font-display:"Instrument Serif", Georgia, "Times New Roman", serif;--font-body:"Work Sans", system-ui, -apple-system, sans-serif;--font-mono:"DM Mono", ui-monospace, "SFMono-Regular", monospace;--text-display-3xl:82px;--text-display-2xl:58px;--text-display-xl:44px;--text-display-lg:32px;--text-display-md:26px;--text-display-sm:20px;--leading-display:1.02;--leading-display-loose:1.2;--tracking-display:-.01em;--text-body-lg:16px;--text-body-md:15px;--text-body-sm:13px;--text-body-xs:12px;--leading-body:1.62;--leading-body-tight:1.5;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--text-mono-lg:12px;--text-mono-md:10px;--text-mono-sm:9px;--text-mono-xs:8px;--tracking-mono:.16em;--tracking-mono-wide:.22em;--tracking-descriptor:.4em;--leading-mono:1.7}*{box-sizing:border-box}body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-body-md);line-height:var(--leading-body);margin:0}h1,h2,h3{font-family:var(--font-display);margin:0 0 var(--space-3) 0;font-weight:400}.app__header{padding:var(--space-3) var(--space-5);background:var(--surface-inverse);color:var(--text-on-dark);justify-content:space-between;align-items:center;display:flex}.app__title{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;font-size:var(--text-mono-lg)}.app__nav{gap:var(--space-3);display:flex}.app__nav-item{color:var(--text-on-dark-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-mono);font-size:var(--text-mono-md);cursor:pointer;padding:var(--space-2);background:0 0;border:none}.app__nav-item--active{color:var(--text-on-dark);border-bottom:var(--border-strong) solid var(--ochre)}.app__main{padding:var(--space-5);max-width:2200px;margin:0 auto}.login-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-form{gap:var(--space-3);background:var(--surface-card);padding:var(--space-6);border:var(--border-rule) solid var(--line-rule);flex-direction:column;min-width:320px;display:flex}.login-form__title{font-size:var(--text-display-sm)}label{gap:var(--space-1);font-size:var(--text-body-sm);color:var(--text-secondary);flex-direction:column;display:flex}.field__label{font-weight:var(--weight-medium);color:var(--text-primary)}.field__fdf-name{margin-left:var(--space-2);font-family:var(--font-mono);font-size:var(--text-mono-sm);letter-spacing:var(--tracking-mono);color:var(--text-muted)}.field{position:relative}.field__help{left:0;bottom:calc(100% + var(--space-1));z-index:10;width:max-content;max-width:340px;padding:var(--space-2) var(--space-3);background:var(--graphite);color:var(--text-on-dark);font-size:var(--text-body-xs);pointer-events:none;opacity:0;visibility:hidden;line-height:1.4;transition:opacity .12s ease-out;position:absolute}.field:hover>.field__help,.field:focus-within>.field__help{opacity:1;visibility:visible}.field input,.field select{box-sizing:border-box;width:100%}.rule-choice{gap:var(--space-2);border:var(--border-rule) solid var(--line-rule);padding:var(--space-3);flex-direction:column;min-width:260px;display:flex}.rule-choice__option{align-items:flex-start;gap:var(--space-2);flex-direction:row}.rule-choice__option input{margin-top:3px}input,select,textarea{font-family:var(--font-body);font-size:var(--text-body-md);padding:var(--space-2);border:var(--border-rule) solid var(--line-rule);background:var(--surface-card);color:var(--text-primary)}.checkbox-field{align-items:center;gap:var(--space-2);flex-direction:row}.checkbox-field input{width:auto}.button{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-mono);font-size:var(--text-mono-md);padding:var(--space-2) var(--space-4);border:var(--border-rule) solid var(--action-secondary-border);min-height:44px;color:var(--action-secondary-fg);cursor:pointer;background:0 0}.button--primary{background:var(--action-primary-bg);color:var(--action-primary-fg);border-color:var(--action-primary-bg)}.button--primary:disabled{background:var(--surface-sunken);color:var(--action-disabled-fg);border-color:var(--action-disabled-border);cursor:not-allowed}.button--quiet{color:var(--text-muted);border:none}.constructor__save-bar{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-4);background:var(--surface-card);border:var(--border-rule) solid var(--line-rule);display:flex;position:sticky;top:0}.constructor__save-status{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-mono);font-size:var(--text-mono-md);color:var(--text-muted)}.constructor__completeness{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.completeness-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-mono);font-size:var(--text-mono-sm);padding:var(--space-1) var(--space-2);border:var(--border-hairline) solid var(--line-rule);color:var(--text-muted)}.completeness-pill--neutral{color:var(--text-muted);border-color:var(--line-rule)}.completeness-pill--ok{color:var(--malachite);border-color:var(--malachite)}.completeness-pill--blocked{color:var(--state-error);border-color:var(--state-error)}.panel{background:var(--surface-card);border:var(--border-rule) solid var(--line-rule);padding:var(--space-5);margin-bottom:var(--space-5)}.field-grid{gap:var(--space-3) var(--space-4);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-items:end;display:grid}.split{gap:var(--space-5);grid-template-columns:minmax(320px,520px) minmax(0,1fr);align-items:start;display:grid}.split__controls{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.split__visual{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;min-width:0;display:grid;position:sticky;top:84px}@media (width<=1100px){.split{grid-template-columns:1fr}.split__visual{position:static}}details.panel>summary{align-items:center;gap:var(--space-3);cursor:pointer;list-style:none;display:flex}details.panel>summary::-webkit-details-marker{display:none}details.panel>summary:before{content:"▸";color:var(--text-muted);transition:transform .12s ease-out}details.panel[open]>summary:before{transform:rotate(90deg)}details.panel>summary h2{margin:0}details.panel[open]>summary{margin-bottom:var(--space-4)}.field-row{gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.notice{font-size:var(--text-body-sm);padding:var(--space-2)}.notice--error{color:var(--state-error)}.notice--ok{color:var(--malachite)}.notice--neutral{color:var(--text-muted)}.issue-list{color:var(--state-error);font-size:var(--text-body-sm)}.geometry-canvas{aspect-ratio:1;border:var(--border-hairline) solid var(--line-hairline);width:100%;max-width:720px;position:relative}.geometry-canvas__base,.geometry-canvas__overlay{width:100%;height:100%;position:absolute;inset:0}.geometry-canvas__base svg,.geometry-canvas__overlay{width:100%;height:100%;display:block}.mask-editor__grid{aspect-ratio:1;border:var(--grid-region-boundary) solid var(--graphite);width:100%;max-width:720px;display:grid}.mask-cell{border:var(--grid-cell-divider) solid var(--line-hairline);border-radius:var(--radius-base);background:var(--surface-card);cursor:pointer;margin:0;padding:0}.mask-cell--on{background:var(--figure-field)}.mask-cell--off{background:var(--surface-card)}.group-list{padding:0;list-style:none}.group-list li{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;display:flex}.group-list__item--active{font-weight:var(--weight-semibold)}.group-list__swatch{border:var(--border-hairline) solid var(--graphite);cursor:pointer;width:16px;height:16px;padding:0}.reference-grid__cell{text-align:center;border:var(--grid-cell-divider) solid var(--line-hairline);border-radius:var(--radius-base);background:var(--surface-card);width:100%;height:100%;font-family:var(--font-mono);color:var(--text-primary);padding:0}.reference-grid__cell:focus{border:var(--border-rule) solid var(--ultramarine);outline:none}.trial-puzzles{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.trial-puzzle svg{width:100%;height:auto}.settings-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.settings-page__hint{color:var(--text-muted);font-size:var(--text-body-sm)}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-body-sm)}.data-table th,.data-table td{text-align:left;padding:var(--space-2);border-bottom:var(--border-hairline) solid var(--line-hairline)}.figure-index__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.figure-index__actions{gap:var(--space-2);white-space:nowrap;display:flex}.state-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-mono);font-size:var(--text-mono-sm);padding:var(--space-1) var(--space-2);border:var(--border-hairline) solid var(--line-rule)}.state-pill--draft{color:var(--text-muted)}.state-pill--published{color:var(--malachite);border-color:var(--malachite)}.data-table th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-mono);font-size:var(--text-mono-sm);color:var(--text-muted)}.figure-index__row--hidden td{opacity:.55}.split__controls>.field input[type=number]{max-width:12rem}.split__controls .field-row{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:end;display:grid}.split__controls .field-row>span,.split__controls .field-row>.rule-choice{grid-column:1/-1}.split__controls .rule-choice{min-width:0}.variant-bar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);border-bottom:var(--border-rule) solid var(--line-rule);display:flex}.variant-tabs{gap:var(--space-1);flex-wrap:wrap;display:flex}.variant-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-bottom:var(--border-strong) solid transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-mono-md);letter-spacing:var(--tracking-mono);cursor:pointer;background:0 0;display:inline-flex}.variant-tab--active{color:var(--text-primary);border-bottom-color:var(--ochre)}.variant-tab--add{color:var(--action-secondary-fg)}.variant-tab:disabled{cursor:not-allowed;opacity:.5}.variant-tab__state{padding:0 var(--space-2);border:var(--border-rule) solid var(--line-rule);font-size:var(--text-mono-sm);text-transform:uppercase}.variant-add{align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-card);border:var(--border-rule) solid var(--line-rule);flex-wrap:wrap;display:flex}input:disabled,select:disabled{background:var(--surface-sunken);color:var(--text-muted);cursor:not-allowed}.constructor__fields{border:0;min-width:0;margin:0;padding:0}.data-table--compact{width:auto;min-width:480px}.data-table__number{text-align:right;font-variant-numeric:tabular-nums}.generation-console__form{grid-template-columns:repeat(auto-fill,minmax(180px,220px))}.job-error{max-width:420px;color:var(--state-error);font-size:var(--text-body-xs);display:block}.guide-marks{gap:var(--space-3);padding-top:var(--space-3);border-top:var(--border-rule) solid var(--line-rule);flex-direction:column;display:flex}.guide-marks__title{margin:0}.guide-mark{gap:var(--space-2);padding:var(--space-3);background:var(--surface-card);border:var(--border-rule) solid var(--line-rule);flex-direction:column;display:flex}.guide-mark__head{justify-content:space-between;align-items:center;display:flex}.guide-marks__add{gap:var(--space-2);display:flex}.catalogue-group__toggle{padding:0;font-weight:600}.catalogue-variant td{color:var(--text-muted)}.app__language{margin-left:auto;padding:4px 8px}.translations-page__toolbar,.translations-page__actions{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.translations-page__search{flex:240px}.translations-page__table td{vertical-align:top}.translations-page__table textarea{width:100%;min-width:320px;font:inherit;resize:vertical}.login-form__language{justify-content:flex-end;display:flex}.busy{align-items:center;gap:12px;display:flex}.busy__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite busy-spin}@keyframes busy-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.busy__spinner{animation-duration:3s}}.constructor__save-status--warn{color:var(--status-warn,#8a2f1e);font-weight:600}.packs-page__tabs{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.packs-page__tabs .app__nav-item{color:var(--text-muted);border:var(--border-rule) solid var(--line-rule);min-height:44px;padding:var(--space-2) var(--space-4)}.packs-page__tabs .app__nav-item--active{color:var(--text-primary);border-bottom:var(--border-strong) solid var(--ochre)}.packs-page__panel{margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-rule) solid var(--line-rule)}.packs-page__row--open td{background:var(--surface-sunken)}.packs-page__lines{padding:0;list-style:none}.packs-form{align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.packs-form__check{align-items:center;gap:var(--space-2);flex-direction:row}.packs-form__actions{gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.confirm-dialog{max-width:520px;width:calc(100% - 2 * var(--space-6));padding:var(--space-6);background:var(--surface-card);border:var(--border-strong) solid var(--line-strong);border-radius:var(--radius-base);box-shadow:none;color:var(--text-primary);margin:auto}.confirm-dialog::backdrop{background:#101418b8}.confirm-dialog__title{font-family:var(--font-display);font-size:var(--text-display-md);margin:0 0 var(--space-4);font-weight:400;line-height:1.1}.confirm-dialog__message{font-family:var(--font-body);font-size:var(--text-body-sm);line-height:var(--leading-body);color:var(--text-secondary);margin:0}.confirm-dialog__actions{gap:var(--space-3);margin-top:var(--space-6);justify-content:flex-end;display:flex}:root{--wp-01:oklch(74% .14 25);--wp-02:oklch(74% .14 65);--wp-03:oklch(74% .14 105);--wp-04:oklch(74% .14 145);--wp-05:oklch(74% .14 185);--wp-06:oklch(74% .14 225);--wp-07:oklch(74% .14 265);--wp-08:oklch(74% .14 305);--wp-09:oklch(74% .14 345);--wp-10:oklch(60% .14 25);--wp-11:oklch(60% .14 65);--wp-12:oklch(60% .14 105);--wp-13:oklch(60% .14 145);--wp-14:oklch(60% .14 185);--wp-15:oklch(60% .14 225);--wp-16:oklch(60% .14 265);--wp-17:oklch(60% .14 305);--wp-18:oklch(60% .14 345);--wp-19:oklch(46% .14 25);--wp-20:oklch(46% .14 65);--wp-21:oklch(46% .14 105);--wp-22:oklch(46% .14 145);--wp-23:oklch(46% .14 185);--wp-24:oklch(46% .14 225);--wp-25:oklch(46% .14 265);--wp-26:oklch(46% .14 305);--wp-27:oklch(46% .14 345);--wp-overlay-alpha:.32;--wp-overlay-alpha-active:.5;--wp-outline:var(--graphite);--wp-conflict:var(--state-error)}