:root{--bg:#f6f7f9;--panel:#fff;--text:#1f2328;--muted:#6b7280;--border:#d8dce2;--primary:#1f5fbf;--primary-text:#fff;--error:#b42318;--error-bg:#fdecea;--warn:#8a5a00;--warn-bg:#fff6d6;--ok:#1e7f4e;--ok-bg:#e4f6ec;--info-bg:#e8f0fe;--changed-bg:#fff9e6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Yu Gothic UI,system-ui,sans-serif;font-size:15px;line-height:1.5}h1{margin:0 0 .75rem;font-size:1.3rem}h2{margin:0 0 .75rem;font-size:1.05rem}h3{margin:.5rem 0 .25rem;font-size:.95rem}p{margin:.25rem 0}ul{margin:0;padding-left:1.2rem}code{word-break:break-all;font-size:.85em}.muted{color:var(--muted)}.small{font-size:.85rem}.hidden{visibility:hidden;position:absolute}button{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:6px;padding:.45rem .9rem}button:disabled,button[aria-disabled=true]{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}button.link{color:var(--primary);background:0 0;border:none;padding:0;text-decoration:underline}input,select{font:inherit;border:1px solid var(--border);background:#fff;border-radius:6px;width:100%;padding:.4rem .55rem}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:1px}.screen-center{text-align:center;place-content:center;min-height:100dvh;padding:16px;display:grid}.app-header{background:var(--panel);border-bottom:1px solid var(--border);z-index:5;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{background:0 0;border:none;padding:0;font-size:1rem;font-weight:700}.user{align-items:center;gap:10px;min-width:0;display:flex}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:50vw;overflow:hidden}.app-main{gap:16px;max-width:1200px;margin:0 auto;padding:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:0;padding:16px}.search{margin-bottom:10px}.people-list{border-top:1px solid var(--border);max-height:60dvh;margin:0;padding:0;list-style:none;overflow:auto}.person-row{text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;border-radius:0;grid-template-columns:4rem minmax(10em,1fr) minmax(0,max-content);grid-template-areas:"no main sub""no flags flags";gap:2px 10px;width:100%;padding:8px 4px;display:grid}.person-row:hover{background:var(--info-bg)}.emp-no{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:no}.person-main{flex-wrap:wrap;grid-area:main;align-items:baseline;gap:0 8px;min-width:0;display:flex}.person-name{font-weight:600}.person-kana{color:var(--muted);font-size:.85rem}.person-sub{color:var(--muted);text-align:right;overflow-wrap:anywhere;grid-area:sub;font-size:.85rem}@media (width<=559px){.person-row{grid-template-columns:4rem minmax(0,1fr);grid-template-areas:"no main""no sub""no flags"}.person-sub{text-align:left}}.person-flags{flex-wrap:wrap;grid-area:flags;gap:4px;display:flex}.badge{background:var(--info-bg);color:var(--primary);border-radius:999px;padding:1px 8px;font-size:.78rem;display:inline-block}.badge-error{background:var(--error-bg);color:var(--error)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-info{background:var(--info-bg);color:var(--primary)}.badges{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.recent-list{padding:0;list-style:none}.recent-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:6px 0;display:flex}.recent-name{min-width:8em;font-weight:600}.editor-head h1{margin-bottom:.25rem}.notice{border-radius:8px;margin:8px 0;padding:8px 12px}.notice-error{background:var(--error-bg);color:var(--error)}.notice-warn{background:var(--warn-bg);color:var(--warn)}.workspace{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=900px){.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.preview-pane{position:sticky;top:64px}}.person-form{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=560px){.person-form{grid-template-columns:1fr 1fr}}.field label{color:var(--muted);margin-bottom:2px;font-size:.82rem;display:block}.field-changed input,.field-changed select{background:var(--changed-bg);border-color:var(--warn)}.actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.preview-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.guide-toggles{gap:12px;font-size:.85rem;display:flex}.guide-toggles input{width:auto}.card-preview{gap:14px;margin:10px 0;display:grid}.card-page{background:#fff;width:100%;margin:0;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000002e}.card-page canvas{width:100%;height:auto;display:block}.card-placeholder{color:var(--muted);background:repeating-linear-gradient(45deg,#fafafa,#fafafa 10px,#f1f1f1 10px 20px);place-content:center;display:grid;position:absolute;inset:0}.card-page figcaption{color:var(--muted);background:#ffffffb3;border-radius:3px;padding:0 4px;font-size:.7rem;position:absolute;bottom:4px;left:6px}.guide{pointer-events:none;position:absolute}.guide-trim{border:1px solid #dc2626cc}.guide-safe{border:1px dashed #2563ebb3}.preflight{border:1px solid var(--border);background:#fafafa;border-radius:8px;padding:8px 12px;font-size:.9rem}.preflight-ok{color:var(--ok);background:var(--ok-bg);border-color:#0000}.preflight-h.error{color:var(--error)}.preflight-h.warn{color:var(--warn)}.diff-table{border-collapse:collapse;width:100%;font-size:.9rem}.diff-table th,.diff-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;word-break:break-all;padding:4px 6px}.diff-old{color:var(--error);text-decoration:line-through}.diff-new{color:var(--ok);font-weight:600}.dialog-backdrop{z-index:20;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border-radius:12px;width:min(640px,100%);max-height:90dvh;padding:18px;overflow:auto}.dialog:focus{outline:none}.dialog button:focus-visible,.dialog a:focus-visible{outline:2px solid var(--text);outline-offset:2px}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.result-meta{grid-template-columns:max-content 1fr;gap:4px 12px;margin:10px 0;display:grid}.result-meta dd{min-width:0;margin:0}.result-png img{border:1px solid var(--border);background:#fff;max-width:100%}.result-png figcaption{color:var(--muted);font-size:.8rem}.toast-stack{z-index:30;pointer-events:none;gap:8px;display:grid;position:fixed;bottom:16px;left:16px;right:16px}@media (width>=560px){.toast-stack{width:380px;left:auto}}.toast{pointer-events:auto;color:#fff;background:#1f2328;border-radius:8px;gap:8px;padding:10px 12px;display:flex;box-shadow:0 4px 16px #00000040}.toast-error{background:var(--error)}.toast-success{background:var(--ok)}.toast-body{flex:1;min-width:0}.toast-detail{white-space:pre-wrap;opacity:.9;font-size:.85rem}.toast-close{color:inherit;background:0 0;border:none;padding:0 4px;font-size:1.1rem}.tabular{font-variant-numeric:tabular-nums}.spinner{vertical-align:-.1em;border:2px solid;border-right-color:#0000;border-radius:50%;width:.9em;height:.9em;margin-right:.4em;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.generate-progress{background:var(--info-bg);color:var(--text);border-radius:8px;margin-top:14px;padding:12px 14px}.generate-progress-title{color:var(--primary);font-weight:600}.generate-progress-slow{color:var(--warn);font-weight:600}.progress-indeterminate{background:#1f5fbf2e;border-radius:3px;height:6px;margin:8px 0;position:relative;overflow:hidden}.progress-indeterminate-bar{background:var(--primary);border-radius:3px;width:35%;animation:1.4s ease-in-out infinite progress-indeterminate;position:absolute;top:0;bottom:0;left:0}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(290%)}}@media (prefers-reduced-motion:reduce){.spinner{opacity:.6;border-right-color:currentColor;animation:none}.progress-indeterminate-bar{opacity:.5;width:100%;animation:none}}.generate-error{border:1px solid var(--error);background:var(--error-bg);color:var(--text);border-radius:8px;margin-top:14px;padding:12px 14px}.generate-error h2{color:var(--error);margin-bottom:.4rem}.generate-error h2:focus{outline:none}.generate-error h2:focus-visible{outline-offset:2px;outline:2px solid}.generate-error-resolved{border-color:var(--ok);background:var(--ok-bg)}.generate-error-resolved h2{color:var(--ok)}.generate-check{background:var(--panel);border-radius:6px;margin:8px 0;padding:8px 10px}.generate-check-found strong{color:var(--ok)}.generate-problem{margin-top:8px;font-size:.9rem}.generate-problem-detail{white-space:pre-wrap;overflow-wrap:anywhere}.success-banner{background:var(--ok-bg);color:var(--ok);border-radius:8px;align-items:center;gap:10px;margin:-4px 0 10px;padding:10px 14px;display:flex}.success-banner h1{color:var(--ok);margin:0}.success-banner h1:focus{outline:none}.success-banner h1:focus-visible{outline:2px solid var(--ok);outline-offset:2px}.success-icon{flex:none}.button-link{border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:2px;max-width:100%;padding:.55rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.button-link.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.button-link:focus-visible{outline:2px solid var(--text);outline-offset:2px}.button-link-sub{opacity:.9;overflow-wrap:anywhere;font-size:.8rem;font-weight:400}.result-box{margin:10px 0}