body.ticker-workspace{background:#100e1c;color:#eceaf2;font-family:Arial,sans-serif}.ticker-app{min-height:100vh}.ticker-topbar{height:70px;background:#231d34;border-bottom:1px solid #3c334b;display:flex;align-items:center;padding:0 17px;gap:20px}.metric-brand{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}.metric-brand>b{font-size:36px;font-weight:900;color:#f7b333;letter-spacing:-4px}.metric-brand>b span{color:#ed6743}.metric-brand>span{font-size:13px;line-height:1.2}.metric-brand strong{display:block;font-size:10px;letter-spacing:2px;font-weight:400;color:#c2b9d2}.ticker-name{font-size:15px;border-left:1px solid #51465e;padding-left:20px;white-space:nowrap}.ticker-top-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.ticker-top-actions button,.ticker-preview-toggle button,.ticker-tabs button,.customize-heading button{background:#332b45;border:1px solid #4a3e5c;border-radius:22px;font-size:12px;color:#eee9f6;padding:10px 15px}.ticker-top-actions .copy-output-button{background:#45354f;border-color:#9c6d32;color:#fff4dd}.ticker-preview-area{height:calc(100vh * .56);min-height:210px;max-height:520px;display:flex;justify-content:center;background:#100e1b}.ticker-preview{height:100%;aspect-ratio:16/9;max-width:100%;background:black;position:relative;overflow:hidden}.ticker-preview-area.is-hidden{display:none}.ticker-preview-toggle{height:30px;display:flex;align-items:center;justify-content:space-between;background:#181323;border-bottom:1px solid #3f354e;padding:0 16px}.ticker-preview-toggle button{padding:3px 10px;font-size:10px;border:0;background:transparent;color:#bfb6ce}.ticker-preview-toggle .connection{position:static;background:transparent;color:#9dbe9d;font-size:10px;padding:0}.ticker-preview-toggle .connection.error{color:#ff9a9a}.ticker-tabs{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#272037;border-bottom:1px solid #372d47}.ticker-tabs>div{display:flex;height:100%;gap:12px}.ticker-tabs button[role=tab]{border:0;border-bottom:2px solid transparent;background:transparent;border-radius:0;min-width:110px;color:#aaa0b9}.ticker-tabs button[aria-selected=true]{border-bottom-color:#f0b64a;color:white}.ticker-tabs>button{width:36px;height:36px;padding:0;font-size:24px;background:#3a304e;border:0}.ticker-tabs button:disabled{opacity:.3;cursor:default}.ticker-content{max-width:720px;margin:auto;padding:32px 24px 65px}.ticker-content section[hidden]{display:none}.ticker-switch-row{display:flex;align-items:center;justify-content:space-between;margin:2px 0 30px;font-size:14px}.ticker-switch{background:#484352;border:0;border-radius:20px;padding:7px 17px 7px 34px;position:relative;font-size:11px;min-width:78px}.ticker-switch:before{content:'';width:19px;height:19px;position:absolute;top:5px;left:6px;border-radius:50%;background:#aaa3b7}.ticker-switch.on{background:#7b3db4;color:white}.ticker-switch.on:before{background:white}.ticker-messages-heading{font-size:14px;margin:0 0 16px;color:#e3ddec}.ticker-workspace .messagebox{border:1px solid #453b53;border-radius:5px;background:#1c1728;display:flex;align-items:stretch;margin:12px 0;padding:8px;gap:10px}.ticker-workspace .messagebox>.row{flex:0 0 67px;display:grid;grid-template-columns:1fr 1fr;gap:3px;align-content:start}.ticker-workspace .messagebox label{grid-column:1/3;font-size:9px;color:#a69ab5}.ticker-workspace .messagebox button{background:transparent;border:0;padding:3px;color:#b9accb;font-size:13px}.ticker-workspace .messagebox textarea{border:1px solid #473c54;background:#110e1b;min-height:65px;color:#e8e1ef;padding:10px;font-size:13px;resize:vertical}.ticker-workspace #addmessage{background:#35283f;border:1px solid #705181;border-radius:5px;min-width:90px;float:right;font-size:12px}.customize-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.customize-heading h2{font-size:18px;margin:0;font-weight:400}.customize-heading button{font-size:10px;padding:7px 12px}.ticker-section{background:#1c1729;border:1px solid #483454;border-radius:6px;margin-bottom:16px;overflow:hidden}.ticker-section summary{cursor:pointer;list-style:none;padding:20px;background:#261d35;border-bottom:1px solid #3a2d48;font-size:14px}.ticker-section summary:after{content:'⌃';float:right;margin-left:20px}.ticker-section:not([open]) summary:after{content:'⌄'}.ticker-section summary span{float:right;font-size:12px;color:#cfb4e8;border:1px solid #634274;background:#352143;padding:5px 14px;margin-top:-5px;border-radius:5px}.ticker-section>div{padding:10px 20px 20px}.ticker-section label{margin:16px 0;color:#d1c7df;font-size:13px}.ticker-section input,.ticker-section select{background:#120e1c;border-color:#45354f;color:#e8e2f1;font-size:13px}.ticker-section input[type=color]{height:40px}.ticker-section input[type=range]{accent-color:#a464cb;padding:0}.ticker-section .swatches{padding-top:10px}.ticker-section .swatch{width:26px;height:26px}.ticker-section .actions button{background:#32253d;border-color:#634574}.ticker-workspace dialog{background:#251c33;border-color:#684878;line-height:1.7}.ticker-workspace dialog h2{font-size:18px}.ticker-workspace dialog form{text-align:right;margin-top:20px}.ticker-workspace .toast{background:#3d2e4f;color:#f6eaff;border:1px solid #a274be}.ticker-content #message-slot .help a{color:#e4b6ff}@media(max-width:720px){.ticker-topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:10px 12px;gap:10px}.metric-brand>span{display:none}.ticker-name{padding-left:10px}.ticker-top-actions{gap:5px;flex-wrap:wrap}.ticker-top-actions button{font-size:10px;padding:8px 10px}.ticker-top-actions #back{display:none}.ticker-preview-area{height:auto;min-height:0;aspect-ratio:16/9}.ticker-preview{width:100%;height:100%}.ticker-content{padding:22px 15px 60px}.ticker-preview-toggle .connection{max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-workspace .messagebox{gap:6px;padding:7px}.ticker-workspace .messagebox>.row{flex-basis:48px}.ticker-tabs button[role=tab]{min-width:90px}}
.ticker-app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.ticker-topbar{flex:0 0 auto}.ticker-preview-area{flex:0 0 auto;height:min(56dvh,520px)}.ticker-preview-toggle{flex:0 0 30px}.ticker-tabs{flex:0 0 50px}.ticker-content{flex:1;min-height:0;overflow:auto;width:100%;max-width:none;margin:0;padding:32px 24px 65px}.ticker-content>section{max-width:720px;margin:0 auto}@media(max-width:720px){.ticker-preview-area{height:auto;flex:none;aspect-ratio:16/9}.ticker-content{padding:22px 15px 60px}}