:root{color:#18212f;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #cfd7e6;background:#fff;color:#18212f;border-radius:6px;padding:8px 14px;cursor:pointer}button:disabled,.upload-button.disabled{cursor:not-allowed;opacity:.45}button.primary{background:#1264d8;border-color:#1264d8;color:#fff}button.ghost{background:transparent}.app-shell{min-height:100vh;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.topbar h1{margin:0;font-size:24px;line-height:1.3}.topbar p{margin:6px 0 0;color:#647086}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px}.list-panel,.editor-panel{background:#fff;border:1px solid #dfe5ef;border-radius:8px;box-shadow:0 8px 26px #1d2d4a0f}.list-panel{padding:14px;height:calc(100vh - 116px);overflow:auto}.editor-panel{padding:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-weight:700}.public-key,.hint{color:#66758f;font-size:12px;font-weight:400}.config-row{width:100%;display:grid;gap:4px;text-align:left;border-radius:6px;margin-bottom:10px;padding:12px}.config-row.active{border-color:#1264d8;background:#eef5ff}.config-row span,.config-row small,.empty{color:#66758f}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:6px;color:#445069;font-size:13px}input,select,textarea{width:100%;border:1px solid #cfd7e6;border-radius:6px;background:#fff;color:#18212f;padding:9px 10px}textarea{min-height:150px;resize:vertical;font-family:Consolas,Courier New,monospace;font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.upload-button{display:inline-flex;align-items:center;border:1px solid #cfd7e6;background:#fff;color:#18212f;border-radius:6px;padding:8px 14px;cursor:pointer}.upload-button input{display:none}.html-box,.preview-box{margin-top:18px}.preview-frame{min-height:260px;border:1px dashed #cfd7e6;border-radius:8px;padding:14px;overflow:auto;background:#fafcff}.preview-frame img{max-width:100%}.placeholder{color:#8b97aa}.toast{position:fixed;top:18px;right:18px;z-index:20;background:#18212f;color:#fff;padding:10px 14px;border-radius:6px;box-shadow:0 8px 26px #1d2d4a2e}@media(max-width:920px){.workspace{grid-template-columns:1fr}.list-panel{height:auto}.form-grid{grid-template-columns:1fr}}