*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}.app{color:#1f2937;background:#f4f6f8;flex-direction:column;gap:20px;min-height:100vh;padding:32px;display:flex}.app__header{justify-content:space-between;align-items:end;gap:24px;width:min(1180px,100%);margin:0 auto;display:flex}.app__title{margin:0;font-size:28px;line-height:1.2}.app__current{gap:14px;margin:0;display:flex}.app__current div{background:#fff;border:1px solid #d6dde6;border-radius:6px;min-width:112px;padding:8px 10px}.app__current dt{color:#64748b;margin:0 0 2px;font-size:12px}.app__current dd{margin:0;font-size:15px;font-weight:700}.app__layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:20px;width:min(1180px,100%);margin:0 auto;display:grid}.app__footer{color:#64748b;justify-content:flex-end;gap:8px;width:min(1180px,100%);margin:-8px auto 0;font-size:12px;display:flex}.app__footer a{color:inherit}.app__footer a:hover{color:#1d4ed8}.app__sidebar{gap:14px;display:grid}.app__canvas-slot{background-color:#fff;background-image:linear-gradient(#eef2f6 1px,#0000 1px),linear-gradient(90deg,#eef2f6 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #d6dde6;border-radius:6px;height:620px;position:relative;overflow:hidden}.app__canvas-slot--fullscreen{z-index:20;border:0;border-radius:0;height:100svh;position:fixed;inset:0}.app__canvas-slot canvas{background:#fff}.app__map-toggle{z-index:2;color:#1f2937;min-height:34px;font:inherit;cursor:pointer;background:#fffffff0;border:1px solid #cbd5e1;border-radius:4px;padding:0 12px;font-size:13px;font-weight:700;position:absolute;top:10px;left:10px;box-shadow:0 8px 18px #0f172a1a}.app__map-toggle:hover{color:#1d4ed8;border-color:#2563eb}.projection-canvas{position:relative}.projection-canvas__controls{z-index:1;background:#ffffffeb;border:1px solid #d6dde6;border-radius:6px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 8px 18px #0f172a1a}.projection-canvas__controls button{color:#1f2937;min-width:32px;height:30px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:0 8px;font-size:13px;font-weight:700}.projection-canvas__controls button:hover{color:#1d4ed8;border-color:#2563eb}.projection-canvas__zoom{color:#475569;font-variant-numeric:tabular-nums;text-align:center;min-width:46px;font-size:12px;font-weight:700}.control-panel{background:#fff;border:1px solid #d6dde6;border-radius:6px;gap:18px;padding:16px;display:grid}.control-panel__words{gap:12px;display:grid}.field,.slider-field{gap:6px;display:grid}.field__label{color:#475569;font-size:13px;font-weight:700}.field__input{width:100%;min-height:38px;font:inherit;border:1px solid #cbd5e1;border-radius:4px;padding:7px 9px}.field__input:focus{outline-offset:1px;outline:2px solid #2563eb}.field__textarea{resize:vertical;line-height:1.45}.field--muted{opacity:.45}.field--muted .field__input{background:#f8fafc}.control-panel__button{color:#fff;min-height:38px;font:inherit;cursor:pointer;background:#2563eb;border:1px solid #1d4ed8;border-radius:4px;font-weight:700}.control-panel__button:hover{background:#1d4ed8}.control-panel__button--secondary{color:#1f2937;background:#fff;border-color:#cbd5e1}.control-panel__button--secondary:hover{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.control-panel__group{border:1px solid #e2e8f0;border-radius:6px;gap:12px;min-width:0;margin:0;padding:12px;display:grid}.control-panel__group legend{color:#334155;padding:0 4px;font-size:13px;font-weight:700}.slider-field__header{color:#475569;justify-content:space-between;gap:12px;font-size:13px;display:flex}.slider-field__value{font-variant-numeric:tabular-nums;font-weight:700}.slider-field__input{appearance:none;cursor:pointer;border-radius:999px;width:100%;height:6px}.slider-field__input--reversed{direction:rtl}.slider-field__input::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #2563eb;border-radius:999px;width:16px;height:16px}.slider-field__input::-moz-range-thumb{background:#fff;border:2px solid #2563eb;border-radius:999px;width:14px;height:14px}.check-field{color:#334155;align-items:flex-start;gap:8px;font-size:13px;font-weight:700;line-height:1.45;display:flex}.check-field input{flex:none;margin-top:2px}.mode-field{border:1px solid #cbd5e1;border-radius:4px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));display:grid;overflow:hidden}.mode-field--muted{opacity:.45}.mode-field__option{min-width:0}.mode-field__option input{opacity:0;pointer-events:none;position:absolute}.mode-field__option span{color:#475569;text-align:center;cursor:pointer;background:#fff;min-height:34px;padding:8px 10px;font-size:13px;font-weight:700;line-height:1.35;display:block}.mode-field__option+.mode-field__option span{border-left:1px solid #cbd5e1}.mode-field__option input:checked+span{color:#1d4ed8;background:#e0ecff}.mode-field__option input:focus-visible+span{outline-offset:-2px;outline:2px solid #2563eb}.warning-panel{gap:10px;display:grid}.warning-panel__group{background:#fff;border:1px solid;border-radius:6px;padding:12px}.warning-panel__group h2{margin:0 0 8px;font-size:14px}.warning-panel__group ul{margin:0;padding-left:18px}.warning-panel__group li{margin:4px 0;font-size:13px;line-height:1.5}.warning-panel__group--error{color:#7f1d1d;background:#fff7f7;border-color:#fecaca}.warning-panel__group--warning{color:#78350f;background:#fffbeb;border-color:#fde68a}.legend{background:#fff;border:1px solid #d6dde6;border-radius:6px;gap:12px;padding:14px;display:grid}.legend__section{gap:8px;display:grid}.legend h2{color:#334155;margin:0;font-size:14px}.legend__list{gap:7px;margin:0;display:grid}.legend__list div{gap:2px;display:grid}.legend__list dt{color:#64748b;font-size:12px;font-weight:700}.legend__list dd{color:#1f2937;margin:0;font-size:13px;line-height:1.45}.legend__items{color:#334155;gap:7px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.legend__items li{align-items:center;gap:8px;display:flex}.legend__sample{flex:none;width:22px;height:14px}.legend__sample--reference{background:#fff;border:2px solid #2563eb}.legend__sample--size{position:relative}.legend__sample--size:before,.legend__sample--size:after{color:#1f2937;content:"A";font-weight:700;line-height:1;position:absolute;bottom:0}.legend__sample--size:before{font-size:10px;left:0}.legend__sample--size:after{font-size:17px;right:0}.legend__sample--alpha{background:linear-gradient(90deg,#0206170f,#020617);border-radius:2px}.legend__sample--close-plane{background:#dc2626;border-radius:2px}.legend__count{color:#475569;margin:0;font-size:12px;line-height:1.45}.tooltip{z-index:2;color:#1f2937;pointer-events:none;background:#fffffff5;border:1px solid #cbd5e1;border-radius:6px;width:190px;max-width:calc(100% - 24px);padding:10px;position:absolute;box-shadow:0 10px 24px #0f172a24}.tooltip__word{margin-bottom:8px;font-size:15px;font-weight:700}.tooltip__details{gap:5px;margin:0;display:grid}.tooltip__details div{justify-content:space-between;gap:10px;display:flex}.tooltip__details dt{color:#64748b;font-size:12px}.tooltip__details dd{font-variant-numeric:tabular-nums;margin:0;font-size:12px;font-weight:700}@media (width<=840px){.app{padding:16px}.app__header{flex-direction:column;align-items:stretch}.app__current{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app__layout{grid-template-columns:1fr}.app__canvas-slot{height:min(72svh,520px);min-height:360px}}