.direction-picker-top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}.direction-picker-top .direction-grid-auto{flex:0 1 12rem;grid-template-columns:minmax(0,1fr)}.direction-groups-toggle{flex:0 0 auto;padding:2px var(--space-2);border:1px solid var(--color-muted);border-radius:var(--radius-sm);background:transparent;color:var(--color-ink-soft);font:inherit;font-size:.7rem;font-weight:600;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo)}.direction-groups-toggle:hover{border-color:var(--color-ink);color:var(--color-ink)}.direction-group>.direction-grid{padding-top:var(--space-2)}summary.direction-group-title{list-style:none;cursor:pointer;padding:var(--space-1) 0;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none}summary.direction-group-title::-webkit-details-marker{display:none}summary.direction-group-title:before{content:"";flex:0 0 auto;width:.4rem;height:.4rem;margin:0 var(--space-1) 0 2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform var(--duration-fast) var(--ease-out-expo)}.direction-group[open]>summary.direction-group-title:before{transform:rotate(45deg)}summary.direction-group-title:hover .direction-group-name{text-decoration:underline;text-underline-offset:3px}summary.direction-group-title:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.direction-group-name{font-size:.78rem}.direction-group-total{font-size:.66rem;font-weight:600;color:var(--color-ink-soft)}.direction-group-count{padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-paper);font-size:.66rem;font-weight:700;box-shadow:inset 0 -2px 0 var(--color-accent)}.direction-card[data-pending=true] .direction-card-body,.direction-card[data-pending=true]:hover .direction-card-body{border-style:dotted}.direction-card[data-pending=true] .direction-card-hint{color:var(--color-ink-soft)}@media(prefers-reduced-motion:reduce){summary.direction-group-title:before,.direction-groups-toggle{transition:none}}.weird-field{--thumb: 18px;gap:var(--space-2)}.weird-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.weird-band{padding:1px var(--space-2);border:1px solid var(--color-muted);border-radius:var(--radius-sm);font-size:.74rem;font-weight:600;color:var(--color-ink-soft);background:var(--color-paper)}.weird-band.is-on{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper);box-shadow:inset 0 -2px 0 var(--color-accent)}.weird-row{display:flex;align-items:flex-start;gap:var(--space-4)}.weird-slider{position:relative;flex:1 1 auto;min-width:0;padding-bottom:1.35rem}.weird-range{display:block;width:100%;height:var(--thumb);margin:0;padding:0;background:transparent;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.weird-range:focus-visible{outline:none}.weird-range::-webkit-slider-runnable-track{height:4px;border:1px solid var(--color-ink);background:linear-gradient(to right,var(--color-accent) 0 var(--weird-pct),var(--color-paper) var(--weird-pct) 100%)}.weird-range::-moz-range-track{height:4px;border:1px solid var(--color-ink);background:linear-gradient(to right,var(--color-accent) 0 var(--weird-pct),var(--color-paper) var(--weird-pct) 100%)}.weird-range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((4px - var(--thumb)) / 2 - 1px);border:2px solid var(--color-ink);border-radius:0;background:var(--color-paper-raised);box-shadow:2px 2px 0 var(--color-ink);transition:box-shadow var(--duration-fast) var(--ease-out-expo),background var(--duration-fast) var(--ease-out-expo)}.weird-range::-moz-range-thumb{box-sizing:border-box;width:var(--thumb);height:var(--thumb);border:2px solid var(--color-ink);border-radius:0;background:var(--color-paper-raised);box-shadow:2px 2px 0 var(--color-ink)}.weird-range:hover::-webkit-slider-thumb{background:var(--color-muted-line)}.weird-range:hover::-moz-range-thumb{background:var(--color-muted-line)}.weird-range:focus-visible::-webkit-slider-thumb{border-color:var(--color-accent);box-shadow:0 0 0 3px #d93a2b2e,2px 2px 0 var(--color-accent)}.weird-range:focus-visible::-moz-range-thumb{border-color:var(--color-accent);box-shadow:0 0 0 3px #d93a2b2e,2px 2px 0 var(--color-accent)}.weird-ticks{position:absolute;inset:var(--thumb) 0 0 0;height:1.2rem;pointer-events:none}.weird-tick{position:absolute;left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--tick-n, 0));top:0;transform:translate(-50%);padding-top:5px;font-size:.66rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--color-ink-soft)}.weird-tick:before{content:"";position:absolute;top:-2px;left:50%;width:1px;height:6px;background:var(--color-ink)}.studio .field input[type=number].weird-number{flex:0 0 auto;width:5.5rem}@media(max-width:520px){.weird-row{flex-direction:column;align-items:stretch}.studio .field input[type=number].weird-number{width:100%}}:root{--paper: #f1ede3;--paper-raised: #f9f6ef;--paper-sunk: #e6e0d2;--ink: #17140f;--ink-soft: #4b453b;--ink-faint: #7d7566;--rule: #cbc2af;--rule-soft: #ddd6c6;--accent: #2340c4;--accent-ink: #f3f5ff;--accent-wash: #dde3f8;--warn: #a5321b;--warn-wash: #f6e2d9;--font-sans: system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", sans-serif;--font-mark: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.1875rem;--text-xl: 1.5rem;--text-hero: clamp(2.5rem, 1.6rem + 6vw, 3.75rem);--text-title: clamp(1.75rem, 1.2rem + 3vw, 2.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2.25rem;--space-7: 3.5rem;--gutter: 16px;--page-max: 640px;--touch: 44px;--radius-sm: 2px;--radius-md: 4px;--duration-fast: .12s;--duration-normal: .22s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--shadow-sheet: 0 1px 0 rgba(23, 20, 15, .04), 0 10px 24px -18px rgba(23, 20, 15, .45);--misregister: 4px 4px 0 var(--accent);--color-paper: var(--paper);--color-paper-raised: var(--paper-raised);--color-ink: var(--ink);--color-ink-soft: var(--ink-soft);--color-accent: var(--accent);--color-accent-ink: var(--accent-ink);--color-muted: var(--rule);--color-muted-line: var(--rule-soft);color-scheme:light}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.09 0 0 0 0 0.08 0 0 0 0 0.06 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tabular-nums{font-variant-numeric:tabular-nums}.text-input,.field input[type=text],.field input[type=number],.field textarea,.font-select,.select-native{display:block;width:100%;min-height:var(--touch);padding:.55rem .75rem;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper-raised);font-size:var(--text-base);line-height:1.45;transition:border-color var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo)}.field textarea,textarea.text-input{resize:vertical;min-height:5.5rem}.text-input::placeholder,.field textarea::placeholder,.field input::placeholder{color:var(--ink-faint)}.text-input:hover,.field input:hover,.field textarea:hover,.font-select:hover,.select-native:hover{border-color:var(--ink-soft)}.text-input:focus-visible,.field input:focus-visible,.field textarea:focus-visible,.font-select:focus-visible,.select-native:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.font-select,.select-native{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:2.5rem;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 1.15rem) 52%,calc(100% - .8rem) 52%;background-size:.36rem .36rem;background-repeat:no-repeat}.font-select:disabled,.select-native:disabled{opacity:.55;cursor:not-allowed}input[aria-invalid=true]{border-color:var(--warn)}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:0 var(--gutter) calc(9rem + env(safe-area-inset-bottom))}.masthead{position:relative;padding:calc(var(--space-6) + env(safe-area-inset-top)) 0 var(--space-6);border-bottom:2px solid var(--ink)}.masthead-mark{position:absolute;top:calc(var(--space-4) + env(safe-area-inset-top));right:0;width:28px;height:28px;color:var(--accent)}.masthead-title{margin:0;font-size:var(--text-title);font-weight:800;line-height:1.1;letter-spacing:-.015em}.masthead-lead{margin:var(--space-4) 0 0;max-width:30em;font-size:var(--text-sm);color:var(--ink-soft)}.sheet{padding:var(--space-6) 0 var(--space-5);border-bottom:1px solid var(--rule)}.sheet-head{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}.sheet-no{font-family:var(--font-mark);font-size:var(--text-xs);font-weight:700;color:var(--accent);letter-spacing:.04em}.sheet-title{margin:0;font-size:var(--text-xl);font-weight:800;line-height:1.2;letter-spacing:.01em}.sheet-tag{margin-left:auto;font-size:var(--text-xs);color:var(--ink-faint)}.sheet-body{display:grid;gap:var(--space-5)}.sheet-details{margin-top:var(--space-5);border-top:1px dashed var(--rule)}.sheet-details>summary{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-1);list-style:none;font-size:var(--text-sm);font-weight:600;color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast) var(--ease-out-expo)}.sheet-details>summary::-webkit-details-marker{display:none}.sheet-details>summary:after{content:"";margin-left:auto;width:.5rem;height:.5rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--duration-normal) var(--ease-out-expo)}.sheet-details[open]>summary:after{transform:translateY(2px) rotate(-135deg)}.sheet-details>summary:hover{color:var(--ink);background:#e6e0d28c;background:color-mix(in srgb,var(--paper-sunk) 55%,transparent)}.summary-badge{padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-size:var(--text-2xs);font-weight:700;line-height:1.6}.sheet-details-body{display:grid;gap:var(--space-5);padding:var(--space-3) 0 var(--space-2)}.field{display:grid;gap:var(--space-2);min-width:0}.field-label,.studio-label{display:block;font-size:var(--text-sm);font-weight:700;letter-spacing:.02em}.field-optional{margin-left:var(--space-2);font-weight:500;font-size:var(--text-xs);color:var(--ink-faint)}.field-sub,.studio-hint{margin:0;font-size:var(--text-xs);line-height:1.55;color:var(--ink-soft)}.choice-hint{margin-left:var(--space-2);font-weight:500;font-size:var(--text-xs);color:var(--ink-faint)}.is-over,.studio-hint.is-over{color:var(--warn)}.note{margin:0;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-left:3px solid var(--accent);background:#dde3f873;background:color-mix(in srgb,var(--accent-wash) 45%,transparent);font-size:var(--text-xs);line-height:1.6;color:var(--ink-soft)}.note.is-warn{border-left-color:var(--warn);background:var(--warn-wash);color:var(--ink)}.inline-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.ghost-button{min-height:var(--touch);padding:0 var(--space-4);border:1px solid var(--ink);border-radius:var(--radius-sm);background:transparent;font-size:var(--text-sm);font-weight:600;transition:background-color var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo)}.ghost-button:hover:not(:disabled){background:var(--ink);color:var(--paper)}.ghost-button:active:not(:disabled){transform:translate(1px,1px)}.ghost-button:disabled{border-color:var(--rule);color:var(--ink-faint)}.colophon{padding:var(--space-6) 0 var(--space-4);font-size:var(--text-2xs);color:var(--ink-faint);font-family:var(--font-mark);letter-spacing:.06em}.colophon a,.masthead-help{color:var(--accent);text-underline-offset:3px}.masthead-help{white-space:nowrap;font-weight:700}.masthead-notes{margin-top:var(--space-4)}.masthead-privacy{display:grid;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--rule);border-left:3px solid var(--ink);background:var(--paper-raised)}.masthead-privacy p{margin:0}.masthead-privacy-main{font-size:var(--text-sm);font-weight:700;line-height:1.55}.masthead-privacy-sub{font-size:var(--text-xs);line-height:1.55;color:var(--ink-soft)}.notice-pair{display:grid;gap:var(--space-2)}.note.is-calm{border-left-color:var(--ink);background:var(--paper-raised);color:var(--ink)}.segmented{margin:0;padding:0;border:0;min-width:0}.segmented>legend{padding:0;margin-bottom:var(--space-2)}.segmented-track{display:flex;flex-wrap:wrap;gap:6px}.segment{position:relative;display:inline-flex}.segment input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.segment span{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);min-width:var(--touch);padding:0 .85rem;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper-raised);font-size:var(--text-sm);font-weight:600;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo)}.segment:hover span{border-color:var(--ink)}.segment input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--paper);box-shadow:inset 0 -3px 0 var(--accent)}.segment input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.segment input:active+span{transform:translateY(1px)}.segment[data-disabled=true] input{cursor:not-allowed}.segment[data-disabled=true] span{border-style:dashed;background:transparent;color:var(--ink-faint)}.segmented.is-compact .segment span{min-height:40px;min-width:40px;padding:0 .6rem;font-size:var(--text-xs)}.direction-picker{display:grid;gap:var(--space-2);margin:0;padding:0;border:0;min-width:0}.direction-picker>legend{padding:0;margin-bottom:var(--space-2)}.direction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:6px}.direction-card{position:relative;display:flex}.direction-card input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.direction-card-body{display:grid;gap:2px;width:100%;min-height:var(--touch);padding:var(--space-2) var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper-raised);transition:border-color var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast) var(--ease-out-expo)}.direction-card-title{font-size:var(--text-sm);font-weight:700}.direction-card-desc,.direction-card-range,.direction-card-hint{font-size:var(--text-2xs);line-height:1.45;color:var(--ink-soft)}.direction-card-hint{color:var(--warn)}.direction-card:hover .direction-card-body{border-color:var(--ink)}.direction-card input:checked+.direction-card-body{border-color:var(--ink);background:var(--ink);color:var(--paper);box-shadow:inset 0 -3px 0 var(--accent)}.direction-card input:checked+.direction-card-body .direction-card-desc,.direction-card input:checked+.direction-card-body .direction-card-range{color:color-mix(in srgb,var(--paper) 78%,transparent)}.direction-card input:focus-visible+.direction-card-body{outline:2px solid var(--accent);outline-offset:2px}.direction-card[data-disabled=true] input{cursor:not-allowed}.direction-card[data-disabled=true] .direction-card-body,.direction-card[data-disabled=true]:hover .direction-card-body{border-style:dashed;border-color:var(--rule);background:transparent}.direction-card[data-disabled=true] .direction-card-title,.direction-card[data-disabled=true] .direction-card-desc,.direction-card[data-disabled=true] .direction-card-range{color:var(--ink-faint)}summary.direction-group-title{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch)}.direction-group-name{font-size:var(--text-sm);font-weight:700}.direction-groups-toggle{min-height:36px}.meta-sets{display:grid;gap:var(--space-3)}.meta-set-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.meta-set{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--rule-soft);border-left:3px solid var(--rule);background:var(--paper-raised);background:color-mix(in srgb,var(--paper-raised) 70%,transparent)}.meta-set.is-group-a{border-left-color:var(--accent)}.meta-set.is-group-b{border-left-color:var(--ink)}.meta-set.is-group-c{border-left-color:var(--warn)}.meta-set-head{display:flex;align-items:center;gap:var(--space-2)}.meta-set-name{font-size:var(--text-sm);font-weight:700}.meta-group-tag{padding:0 var(--space-2);border:1px solid currentColor;font-family:var(--font-mark);font-size:var(--text-2xs)}.meta-set-remove{margin-left:auto;width:var(--touch);height:var(--touch);border:0;background:transparent;font-size:1.25rem;color:var(--ink-soft)}.meta-set-remove:hover{color:var(--warn)}.meta-set-tools{display:grid;gap:var(--space-2)}.meta-set-tool{display:grid;gap:var(--space-1)}.meta-set-tool-label{font-size:var(--text-2xs);font-weight:600;color:var(--ink-faint)}.meta-set-add{justify-self:start;min-height:var(--touch);padding:0 var(--space-4);border:1px dashed var(--ink-soft);border-radius:var(--radius-sm);background:transparent;font-size:var(--text-sm);font-weight:600}.meta-set-add:hover:not(:disabled){border-style:solid;background:var(--paper-raised)}.meta-set-add:disabled{color:var(--ink-faint);border-color:var(--rule)}.brand-colors{display:grid;gap:var(--space-3);margin:0;padding:0;border:0;min-width:0}.brand-colors>legend{padding:0;margin-bottom:var(--space-2)}.brand-color-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name name" "unset unset" "swatch hex";align-items:center;gap:var(--space-2) var(--space-3)}.brand-color-name{grid-area:name;display:grid;font-size:var(--text-sm);font-weight:700}.brand-color-role{font-size:var(--text-2xs);font-weight:500;color:var(--ink-faint)}.brand-color-unset{grid-area:unset;display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch);font-size:var(--text-sm)}.brand-color-unset input,.tuning-auto input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.brand-color-swatch{grid-area:swatch;width:100%;height:var(--touch);padding:2px;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper-raised)}.brand-color-hex{grid-area:hex;width:7.5rem;min-height:var(--touch);padding:0 var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper-raised);font-family:var(--font-mark);font-size:var(--text-base)}.brand-color-row[data-unset=true] .brand-color-swatch,.brand-color-row[data-unset=true] .brand-color-hex{opacity:.45}.brand-colors[data-disabled=true] .brand-color-row{opacity:.5}.tuning-panel{border:1px solid var(--rule-soft);border-radius:var(--radius-sm)}.tuning-panel>summary{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-3);font-size:var(--text-sm);font-weight:700;cursor:pointer}.tuning-badge{padding:0 var(--space-2);background:var(--accent);color:var(--accent-ink);font-size:var(--text-2xs)}.tuning-body{display:grid;gap:var(--space-4);padding:var(--space-3);border-top:1px dashed var(--rule)}.tuning-row{display:grid;gap:var(--space-1)}.tuning-slider{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-3)}.tuning-slider input[type=range],.range-input{width:100%;min-height:var(--touch);accent-color:var(--accent)}.tuning-value{min-width:3.5rem;font-family:var(--font-mark);font-size:var(--text-xs);text-align:right}.tuning-auto{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--touch);font-size:var(--text-xs)}.weird-field .weird-row input.weird-number{flex:0 0 auto;width:5.5rem;min-height:var(--touch);padding:0 var(--space-2);border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper-raised);font-size:var(--text-base)}.text-style-rows{display:grid;gap:var(--space-4)}.text-style-row{display:grid;gap:var(--space-2);padding-left:var(--space-3);border-left:1px solid var(--rule)}.image-picker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.image-add{display:inline-flex;align-items:center;gap:var(--space-2);min-height:56px;padding:0 var(--space-5);border:1.5px dashed var(--ink);border-radius:var(--radius-sm);background:var(--paper-raised);font-weight:700;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo)}.image-add-plus{font-size:1.25rem;line-height:1;color:var(--accent)}.image-add:hover{border-style:solid;background:var(--paper)}.image-add:active{transform:translate(1px,1px)}.image-picker[data-dragging=true] .image-add{border-style:solid;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--paper))}.image-desktop-hint{display:none;font-size:var(--text-xs);color:var(--ink-faint)}@media(hover:hover)and (pointer:fine){.image-desktop-hint{display:inline}}.image-picker input:focus-visible+.image-add{outline:2px solid var(--accent);outline-offset:2px}.image-add[data-disabled=true]{border-color:var(--rule);color:var(--ink-faint);cursor:not-allowed}.image-pending{font-size:var(--text-xs);color:var(--accent)}.thumb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.thumb[data-first=true]{grid-column:span 2;grid-row:span 2}.thumb{position:relative;aspect-ratio:1;overflow:hidden;background:var(--paper-sunk);border:1px solid var(--rule)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-index{position:absolute;left:0;top:0;padding:2px 6px;background:var(--ink);color:var(--paper);font-family:var(--font-mark);font-size:var(--text-2xs);font-weight:700}.thumb[data-first=true] .thumb-index{background:var(--accent);color:var(--accent-ink)}.thumb-actions{position:absolute;right:0;bottom:0;display:flex}.thumb-button{width:var(--touch);height:var(--touch);border:0;background:#17140fc7;background:color-mix(in srgb,var(--ink) 78%,transparent);color:var(--paper);font-size:1.05rem;font-weight:700;transition:background-color var(--duration-fast) var(--ease-out-expo)}.thumb-button:hover{background:var(--ink)}.thumb-button.is-remove:hover{background:var(--warn)}.role-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.role-row{display:grid;grid-template-columns:48px auto 1fr;align-items:center;gap:var(--space-3)}.role-thumb{width:48px;height:48px;object-fit:cover;border:1px solid var(--rule)}.role-index{font-family:var(--font-mark);font-size:var(--text-xs);color:var(--ink-faint)}.custom-toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch);font-weight:600;font-size:var(--text-sm)}.custom-toggle input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.text-input:disabled{opacity:.5;cursor:not-allowed}.ghost-button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.generate-bar{position:fixed;inset:auto 0 0 0;z-index:20;padding:var(--space-3) var(--gutter) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--paper);background:color-mix(in srgb,var(--paper) 92%,transparent);border-top:2px solid var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.generate-inner{display:grid;gap:var(--space-2);max-width:var(--page-max);margin:0 auto}.generate-status{margin:0;min-height:1.3em;font-size:var(--text-xs);color:var(--ink-soft);text-align:center}.generate-status[data-running=true]{color:var(--accent);font-weight:600}.generate-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);width:calc(100% - 4px);min-height:56px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--ink);color:var(--paper);font-size:var(--text-lg);font-weight:800;letter-spacing:.08em;box-shadow:var(--misregister);transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo)}.generate-button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--accent)}.generate-button:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px 0 var(--accent)}.generate-button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.generate-button:disabled{border-style:dashed;border-color:var(--ink-faint);background:var(--paper-sunk);color:var(--ink-faint);box-shadow:none}.generate-button[aria-busy=true]{border-style:solid;border-color:var(--ink);background:var(--ink-soft);color:var(--paper)}.generate-spinner{width:1rem;height:1rem;border:2px solid color-mix(in srgb,var(--paper) 35%,transparent);border-top-color:var(--paper);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;left:50%;bottom:calc(8.5rem + env(safe-area-inset-bottom));z-index:30;display:grid;gap:var(--space-2);width:min(calc(100% - 2 * var(--gutter)),var(--page-max));transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--ink);color:var(--paper);font-size:var(--text-sm);box-shadow:var(--shadow-sheet);pointer-events:auto;animation:toast-in var(--duration-normal) var(--ease-out-expo)}.toast.is-error{border-left:4px solid var(--warn);background:#2a130d}.toast-message{flex:1 1 auto}.toast-close{width:var(--touch);height:var(--touch);border:0;background:transparent;color:inherit;font-size:1.15rem}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.generate-spinner{animation:none;border-top-color:color-mix(in srgb,var(--paper) 35%,transparent)}.toast{animation:none}.generate-button,.generate-button:hover:not(:disabled),.generate-button:active:not(:disabled){transform:none}}.results-anchor{scroll-margin-top:var(--space-4)}.results{padding:var(--space-6) 0 var(--space-5)}.results .sheet-head{margin-bottom:var(--space-4)}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3);margin:0;padding:0;list-style:none}.result-cell{min-width:0}.result-button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3 / 4;padding:var(--space-2);border:1px solid var(--rule);background:var(--paper-raised);box-shadow:var(--shadow-sheet);transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}.result-button img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.result-button:hover{transform:translateY(-2px);box-shadow:0 1px #17140f0d,0 16px 28px -18px #17140f99}.result-button:active{transform:translateY(1px)}.result-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.result-index{position:absolute;left:-1px;bottom:-1px;padding:1px 6px;background:var(--ink);color:var(--paper);font-family:var(--font-mark);font-size:var(--text-2xs)}.results-empty{display:grid;place-items:center;min-height:9rem;padding:var(--space-5);border:1px dashed var(--rule);color:var(--ink-faint);font-size:var(--text-sm);text-align:center}.results-empty p{margin:0;max-width:22em}.viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);border:0;background:#14110d;color:var(--paper)}.viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.viewer::backdrop{background:#14110d}.viewer-top,.viewer-bottom{display:flex;align-items:center;gap:var(--space-3);width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--space-2) var(--gutter)}.viewer-title{display:flex;align-items:baseline;gap:var(--space-3);margin:0;font-family:var(--font-mark);font-size:var(--text-xs)}.viewer-family{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700}.viewer-close{margin-left:auto;width:var(--touch);height:var(--touch);border:1px solid color-mix(in srgb,var(--paper) 30%,transparent);border-radius:var(--radius-sm);background:transparent;color:var(--paper);font-size:1.35rem}.viewer-stage{display:flex;align-items:center;justify-content:center;min-height:0;padding:var(--space-2) var(--gutter);touch-action:pan-y}.viewer-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 20px 50px -20px #000c}.viewer-bottom{justify-content:space-between;padding-bottom:var(--space-4)}.viewer-nav{flex:0 0 auto;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--paper) 30%,transparent);border-radius:var(--radius-sm);background:transparent;color:var(--paper);font-size:1.25rem}.viewer-nav:hover:not(:disabled),.viewer-close:hover{border-color:var(--paper)}.viewer-nav:disabled{opacity:.3}.viewer :focus-visible{outline-color:#8fa2ff}.save-slot{display:grid;justify-items:center;gap:var(--space-1);flex:1 1 auto;min-width:0}.save-button{position:relative;overflow:hidden;width:100%;max-width:18rem;min-height:52px;border:2px solid var(--paper);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-size:var(--text-lg);font-weight:800;letter-spacing:.1em;box-shadow:var(--misregister);transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo)}.save-button:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px 0 var(--accent)}.save-button.is-loading{background:transparent;color:var(--paper);border-style:dashed;box-shadow:none;font-size:var(--text-sm);letter-spacing:.04em}.save-button.is-retry{background:transparent;color:var(--paper);font-size:var(--text-sm)}.save-progress{position:absolute;left:0;bottom:0;width:40%;height:3px;background:#8fa2ff;animation:save-progress 1.1s var(--ease-out-expo) infinite}@keyframes save-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}.save-note{font-size:var(--text-2xs);color:color-mix(in srgb,var(--paper) 65%,transparent);text-align:center}.save-note.is-over{color:#ffb4a2}@media(prefers-reduced-motion:reduce){.save-progress{animation:none}.save-progress{width:100%;opacity:.5}.result-button,.result-button:hover{transform:none}}@media(min-width:560px){.result-grid{gap:var(--space-5) var(--space-4)}}.result-slot{position:relative;display:grid;place-items:center;gap:var(--space-2);aspect-ratio:3 / 4;overflow:hidden;padding:var(--space-3);border:1px dashed var(--rule);background:var(--paper-raised);text-align:center}.result-slot.is-pending[data-active=true]{border-style:solid;border-color:var(--ink-faint)}.slot-text{position:relative;font-size:var(--text-xs);line-height:1.5;color:var(--ink-faint)}.result-slot[data-active=true] .slot-text{color:var(--ink);font-weight:700}.result-slot.is-failed .slot-text{color:var(--warn)}.slot-mark{width:26px;height:26px;color:var(--rule)}.result-slot[data-active=true] .slot-mark{color:var(--accent);animation:mark-pulse 1.8s ease-in-out infinite}.slot-scan{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(-100%);background:linear-gradient(to bottom,transparent 70%,rgba(35,64,196,.07));animation:slot-scan 2.6s cubic-bezier(.45,0,.55,1) infinite;pointer-events:none}.slot-scan:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ink);opacity:.55}@keyframes slot-scan{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes mark-pulse{0%,to{opacity:.35}50%{opacity:1}}.result-button.is-arrived{animation:slot-arrive var(--duration-normal) var(--ease-out-expo)}@keyframes slot-arrive{0%{opacity:0;transform:translateY(4px)}}.generate-status-row{display:flex;align-items:baseline;justify-content:center;gap:var(--space-3)}.generate-counter{font-family:var(--font-mark);font-size:var(--text-xs);font-weight:700;color:var(--accent)}.progress-cells{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;height:5px;overflow:hidden}.progress-cell{background:var(--paper-sunk);transition:background-color var(--duration-normal) var(--ease-out-expo)}.progress-cell[data-filled=true]{background:var(--ink)}.progress-cells[data-indeterminate=true]{background:var(--paper-sunk)}.progress-slider{position:absolute;inset:0 auto 0 0;width:25%;background:var(--ink);animation:progress-slide 1.4s cubic-bezier(.45,0,.55,1) infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.generate-slow{margin:0;font-size:var(--text-2xs);color:var(--ink-soft);text-align:center}@media(prefers-reduced-motion:reduce){.slot-scan{display:none}.result-slot[data-active=true] .slot-mark,.result-button.is-arrived{animation:none}.progress-slider{animation:none;width:100%;opacity:.25}}.top-tabs{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:1fr 1fr;margin:0 calc(-1 * var(--gutter));padding:env(safe-area-inset-top) var(--gutter) 0;background:var(--paper);border-bottom:2px solid var(--ink)}.top-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;border:0;background:transparent;color:var(--ink-faint);font-size:var(--text-base);font-weight:800;letter-spacing:.08em;transition:color var(--duration-fast) var(--ease-out-expo)}.top-tab:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;background:var(--ink);transform:scaleX(0);transition:transform var(--duration-normal) var(--ease-out-expo)}.top-tab:hover,.top-tab[aria-selected=true]{color:var(--ink)}.top-tab[aria-selected=true]:after{transform:scaleX(1);box-shadow:0 2px 0 var(--accent)}.top-tab:focus-visible{outline-offset:-4px}.top-tab-badge{min-width:1.4rem;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-family:var(--font-mark);font-size:var(--text-2xs);line-height:1.4rem;letter-spacing:0}.top-panel{scroll-margin-top:56px}.top-panel[hidden]{display:none}.sheet{padding:0;scroll-margin-top:56px}.sheet[data-open=true]{padding-bottom:var(--space-5)}.sheet-heading{margin:0;font-size:inherit}.sheet-toggle{display:flex;align-items:baseline;gap:var(--space-3);width:100%;min-height:60px;padding:var(--space-4) 0;border:0;background:transparent;text-align:left;scroll-margin-top:56px}.sheet-toggle .sheet-title{flex:0 0 auto;font-size:var(--text-lg)}.sheet[data-open=true] .sheet-toggle .sheet-title{font-size:var(--text-xl)}.sheet-summary{flex:1 1 auto;margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--ink-soft);text-align:right}.sheet-toggle .sheet-tag{flex:1 1 auto;text-align:right}.sheet-chevron{flex:0 0 auto;align-self:center;width:.5rem;height:.5rem;margin:0 var(--space-1) 0 auto;border-right:1.5px solid var(--ink-soft);border-bottom:1.5px solid var(--ink-soft);transform:translateY(-2px) rotate(45deg);transition:transform var(--duration-normal) var(--ease-out-expo)}.sheet[data-open=true] .sheet-chevron{transform:translateY(2px) rotate(-135deg)}.sheet-toggle:hover .sheet-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.sheet-toggle:focus-visible{outline-offset:-2px}.sheet-toggle:active .sheet-title{transform:translateY(1px)}.sheet-panel:not([hidden]){animation:panel-in var(--duration-normal) var(--ease-out-expo)}@keyframes panel-in{0%{opacity:0;transform:translateY(-4px)}}.sheet-next-row{display:flex;justify-content:flex-end;margin-top:var(--space-5)}.sheet-next{min-height:var(--touch);padding:0 var(--space-5);border:1.5px solid var(--ink);border-radius:var(--radius-sm);background:var(--paper-raised);font-size:var(--text-base);font-weight:800;letter-spacing:.06em;box-shadow:3px 3px 0 var(--ink);transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo)}.sheet-next:hover{background:var(--paper)}.sheet-next:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}@media(prefers-reduced-motion:reduce){.sheet-panel:not([hidden]){animation:none}.top-tab:after,.sheet-chevron,.sheet-next{transition:none}.sheet-next:active{transform:none}.top-tab[aria-selected=true]:after{transform:none}.top-tab:not([aria-selected=true]):after{opacity:0}}