:root{font-family:Segoe UI,system-ui,sans-serif;color:#172b3a;background:#f5f7fa;font-size:14px}*{box-sizing:border-box}body{margin:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #dce3e9;border-radius:7px;background:white;color:#253d50;padding:8px 11px}button:hover{background:#edf3f8}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80c9ed;outline-offset:2px}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;background:white;border-bottom:1px solid #e0e7ed;flex-shrink:0}.brand{display:flex;align-items:center;gap:9px;min-width:0}.brand strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mark{background:#e0f3f2;color:#087f79;border-radius:7px;padding:5px 9px;font-size:20px}nav{display:flex;gap:5px;flex-shrink:0}main{position:relative;flex:1;min-height:0;overflow:hidden}#welcome{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;background:radial-gradient(ellipse at 90% 15%,#dff2ed,transparent 60%)}.welcome-icon{color:#087f79;font-size:38px}.eyebrow{font-size:10px;letter-spacing:2px;color:#087f79;font-weight:700}h1{font-size:clamp(24px,4vw,40px);letter-spacing:-1px;line-height:1.15;margin:10px 0}#welcome p:not(.eyebrow){color:#627484;line-height:1.6}.primary{background:#087f79;color:white;border-color:#087f79;padding:11px 18px;font-weight:600}.primary:hover{background:#05655f}iframe{position:absolute;inset:0;border:0;width:100%;height:100%;background:white;transform-origin:top left}aside{position:absolute;right:12px;top:66px;width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 100px);overflow:auto;background:white;border:1px solid #dce3e9;border-radius:12px;padding:20px;box-shadow:0 16px 60px #15394e30;z-index:3}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}h2{font-size:20px;margin:0}form{display:flex;flex-direction:column;gap:10px}label{font-weight:600;margin-top:6px}label span{color:#748491;font-weight:400}input,select{padding:10px;border:1px solid #cbd6df;border-radius:6px;width:100%;background:white}.help{font-size:12px;color:#607183;line-height:1.5}footer{padding:5px 12px;font-size:11px;color:#617587;background:white;border-top:1px solid #e0e7ed;flex-shrink:0}#save-error{color:#ac3030;font-size:12px;margin:0}#restore{position:fixed;right:8px;top:8px;z-index:4;opacity:.75}.focused footer,.focused header{display:none}.focused aside{top:48px}@media(max-width:620px){nav button span{display:none}#open{display:none}header{padding:6px}.brand strong{max-width:100px}}@media(max-height:350px){h1{font-size:24px}#welcome{padding:8px}.welcome-icon,.eyebrow{display:none}}