:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#203039;background:#f4f6f6;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:1320px;margin:auto;padding:44px 28px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;border-top:5px solid #e91663;padding-top:25px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;color:#606f76}h1{font-size:40px;letter-spacing:-.04em;margin:8px 0}h2{font-size:22px;margin:0 0 8px}h3{font-size:17px;margin:0}p{margin:5px 0 15px;color:#54626b}section{background:white;border:1px solid #dde3e6;border-radius:12px;padding:26px;margin:20px 0;box-shadow:0 2px 4px #20303904}.badge{display:inline-block;font-size:11px;letter-spacing:.02em;font-weight:600;background:#edf1f3;color:#4b606c;padding:5px 9px;border-radius:100px;vertical-align:middle}button{cursor:pointer;background:#163c3f;color:white;border:1px solid #163c3f;border-radius:7px;padding:11px 16px;font:inherit;font-size:14px;font-weight:600}button:hover{background:#25565a}button:disabled{opacity:.48;cursor:not-allowed}.secondary{background:white;color:#30464d;border-color:#c8d3d8}.secondary:hover{background:#edf2f3}.danger{color:#8d2634;border-color:#d9aeb4}.danger:hover{background:#fff0f1}article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-top:1px solid #e8ecee}article p{margin:6px 0;font-size:14px}.small,small{font-size:12px;color:#667b84}.actions,.toolbar,.viewer-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar{justify-content:flex-end}.toolbar>span{margin-right:auto;font-size:14px}.message{padding:14px 18px;border-radius:8px;background:#e5f3ef;border:1px solid #c3dfd6;margin:12px 0}.error{background:#fff0f1;border-color:#ecc4c7;color:#8d2634}.empty{padding:20px 0}.viewer-panel{padding:18px}.viewer-heading{padding:6px 6px 18px}.viewer-heading>div{flex:1 1}.viewer-heading p{font-size:13px;margin:0}.live-view{aspect-ratio:1440/900;position:relative;width:100%;overflow:hidden;background:#17252e;border-radius:6px}form{border-top:1px solid #e8ecee;padding-top:24px;margin-top:12px}label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}.form-row{display:flex;gap:10px}input{font:inherit;flex:1 1;min-width:0;border:1px solid #bdcbd1;border-radius:7px;padding:12px}form .small{margin-top:9px}footer{text-align:center;color:#718087;font-size:12px;padding-top:12px}@media(max-width:700px){main{padding:20px 14px}h1{font-size:32px}section{padding:18px}article{align-items:flex-start}.form-row,.viewer-heading,article{flex-direction:column}.viewer-heading{align-items:flex-start}}