*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow:hidden}body{font:14px/1.5 system-ui,"Microsoft YaHei",sans-serif;color:#243047;background:#f4f6f9}[hidden]{display:none!important}button,input,a{font:inherit}button,a{min-height:44px;min-width:44px;touch-action:manipulation}button{border:0;border-radius:7px;background:#edf2fc;color:#315bd4;padding:8px 12px;cursor:pointer}button:disabled{opacity:.45}.panel{max-width:520px;margin:8vh auto;padding:20px;max-height:90dvh;overflow:auto}.panel h1{font-size:21px}.panel p{color:#67768a}.panel input{display:block;width:100%;height:44px;border:1px solid #c8d1e0;border-radius:6px;padding:8px;margin:8px 0 14px}.panel form button,#create,#save{background:#315bd4;color:white}#list button{display:block;width:100%;text-align:left;background:white;margin:12px 0;border:1px solid #dce3ee}#workspace{height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:5px;padding:env(safe-area-inset-top) 8px 0;background:#fff;border-bottom:1px solid #e0e5ec}.title{flex:1;min-width:0}.title strong,.title small{display:block}.title small{font-size:11px;color:#748095}#back{font-size:24px;background:transparent}.status{display:flex;justify-content:space-between;gap:8px;min-height:32px;padding:6px 12px;font-size:12px;background:#fff;color:#67768a}#result{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#version{white-space:nowrap}main{flex:1;min-height:0}iframe{border:0;display:block;width:100%;height:100%;background:white}#tools{position:fixed;z-index:10;left:0;right:0;bottom:0;padding:15px 15px calc(15px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -10px 30px #23304716;border-top:1px solid #dce3ed;max-height:50dvh;overflow:auto}#tools-close{float:right}#tools a{display:inline-flex;align-items:center;padding:8px;color:#315bd4}#tools p{font-size:12px;color:#6e7d91}body[data-state=error] #result{color:#a33a35}body[data-state=dirty] #result,body[data-state=offline] #result{color:#8a641d}@media(min-width:760px){#tools{left:auto;right:16px;bottom:16px;width:340px;border-radius:12px;border:1px solid #dce3ed}}