:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#192b46;background:#f3f6fa;font-synthesis:none;--blue:#086cff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0;border-radius:8px;padding:12px 18px;font-weight:600;transition:background .15s}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--blue);color:white}.primary:hover{background:#0054d5}.secondary{background:#eaf0f9;color:#234978}.danger{background:#fff0f0;color:#b8313b}a{color:#086cff;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;margin-bottom:0}h2{font-size:25px;letter-spacing:-.7px;margin-bottom:8px}h3{font-size:18px;letter-spacing:-.3px;margin-bottom:12px}.muted,.note{color:#687b93;line-height:1.6}.note{font-size:13px;margin:16px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#788ba5;margin-bottom:12px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:17px;letter-spacing:1px}.brand b{background:#086cff;color:white;font-size:27px;width:42px;height:42px;border-radius:8px;text-align:center;line-height:42px}.brand small{display:block;font-size:9px;font-weight:500;color:#98abc5;letter-spacing:2px;margin-top:5px}.brand span{font-size:11px;color:#7287a4}aside{background:#101e33;color:white;position:fixed;inset:0 auto 0 0;width:250px;padding:30px 20px;display:flex;flex-direction:column}.navlabel{font-size:10px;letter-spacing:1.8px;color:#7990ad;margin:52px 14px 18px}nav{display:grid;gap:7px}nav button{text-align:left;color:#a8bad0;background:transparent;font-size:14px;padding:15px 13px}nav button.active{background:#1b3556;color:#fff}nav button:hover{background:#203653}.asidebottom{margin-top:auto;display:grid;gap:16px;padding:20px 12px 0;font-size:12px}.asidebottom span{color:#82dbb6}.asidebottom small{color:#7087a4}.asidebottom button{background:#1e3049;color:#bed0e6}main{margin-left:250px;max-width:1700px;padding:35px 42px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.headeractions{display:flex;align-items:center;gap:20px}.headeractions span{font-size:12px;color:#788ba3}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.intro p{margin-bottom:0}.pill{padding:9px 12px;border:1px solid #dce4ee;border-radius:30px;font-size:10px;letter-spacing:.6px;color:#6e8198;white-space:nowrap}.previewcard,article{background:white;border:1px solid #e0e7ef;border-radius:12px;box-shadow:0 4px 18px #18396304}.previewcard{overflow:hidden;margin-bottom:24px}.cardhead{padding:17px 22px;display:flex;justify-content:space-between;font-size:13px}.cardhead span{color:#8a99ac;font-size:12px}.preview{aspect-ratio:16/9;background:#526379}.preview iframe{border:0;width:100%;height:100%;display:block}article{padding:25px;margin-bottom:22px}.grid{display:grid;gap:24px}.two{grid-template-columns:1fr 1fr}.grid article{margin-bottom:0}label{display:grid;gap:9px;font-size:13px;font-weight:600;margin:20px 0;color:#4d617b}input,textarea,select{width:100%;padding:12px 13px;border:1px solid #d8e1ed;background:#fbfcfe;border-radius:7px;color:#203650;font-size:14px}textarea{resize:vertical;line-height:1.6}input[type=color]{height:48px;max-width:170px;padding:5px}input[type=checkbox]{width:18px;height:18px;accent-color:#086cff}.check{display:flex;align-items:center;gap:12px}.toggle{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef2f7;margin:0;padding:13px 0;font-size:14px}.toggle input{width:36px;height:20px}.action{width:100%;text-align:left;margin-top:13px;color:#264665;background:#f0f5fc;padding:17px}.action span{float:right;font-size:12px;font-weight:400;color:#8194ac}.copyrow{display:flex;gap:10px}.copyrow input{font-family:monospace;font-size:12px}.narrow{max-width:680px}pre{padding:20px;background:#14243a;color:#d2e2f7;white-space:pre-wrap;word-break:break-all;line-height:1.7;border-radius:8px;font-size:12px}.scheduleRow{display:grid;grid-template-columns:130px 1fr 110px 110px 45px;gap:10px;align-items:end;border-bottom:1px solid #eee;padding-bottom:10px}.scheduleRow button{padding:12px}.scheduleRow label{margin:12px 0}footer{font-size:11px;color:#8a9ab0;margin-top:35px;display:flex;justify-content:space-between}.sourceStatus{font-size:12px;padding:12px;background:#f3f6fa;line-height:1.6;border-radius:7px}#notice{position:sticky;top:12px;z-index:5;background:#e1f5ec;border:1px solid #b4e2cf;color:#1e6b4e;padding:15px 20px;border-radius:8px;margin-bottom:20px}#notice.error{background:#fff0ec;color:#a32c23;border-color:#f0c6c0}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 15% 5%,#163d6d,transparent 60%),#101e33;padding:25px}.authbox{width:450px;max-width:100%;padding:42px;background:white;border-radius:16px;box-shadow:0 25px 100px #0004}.authbox .brand{margin-bottom:42px}.authbox h1{margin-bottom:12px}.authbox button{width:100%;margin:10px 0 18px}.authbox small{color:#96a4b7;font-size:11px}.authbox .eyebrow{margin-bottom:10px}#authError{color:#b33434;font-size:13px}[hidden]{display:none!important}@media(min-width:1500px){.previewcard{max-width:1100px}}@media(max-width:1100px){aside{width:210px;padding:25px 12px}main{margin-left:210px;padding:26px}.headeractions{gap:10px;flex-direction:column;align-items:end}.pill{display:none}.two{grid-template-columns:1fr}.scheduleRow{grid-template-columns:100px 1fr 90px 90px 40px}}@media(max-width:700px){aside{position:relative;width:100%;padding:18px}.brand small,.navlabel,.asidebottom small{display:none}nav{display:flex;overflow:auto;margin-top:18px;gap:5px}nav button{white-space:nowrap;font-size:12px}.asidebottom{margin:0;padding:14px 0 0;display:flex;justify-content:space-between;align-items:center}.asidebottom button{padding:8px 12px}main{margin:0;padding:22px 15px}header{align-items:start;margin-bottom:24px}h1{font-size:24px}.eyebrow{font-size:9px;letter-spacing:1px}.headeractions button{font-size:12px;padding:12px}h2{font-size:22px}.cardhead{padding:14px}.cardhead span{display:none}article{padding:20px}.scheduleRow{grid-template-columns:1fr 1fr}.scheduleRow label{margin:5px 0}.scheduleRow button{grid-column:2}.copyrow{flex-wrap:wrap}footer span{display:none}.authbox{padding:28px}}
