:root{--bg:#0c1218;--panel:#17212a;--line:#334652;--text:#edf6fa;--muted:#9bb0bb;--cyan:#35c4ed}*{box-sizing:border-box}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)}body{display:grid;grid-template-rows:auto auto minmax(0,1fr)}.appbar{display:grid;grid-template-columns:auto auto minmax(200px,1fr);gap:14px;align-items:center;padding:9px 14px;background:#18232d;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--cyan);color:#07131a;font-weight:800}.brand h1{margin:0;font-size:17px}.brand small{color:var(--muted)}.loads{display:flex;gap:6px}.loads button,.modebar button,.pdf-tools button{border:1px solid #465b68;border-radius:7px;background:#253541;color:var(--text);min-height:38px;padding:0 13px;font-weight:600}.loads .primary{background:var(--cyan);border-color:var(--cyan);color:#061219}.status{display:flex;justify-content:flex-end;align-items:center;gap:12px;min-width:0}.status strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status span{font-size:12px;color:var(--muted);white-space:nowrap}.message{position:fixed;z-index:20;top:70px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 28px);padding:11px 16px;border:1px solid #d78b37;border-radius:8px;background:#4a3016;color:#ffe4bd}.modebar{display:flex;justify-content:center;gap:6px;padding:6px;background:#111a21;border-bottom:1px solid var(--line)}.modebar button{min-height:34px}.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) 48px}.pdf-viewer{overflow:auto;text-align:center;padding:14px;background:#29343a}.pdf-viewer canvas{display:inline-block;max-width:none;background:#fff;box-shadow:0 4px 20px #0008}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:var(--muted)}.empty-state b{color:#dce8ed}.pdf-tools{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid var(--line);background:var(--panel)}.pdf-tools button{min-width:42px;min-height:34px;padding:0}.pdf-tools span,.pdf-tools strong{min-width:54px;text-align:center;font-size:13px}body.pdf-only .workarea{grid-template-columns:1fr}body.pdf-only .step-panel{display:none}body.step-only .workarea{grid-template-columns:1fr}body.step-only .pdf-panel{display:none}
@media(orientation:portrait){.appbar{grid-template-columns:1fr auto;padding:7px 9px;gap:7px}.brand small{display:none}.brand h1{font-size:15px}.mark{width:31px;height:31px}.loads{grid-column:1/-1;display:grid;grid-template-columns:2fr 1fr 1fr}.loads button{min-width:0;padding:0 6px}.status{grid-column:1/-1;justify-content:flex-start}.status strong{margin-right:auto}.status span{font-size:11px}.modebar button[data-mode=split]{display:none}.workarea{display:block}.pdf-panel,.step-panel{width:100%;height:100%}body:not(.pdf-only):not(.step-only)[data-mode=pdf] .step-panel{display:none}body:not(.pdf-only):not(.step-only)[data-mode=step] .pdf-panel{display:none}}@media(max-width:520px){.status span{display:none}.brand h1{font-size:13px}.modebar button{padding:0 9px}}