body{--red:#eb0028;--yellow:#febf00;--green:#26a65b;--blue:#2763ff;--white:#fff;--lightgrey:#b5b5b5;--mediumgrey:#707070;--darkgrey:#252323;--black:#000;--white04:#ffffff0a;--white08:#ffffff14;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--black);color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:700;margin:0}#root,body{position:relative}#root{align-items:center;display:flex;flex-direction:column;gap:24px;height:100vh;justify-content:flex-start;margin:auto;max-height:100%;max-width:1200px;padding:32px 64px;width:100vw}@supports (-webkit-touch-callout:none){#root{height:-webkit-fill-available}}@media only screen and (max-width:1000px){#root{padding:24px 48px}}@media only screen and (max-width:600px){#root{padding:16px}}*{font-feature-settings:"tnum";box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-variant-numeric:tabular-nums}p{color:var(--white);font-size:16px}aside,p{font-weight:400;line-height:1.6;margin:0}aside{color:var(--lightgrey);font-size:12px}a,button{color:var(--white)}button{background:none;border:1px solid var(--lightgrey);border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.2px;padding:12px 32px;text-transform:uppercase}button:disabled{cursor:not-allowed;opacity:20%}button.loading{cursor:wait;opacity:50%}.red{color:var(--red)}header{align-items:center;background:var(--white04);border:1px solid var(--white08);border-radius:16px;display:flex;gap:8px;justify-content:flex-start;opacity:1;padding:16px;transition:all .2s ease;width:100%}header.hidden{height:0;opacity:0;padding:0 16px}header #logo{height:48px}header h1{font-size:18px;margin:0}#header-buttons{gap:8px}#header-buttons,#header-buttons button{align-items:center;display:flex;justify-content:center;margin-left:auto}#header-buttons button{background:none;border:1px solid var(--white08);border-radius:50%;cursor:pointer;height:32px;outline:none;padding:8px;transition:all .2s ease;width:32px}#header-buttons button:focus,#header-buttons button:hover{background:var(--white08)}#header-buttons button img{width:100%}#modal-wrapper{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:16px;position:fixed;top:0;transition:all .2s ease;width:100%;z-index:10}#modal-wrapper.hidden{opacity:0;pointer-events:none}#modal{align-items:flex-start;background:var(--darkgrey);border-radius:16px;display:flex;flex-direction:column;justify-content:flex-start;max-height:100%;max-width:600px;overflow:hidden;position:relative;width:100%;z-index:12}#modal:before{background:linear-gradient(to top,#0000,var(--darkgrey));top:0}#modal:after,#modal:before{content:"";height:16px;left:0;position:absolute;width:100%}#modal:after{background:linear-gradient(to bottom,#0000,var(--darkgrey));bottom:0}#modal-content{overflow-y:auto;padding:16px 32px;width:100%}#modal-header{align-items:center;display:flex;flex-shrink:0;gap:16px;justify-content:flex-start;margin-bottom:24px;overflow-y:auto;width:100%}#modal-header h2{margin:0}#modal h4{font-size:20px;font-weight:700;margin:24px 0 12px}#modal p{font-size:16px;font-weight:400;line-height:1.6;margin-top:0}#modal a{color:var(--white)}main{display:flex;flex-direction:column;gap:24px;width:100%}main#login{background:var(--white04);border:1px solid var(--white08);border-radius:16px;padding:16px}main h2{font-size:48px;font-weight:200;margin:0}main h2 .red{color:var(--red);font-weight:900}.input-wrapper{display:flex;flex-direction:column;gap:8px;padding:8px 0}.input-wrapper label{color:var(--lightgrey);font-size:12px;font-weight:700;letter-spacing:.2px;text-transform:uppercase}input{background:var(--white04);border:1px solid var(--white04);border-radius:8px;color:var(--white);font-size:16px;outline:none;padding:12px;transition:all .2s ease;width:100%}input::placeholder{color:var(--mediumgrey)}input:focus{border:1px solid var(--blue)}#dashboard{align-items:stretch;display:flex;flex-direction:row;flex-grow:1;height:100%;justify-content:space-between;min-height:0;width:100%}#dashboard h3{color:var(--lightgrey);font-size:14px;font-weight:800;letter-spacing:.2px;margin:0;text-transform:uppercase;width:100%}@media only screen and (max-width:1000px){#dashboard{flex-direction:column}}#dashboard-message-input-panel,#dashboard-stage-preview-panel{align-items:flex-start;background:var(--white04);border:1px solid var(--white08);border-radius:8px;display:flex;flex-direction:column;flex-grow:1;gap:16px;justify-content:flex-start;min-height:0;min-width:0;padding:16px;width:100%}#dashboard-stage-preview-panel{align-items:center;justify-content:space-between}#dashboard-panel-header{align-items:flex-start;display:flex;justify-content:space-between;width:100%}textarea{background:none;border:none;color:var(--white);font-size:6vw;font-weight:700;height:100%;outline:none;padding:4px 0;resize:none;transition:all .2s ease;width:100%}textarea::placeholder{color:var(--mediumgrey)}#control-buttons{display:flex;gap:12px;justify-content:space-around;margin-top:auto;width:100%}#control-buttons button{align-items:center;border:none;color:var(--white);display:flex;flex:1 1 100%;gap:8px;justify-content:center;padding:12px;transition:opacity .2s ease}#control-buttons button img{width:20px}#control-buttons #clear-button{background:var(--red)}#control-buttons #flash-button{background:var(--white);color:var(--black)}#control-buttons #send-button{background:var(--blue)}#stage-preview{font-size:6vw;font-weight:700;height:100%;line-height:1.2;min-height:0;overflow:hidden;overflow-wrap:anywhere;width:100%}#maximize-button{align-items:center;background:none;border:1px solid var(--white04);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;opacity:1;padding:8px;transition:all .2s ease;width:32px}#maximize-button:hover{background:var(--white04)}#minimize-button{align-items:center;background:none;border:none;color:var(--white);display:flex;font-size:14px;font-weight:400;gap:8px;justify-content:center;opacity:1;padding:0;text-decoration:underline;text-transform:none;transition:all .2s ease}#maximize-button img,#minimize-button img{width:16px}#minimize-button.hidden{height:0;opacity:0}#stage{align-items:center;border-radius:16px;display:flex;font-size:12vw;font-weight:700;height:100vh;justify-content:center;line-height:1;line-height:1.2;min-height:0;min-width:0;overflow:hidden;overflow-wrap:anywhere;text-align:center;width:100%}.flashing{animation:flash 1s 3 forwards}#loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}#loading img{animation:spin 3s infinite forwards;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes flash{50%{background:var(--white);color:var(--black)}}
/*# sourceMappingURL=main.246ec48f.css.map*/