:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef7f7;background:#101a29;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:flex;flex-direction:column}header{height:76px;padding:13px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;background:#142235}header>div{display:flex;flex-direction:column;gap:0}.logo{font-size:30px;letter-spacing:-1.3px;line-height:1.15}.logo span{color:#6bd8c1}small{color:#a3bcbf;font-size:11px}.version{font-size:12px;background:#ffffff13;border:1px solid #ffffff24;border-radius:50px;padding:8px 12px;color:#c8e0e2}.viewer{position:relative;flex:1;min-height:620px}.viewer>div:first-child{position:absolute!important;top:0;right:0;bottom:0;left:0}.floating{position:absolute;pointer-events:none}.top{top:21px;left:25px;font-size:11px;letter-spacing:1.2px;color:#bfd6d9;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:100%;background:#69d9b9;box-shadow:0 0 10px #69d9b9}.panel{position:absolute;top:60px;right:24px;width:310px;border:1px solid #ffffff27;background:#16283de8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:22px;box-shadow:0 15px 40px #0005}.panel h1{font-size:21px;line-height:1.2;margin:0 0 10px}.panel p{font-size:13px;line-height:1.6;color:#bbd0d8;margin:0}.actions{display:flex;flex-direction:column;align-items:start;gap:14px;margin:20px 0}.actions button{background:#69d7bc;border:none;color:#102b32;font-weight:750;padding:10px 14px;border-radius:10px;cursor:pointer}.actions label{font-size:13px;color:#d4e8e7;display:flex;align-items:center;gap:8px}.actions input{accent-color:#6ad7c1}.detail{border-top:1px solid #ffffff26;padding-top:19px;min-height:130px}.detail span{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#6bd8c1}.detail h2{font-size:17px;margin:9px 0 8px}.help{position:absolute;bottom:23px;left:50%;transform:translate(-50%);background:#102234c9;border:1px solid #ffffff30;border-radius:30px;font-size:11px;color:#d2e9e9;padding:11px 18px;white-space:nowrap;pointer-events:none}footer{padding:11px 25px;color:#8da7ae;font-size:11px;background:#142235;border-top:1px solid #ffffff12;text-align:center}@media(max-width:720px){header{padding:12px 17px;height:66px}.logo{font-size:25px}.version{font-size:10px;padding:6px}.viewer{min-height:760px}.panel{top:auto;bottom:65px;left:12px;right:12px;width:auto;padding:15px}.panel h1{font-size:17px}.panel p{font-size:12px}.actions{margin:10px 0;flex-direction:row;align-items:center;flex-wrap:wrap}.detail{padding-top:10px;min-height:80px}.help{font-size:10px;bottom:14px;width:max-content;max-width:96%;white-space:normal;text-align:center}.top{left:15px;top:15px;font-size:9px}footer{font-size:10px}}.structure-list{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px}.structure-list button{border:1px solid #ffffff25;background:#ffffff0b;color:#d3e4e9;border-radius:8px;padding:6px 9px;font-size:11px;cursor:pointer}.structure-list button:hover{background:#ffffff20}.structure-list button.active{border-color:#79dbc5;background:#64d6bb28;color:#a9f5e0}.panel{width:340px;max-height:calc(100% - 95px);overflow-y:auto}@media(max-width:720px){.panel{max-height:340px}.structure-list{gap:5px}.structure-list button{padding:5px 7px}}