:root{color:#172c35;background:#f2f4f5;font:16px system-ui,sans-serif}body{margin:0}main{max-width:1440px;margin:auto;padding:20px}header{margin-bottom:20px}nav{align-items:center;gap:24px;display:flex}h1{font-size:1.6rem}h2{font-size:1.2rem}p{overflow-wrap:anywhere;line-height:1.5}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:20px;display:grid}.workspace>*{min-width:0}.field-placeholder{aspect-ratio:5/3;color:#ecf3e7;text-align:center;box-sizing:border-box;background:#174934;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}a{color:#125175}label{margin:12px 0;display:block}select,button,.button{font:inherit;box-sizing:border-box;max-width:100%;min-height:44px;padding:8px}select{width:100%;display:block}fieldset{border:1px solid #bac7cd;padding:12px}button:disabled,fieldset:disabled{opacity:.65}a:focus-visible,select:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #087f9c}.button{align-items:center;display:inline-flex}@media (width<=999px){.workspace{grid-template-columns:1fr}main{padding:12px}}.fit-toolbar{align-items:center;gap:12px;margin-bottom:8px;display:flex}.field-space{min-width:0;min-height:0}body.field-fitted{overflow:hidden}main.fit-mode{left:var(--fit-left,0px);top:var(--fit-top,0px);width:var(--fit-width,100%);height:var(--fit-height,100dvh);box-sizing:border-box;max-width:none;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#f2f4f5;grid-template-rows:auto minmax(0,1fr);margin:0;display:grid;position:fixed;overflow:auto}.fit-mode>header{display:none}.fit-mode .workspace{grid-template-columns:minmax(0,1fr) 248px;gap:12px;min-height:0}.fit-mode .workspace>section{flex-direction:column;min-height:0;display:flex}.fit-mode .field-space{flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.fit-mode .field-placeholder{flex:none;max-width:100%;max-height:100%}.fit-mode aside{min-height:0;overflow:auto}.fit-mode aside h2{margin-top:0}.fit-mode aside p{font-size:.85rem}.fit-mode.fit-compact .workspace{flex-direction:column;display:flex;overflow:auto}.fit-mode.fit-compact .workspace>section{flex:none}.fit-mode.fit-compact .field-space{height:min(calc(var(--fit-height)*.5),calc(var(--fit-width)*.58));flex:none}.fit-mode.fit-compact aside{flex:none;overflow:visible}#field{aspect-ratio:5/3;touch-action:none;outline-offset:2px;background:#174934;width:100%;height:auto;display:block}.actions{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.actions button{flex:0 auto}button{cursor:pointer;color:#173846;background:#fff;border:1px solid #9eafb8;border-radius:6px}button:disabled{cursor:default}.actions button[data-action=Launch],button[data-action=Next]{background:#d8eadc}input{box-sizing:border-box;max-width:100%;min-height:44px;font:inherit;width:100%;padding:6px}.numeric-row{gap:6px;display:flex}.numeric-row label{flex:1;min-width:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.75rem}aside>section,aside>fieldset{margin-bottom:14px}aside h2{margin-bottom:6px}#errors{color:#913b22;min-height:1.4em}#match-status{font-size:.95rem}#storage{font-size:.85rem}#progress,#result,#roles{margin:6px 0;font-size:.9rem}.fit-toolbar{flex-wrap:wrap}.fit-mode .workspace{grid-template-columns:minmax(0,1fr) 280px}.fit-mode #field{aspect-ratio:5/3;flex:none;max-width:100%;max-height:100%}.fit-mode #primary-actions button:disabled{display:none}.fit-mode #errors{max-height:50px;overflow:auto}.fit-mode .workspace>section{overflow:auto}dialog{box-sizing:border-box;border:1px solid #819b8d;border-radius:12px;max-width:min(92vw,1080px)}#leave-dialog{max-width:550px}button[hidden]{display:none}select:disabled,input:disabled{opacity:.6}button:focus-visible,input:focus-visible,canvas:focus-visible{outline-offset:2px;outline:3px solid #087f9c}