: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}
