:root{font-family:Inter,ui-sans-serif,system-ui,"Microsoft YaHei",sans-serif;color:#eaf7f8;background:#06101a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 78% 10%,#0d4a4d55,transparent 30%),#06101a}main{max-width:1120px;margin:auto;padding:32px 28px 80px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #254552;padding-bottom:24px;color:#91adba;font-size:13px}.brand{display:flex;align-items:center;gap:10px;color:#eefbfc;font-size:20px;letter-spacing:.1em}.brand>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#74ecd1,#398ee0);color:#06202a;font-weight:900}.brand b,.eyebrow{color:#6ff0ca}.intro{padding:70px 0 44px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;margin:0}.intro h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.06em;line-height:1.02;margin:15px 0 20px}.intro>p:last-child{max-width:650px;color:#97adb8;line-height:1.7}.panel{border:1px solid #284d5c;border-radius:18px;background:#0a1d29d9;box-shadow:0 22px 70px #0003}.credentials{display:flex;gap:14px;align-items:end;padding:22px}.credentials label{flex:1}.credentials button{height:44px}label{display:flex;flex-direction:column;gap:8px;color:#b9d0d7;font-size:13px;font-weight:700}input,textarea{width:100%;border:1px solid #315765;background:#06141e;color:#ecfbfc;border-radius:9px;padding:12px;font:inherit;outline:none}input:focus,textarea:focus{border-color:#6eeecb;box-shadow:0 0 0 3px #53e4bd19}button{border:0;border-radius:9px;background:#70ecc9;color:#06201c;font:inherit;font-weight:800;padding:12px 17px;cursor:pointer}button.secondary{background:transparent;border:1px solid #3a6c6d;color:#9cebd8}.layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.upload,.preview,.history{padding:26px}.panel h2{margin:8px 0 21px;font-size:24px}.file-picker{width:max-content;color:#94ead4;border:1px dashed #3f8d7c;border-radius:9px;padding:10px 13px;cursor:pointer}.file-picker input{display:none}.or{font-size:12px;color:#75909c;margin:18px 0 8px}textarea{height:270px;resize:vertical;font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.5}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:13px}.message{min-height:20px;color:#96b3bd;font-size:13px}.message.error{color:#ff93a8}.message.success{color:#75edcc}.preview{min-height:370px;color:#aac0c8}.snapshot-summary{display:grid;gap:15px}.snapshot-summary div{border-top:1px solid #244654;padding-top:12px}.snapshot-summary b{display:block;color:#effdff;margin-bottom:5px}.snapshot-summary span{font-size:13px;color:#9cb6c0}.history{margin-top:18px}.history-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #284c5a;padding-bottom:17px}.history-heading h2{margin-bottom:0}.history-heading>span{color:#88a3af;font-size:12px}.snapshot-list{display:grid}.snapshot{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #1d3c49}.snapshot:last-child{border:0}.snapshot b,.snapshot span{display:block}.snapshot .id{font-size:14px;color:#e7fbfd}.snapshot .meta{font-size:12px;color:#829ea9;margin-top:5px}.state{font-size:12px;padding:6px 9px;border-radius:99px;background:#183746;color:#c0d9df}.state.published{background:#0d4136;color:#78ebc9}.publish{font-size:12px;padding:9px 12px}.publish:disabled{opacity:.4;cursor:default}.notification-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid #214653}.notification-history-item:last-child{border-bottom:0}.notification-history-main{min-width:0;display:grid;gap:6px}.notification-history-main b{color:#effdff;font-size:15px;overflow-wrap:anywhere}.notification-history-main span{color:#72ecca;font-size:12px}.notification-history-main small{color:#91aab4;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.notification-history-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.notification-history-actions time{color:#78919d;font-size:11px;white-space:nowrap}.notification-history-actions .secondary{white-space:nowrap}@media(max-width:720px){main{padding:22px 16px 50px}header{align-items:flex-start;gap:18px;flex-direction:column}.intro{padding:46px 0 30px}.credentials,.layout{display:flex;flex-direction:column;align-items:stretch}.snapshot{grid-template-columns:1fr auto}.snapshot .publish{grid-column:1/-1;width:100%}.notification-history-item{grid-template-columns:1fr}.notification-history-actions{justify-content:space-between}}