:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;color:#172b33;background:#f3f7f8}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}main{max-width:1280px;margin:auto;padding:0 24px 48px}header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid #dbe6e8}header div{display:flex;gap:16px;align-items:baseline}header strong{font-size:25px;letter-spacing:.02em}header span,.muted,small{color:#667b82}nav{display:flex;gap:20px;align-items:center}a{color:#078a94;text-decoration:none}.intro{padding:14px 0;color:#4c626a}.layout{display:grid;grid-template-columns:310px 1fr;gap:24px}aside,article{background:#fff;border:1px solid #e0e9eb;border-radius:18px;padding:20px;box-shadow:0 4px 20px #1232}article h2{margin:0 0 8px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:22px}.tabs button{border:0;border-radius:8px;background:#eef4f5;padding:9px 0}.tabs .active{color:#fff;background:#078a94}.sidehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sidehead button,.actions button{border:1px solid #c9d9dc;background:#fff;border-radius:9px;padding:8px 14px}.volume{display:block;width:100%;text-align:left;border:1px solid transparent;background:#f5f9fa;border-radius:10px;padding:12px;margin:7px 0}.volume b,.volume small{display:block}.volume small{margin-top:4px}.volume.chosen{border-color:#078a94;background:#e7f5f5}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}label{display:block;font-weight:600;margin:14px 0}input:not([type=checkbox]),textarea{display:block;width:100%;padding:10px;border:1px solid #cbdadd;border-radius:8px;margin-top:7px}textarea{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;line-height:1.5;resize:vertical}.check{display:flex;align-items:center;gap:8px}.actions{display:flex;gap:10px}.actions .primary{background:#078a94;border-color:#078a94;color:#fff}.actions button:disabled{opacity:.45;cursor:not-allowed}.message{padding:10px 14px;border-radius:8px;background:#edf6f6}@media(max-width:760px){main{padding:0 14px 30px}.layout,.formgrid{grid-template-columns:1fr}header{gap:10px}header div{display:block}}