*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f7f9fc;color:#1c2b3a;font:14px system-ui,-apple-system,Segoe UI,Arial,sans-serif}.app{width:100%;max-width:1700px;margin:0 auto;padding:12px 18px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.topbar h1{font-size:20px;margin:0 0 4px}.topbar h1 span{font-size:13px;color:#53738c}.topbar p{color:#607084;margin:0}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.actions label{display:flex;align-items:center;gap:6px}.actions button{padding:7px 11px;border:1px solid #9daebc;background:white;border-radius:6px;cursor:pointer}.editor-label{display:block;font-weight:650;margin:4px 0 7px}#area{display:block;width:100%;height:clamp(145px,27vh,290px);min-height:140px;resize:vertical;border:2px solid #aebccc;border-radius:8px;background:white;padding:10px 16px;font:clamp(23px,2.5vw,33px)/1.7 'V4UKIJ',serif;color:#102332}#area:focus{outline:2px solid #438bbb;outline-offset:1px}.v4-panel{margin-top:10px;padding:10px}.v4-key .uy{font-size:clamp(17px,2vw,26px)}.v4-key{min-height:clamp(42px,5.5vh,58px)}.note{color:#536779;font-size:12px;padding:3px 2px}.status{color:#246246;margin:4px 0}@media(max-width:740px){.app{padding:8px}.v4-panel{overflow:auto}.v4-layout{min-width:720px}}