:root{--bg:#0c1218;--panel:#17212a;--line:#334652;--text:#edf6fa;--muted:#9bb0bb;--cyan:#35c4ed;--red:#ef3d3d}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:"Segoe UI","Yu Gothic UI",Meiryo,sans-serif;background:var(--bg);color:var(--text)}button,select{font:inherit}body{display:grid;grid-template-rows:auto auto minmax(0,1fr)}.appbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:7px 10px;background:#18232d;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--cyan);color:#07131a;font-weight:900}.brand h1{margin:0;font-size:17px;line-height:1}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.loads{display:flex;justify-content:center;gap:5px;min-width:0}.loads button,.loads select,.modebar button,.pdf-tools button{border:1px solid #465b68;border-radius:7px;background:#253541;color:var(--text);min-height:36px;padding:0 10px;font-weight:600}.loads .primary{background:var(--cyan);border-color:var(--cyan);color:#061219}.loads select{max-width:130px}.status{display:flex;flex-direction:column;align-items:flex-end;min-width:120px;max-width:230px}.status span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}.message{position:fixed;z-index:50;top:62px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 28px);padding:10px 15px;border:1px solid #d78b37;border-radius:8px;background:#4a3016;color:#ffe4bd}.modebar{display:flex;justify-content:center;gap:5px;padding:5px;background:#111a21;border-bottom:1px solid var(--line)}.modebar button{min-height:32px;min-width:84px}.modebar button.active{border-color:var(--cyan);color:#bff3ff}.workarea{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);min-height:0;gap:1px;background:var(--line)}.pdf-panel,.step-panel{position:relative;min-width:0;min-height:0;background:#111920;overflow:hidden}.step-panel iframe{border:0;width:100%;height:100%;display:block}.pdf-panel{display:grid;grid-template-rows:minmax(0,1fr) auto}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:var(--muted)}.empty-state b{color:#dce8ed}.pdf-viewer{overflow:auto;text-align:center;padding:14px;background:#29343a}.pdf-page{position:relative;display:inline-block;line-height:0;background:#fff;box-shadow:0 4px 20px #0008}.pdf-page canvas{display:block;max-width:none}.pdf-page #inkCanvas{position:absolute;inset:0;z-index:2;touch-action:none;pointer-events:none}.pdf-page.pen-active #inkCanvas{pointer-events:auto;cursor:crosshair}.pdf-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;padding:5px 7px;border-top:1px solid var(--line);background:var(--panel)}.pdf-tools button{min-height:34px;padding:0 9px}.pdf-tools span,.pdf-tools strong{min-width:46px;text-align:center;font-size:13px}.pdf-tools .tool-separator{min-width:1px;width:1px;height:24px;background:var(--line)}.pdf-tools .pen-button.active{background:var(--red);border-color:#ff7b7b;color:#fff}.pdf-tools button:disabled{opacity:.42}.workarea>.pdf-panel,.workarea>.step-panel{display:grid}body[data-mode=pdf] .workarea{grid-template-columns:1fr}body[data-mode=pdf] .step-panel{display:none}body[data-mode=step] .workarea{grid-template-columns:1fr}body[data-mode=step] .pdf-panel{display:none}
@media(orientation:portrait){.appbar{grid-template-columns:auto minmax(0,1fr);gap:6px;padding:6px 8px}.brand small{display:none}.brand h1{font-size:15px}.mark{width:30px;height:30px}.loads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch}.loads button,.loads select{min-width:0;width:100%;padding:0 4px;font-size:12px}.loads .primary{grid-column:span 2}.status{grid-column:1/-1;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}.status span{font-size:11px}.workarea{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}body[data-mode=pdf] .workarea,body[data-mode=step] .workarea{grid-template-rows:1fr}.pdf-tools{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.pdf-tools button{white-space:nowrap}.pdf-tools .tool-separator{display:none}}
@media(max-width:700px){.brand small{display:none}.status{display:none}.modebar button{min-width:72px}.pdf-viewer{padding:8px}}

/* Ver.0.02.2: Fire HD向けPDFタッチ操作 */
.pdf-viewer{touch-action:none;overscroll-behavior:contain}
.pdf-page{transform-origin:0 0}