:root{--bg: #f4f6f8;--card: #fff;--text: #1d2733;--muted: #4f5d6b;--line: #d5dce3;--field-line: #7d8a97;--primary: #1f5f99;--primary-text: #fff;--warn-bg: #fff4e0;--warn: #7a4a00;--ok-bg: #e3f4e8;--ok: #145a2e;--ng-bg: #fde7e7;--ng: #9b1c1c;--busy-bg: #e3eefa;--busy: #16457a}@media(prefers-color-scheme:dark){:root{--bg: #11161c;--card: #1a222b;--text: #e6ecf2;--muted: #a9b6c3;--line: #33404d;--field-line: #7f8d9b;--primary: #2f6fae;--warn-bg: #3a2c12;--warn: #f3c77b;--ok-bg: #123322;--ok: #8fe0b0;--ng-bg: #3d1717;--ng: #ffb0b0;--busy-bg: #15293f;--busy: #a9cdf5}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 -apple-system,Hiragino Sans,Noto Sans JP,sans-serif;padding:0 16px calc(env(safe-area-inset-bottom) + 24px)}header,main{max-width:640px;margin:0 auto}header{padding:12px 0 0}h1{font-size:22px;margin:0}h2{font-size:18px;margin:0 0 8px}.sub{color:var(--muted);font-size:14px;margin:4px 0 8px}.netbar{position:sticky;top:0;z-index:10;margin:0 -16px;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;font-weight:700;font-size:16px;background:var(--card);border-bottom:1px solid var(--line)}.netbar.ok{background:var(--ok-bg);color:var(--ok)}.netbar.ng{background:var(--ng-bg);color:var(--ng)}.netbar.warn{background:var(--warn-bg);color:var(--warn)}.netbar.busy{background:var(--busy-bg);color:var(--busy)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0}.card p{margin:0 0 12px;color:var(--muted);font-size:15px}.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:8px 0 12px;font-size:15px}.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}button,.file{min-height:44px;padding:10px 16px;font-size:16px;border-radius:10px;border:1px solid var(--field-line);background:var(--card);color:var(--text);cursor:pointer}button.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary);font-weight:700}button.danger{color:var(--ng);border-color:var(--ng);margin-top:8px}button:disabled{cursor:default}button.primary:disabled{background:var(--busy-bg);color:var(--busy);border-color:var(--busy)}button:not(.primary):disabled{color:var(--muted)}.file{display:inline-flex;align-items:center;margin:4px 0 8px}.file input{display:none}input,textarea{font-size:16px;min-height:44px;padding:8px 10px;border-radius:8px;border:1px solid var(--field-line);background:var(--bg);color:var(--text)}input[type=number]{width:96px}.field{display:block;margin-bottom:12px;font-size:15px;color:var(--muted)}.field input,.field textarea{display:block;width:100%;margin-top:4px;color:var(--text)}.inline{display:inline-flex;align-items:center;gap:8px}.check{display:flex;align-items:center;gap:10px;min-height:44px;margin:4px 0}.check input{width:22px;height:22px;min-height:0;margin:0}.progress{font-weight:600;color:var(--text)!important}.progress:empty{margin:0!important}.warn{background:var(--warn-bg);color:var(--warn)!important;padding:8px 12px;border-radius:8px}.alert{background:var(--ng-bg);color:var(--ng)!important;padding:10px 12px;border-radius:8px;font-weight:700}.canvas-wrap{width:100%;overflow:hidden;border:1px solid var(--line);border-radius:8px}.pager span{min-width:80px;text-align:center}details{margin-top:12px}summary{min-height:44px;display:flex;align-items:center;color:var(--muted);cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}details[open] summary:first-letter{color:transparent}details[open] summary{position:relative}details[open] summary:before{content:"▼";position:absolute;left:0}