:root{font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;color:#322d43;background:#fbf8f5;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:244px;background:#fff;border-right:1px solid #ece4ee;padding:36px 24px;position:fixed;height:100vh;display:flex;flex-direction:column}.brand{font-size:28px;font-weight:800;color:#7554de}.brand span{font-size:12px;display:block;color:#918596;letter-spacing:4px;margin-top:8px}nav{display:grid;gap:10px;margin-top:56px}nav button{background:transparent;color:#75677d;text-align:left;padding:15px}nav button.active{background:#f1eafa;color:#6744cc}.aside-bottom{margin-top:auto;display:grid;gap:16px;color:#75677d;font-size:12px}main{margin-left:244px;padding:48px;max-width:1500px;width:calc(100% - 244px)}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{color:#918596;font-size:11px;letter-spacing:3px}h1{font-size:30px;margin:12px 0}h2{font-size:21px;margin:0 0 16px}h3{font-size:16px}p{color:#75677d;line-height:1.8}button{background:#7554de;color:white;border:0;border-radius:10px;padding:12px 20px;font:inherit;cursor:pointer}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#f3edf7;color:#6744cc}.danger{background:#fff0f2;color:#b83250}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #be9fee;outline-offset:2px}section,.panel{background:#fff;border:1px solid #ece4ee;border-radius:20px;padding:28px;margin-bottom:24px}#login{max-width:520px}label{display:block;margin:18px 0;font-size:13px;color:#75677d}input,select,textarea{display:block;width:100%;border:1px solid #e1d8e6;border-radius:9px;padding:13px;margin-top:8px;font:inherit;color:#322d43;background:#fdfcfe}textarea{min-height:300px;line-height:1.6;font-family:ui-monospace,monospace}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px 12px;border-bottom:1px solid #eee7f0;vertical-align:top;font-size:13px}th{color:#918596;font-weight:500}tr:last-child td{border:0}td button{font-size:12px;padding:7px 12px;margin:3px}.badge{display:inline-block;font-size:11px;padding:5px 10px;border-radius:20px;background:#f3edf7;color:#7554de}.published{background:#e5f3ea;color:#39784b}.retired{background:#eee;color:#777}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.toolbar input{max-width:300px;margin:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}pre{white-space:pre-wrap;word-break:break-word;line-height:1.7;font-size:12px;background:#faf7fc;padding:16px;border-radius:10px;max-height:500px;overflow:auto}dialog{border:1px solid #e8dfee;border-radius:20px;width:900px;max-width:94vw;max-height:90vh;padding:28px}dialog::backdrop{background:#24163566}.close{float:right;background:#f3edf7;color:#7554de}.question{padding:18px 0;border-bottom:1px solid #ece4ee}.question p{margin:6px 0}.question img{width:130px;height:100px;object-fit:contain}.message{padding:15px 18px;margin-bottom:20px;border-radius:12px;background:#f1eafa;color:#6744cc}.error{background:#fff0f2;color:#a92846}small{color:#918596}#workspace[hidden],#login[hidden]{display:none}@media(max-width:800px){aside{position:static;width:100%;height:auto;padding:20px}body{display:block}nav{margin-top:20px;display:flex;flex-wrap:wrap;gap:6px}nav button{padding:8px}.aside-bottom{margin-top:18px;display:flex;justify-content:space-between;align-items:center}main{margin:0;width:100%;padding:24px 16px}.grid{grid-template-columns:1fr}section{padding:16px}table{display:block;overflow:auto}}