@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#e8ebe8;background:#141b19;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#27302c;border:1px solid #3b453f;border-radius:7px;padding:10px 14px}button:hover{background:#3a473f;border-color:#90a18b}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e3ed9e;outline-offset:3px}header{height:94px;border-bottom:1px solid #303a34;display:flex;align-items:center;padding:0 32px;gap:12px}.brand{font-family:Manrope,sans-serif;text-decoration:none;color:#eef1e8;font-size:21px;font-weight:800;letter-spacing:2px;position:relative;padding-left:39px;min-width:230px}.brand>span{position:absolute;left:0;color:#d9eaa3;font-size:34px;top:-4px}.brand small{display:block;font-size:8px;color:#97a299;letter-spacing:2px;margin-top:3px}.title{flex:1;margin-left:30px}.title input{display:block;background:none;border:0;color:#edf1e8;font-family:Manrope;font-size:17px;font-weight:700;width:100%;max-width:440px}.title>span{display:block;font-size:10px;color:#8f9d91;margin-top:6px}main{display:grid;grid-template-columns:258px minmax(0,1fr)}aside{padding:30px 23px;border-right:1px solid #303a34}.eyebrow{font-size:9px;letter-spacing:2px;color:#b9c896;font-weight:700}h2{font-family:Manrope;font-size:22px;letter-spacing:-.7px;margin:10px 0}.muted{font-size:11px;color:#8f9c93;line-height:1.6}section{border-top:1px solid #303a34;padding:19px 0 14px;margin-top:24px}h3{font-size:10px;color:#82917e;font-weight:400;margin:0 0 17px;display:flex;gap:10px}h3 span{color:#ced6cc;font-size:12px;font-weight:600}.team{display:flex;align-items:center;background:#202923;border:1px solid #354037;border-radius:7px;margin-bottom:9px;padding:5px 6px;gap:7px}.team input:not([type=color]){min-width:0;width:115px;background:none;color:#e6ece4;border:0;font-size:12px}.team button{padding:1px 8px;font-size:20px;background:none;border:0}input[type=color]{width:26px;height:26px;border:0;padding:0;background:none;cursor:pointer}.wide{width:100%;margin-top:6px;font-size:11px}.hint{font-size:10px;line-height:1.7;color:#85958a;margin-top:11px}.tools{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.tools button{padding:10px 5px;font-size:11px;text-align:left}.tools button span{display:inline-block;width:23px;text-align:center;font-size:16px;margin-right:4px}.tools button.active{color:#e3edaf;background:#3a4430;border-color:#98a56a}.colour{display:flex;justify-content:space-between;align-items:center;margin:16px 0;color:#aebbad;font-size:11px}.colour input[type=range]{width:85px;accent-color:#d6e6a0}.bottom{display:flex;flex-wrap:wrap;gap:6px}.bottom>button:not(.wide){flex:1;font-size:11px}.danger{color:#b3b8af;background:transparent}.workspace{padding:25px 32px 30px;max-width:1600px;width:100%;margin:auto}.board-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:10px;letter-spacing:1.3px;color:#a9b8aa}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#cde397;margin-right:7px}.tag{margin-left:13px;background:#27322b;padding:5px 8px;border-radius:4px;font-size:9px;letter-spacing:0;color:#91a38e}#count{letter-spacing:0;color:#829380}.pitch-wrap{border:1px solid #526e57;padding:12px;background:#254735;border-radius:9px;box-shadow:0 12px 35px #0003}#pitch{display:block;width:100%;max-height:66vh;touch-action:none;user-select:none;border-radius:3px}.player{cursor:grab}.player:active{cursor:grabbing}.selected circle,.selected rect,.selected polygon,.selected ellipse{stroke:#fff!important;stroke-width:3!important;stroke-dasharray:4 3}.board-foot{display:flex;justify-content:space-between;color:#819383;font-size:10px;padding:13px 0 24px}.timeline{border:1px solid #354137;border-radius:9px;background:#1c2520;padding:20px}.timeline-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.timeline h2{font-size:18px;margin:5px 0 18px}.playback{display:flex;align-items:center;gap:12px;font-size:10px;color:#aebda9}.playback select{background:#263328;color:#e0e7db;border:1px solid #43503d;border-radius:5px;padding:6px}.primary{background:#d8e9a6;color:#263323;border-color:#d8e9a6;font-weight:700}.primary:hover{background:#edf7cb}.slides{display:flex;gap:10px;overflow-x:auto;padding:3px 0 12px;min-height:88px}.slide{min-width:133px;width:133px;position:relative;padding:5px;background:#273b2e;border-color:#486144}.slide.active{border:2px solid #dbeaa6}.slide svg{width:100%;height:65px;display:block}.slide b{font-size:9px;position:absolute;bottom:6px;left:8px;background:#15271ddb;padding:2px 5px;border-radius:3px}.add-slide{min-width:133px;border:1px dashed #64705a;background:transparent;color:#c3d19f;font-size:11px}.add-slide strong{display:block;font-size:23px;font-weight:400}.timeline-bottom{display:flex;gap:8px;align-items:center;border-top:1px solid #354137;padding-top:12px;font-size:10px;color:#84977f}.timeline-bottom span{flex:1}.timeline-bottom button{font-size:10px;padding:6px 8px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#dfedb5;color:#243120;padding:12px 22px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s}@media(min-width:1500px){.workspace{padding-left:55px;padding-right:55px}}@media(max-width:950px){header{padding:15px;height:auto;flex-wrap:wrap}.brand{min-width:190px}.title{margin:0}.title input{font-size:13px}main{grid-template-columns:205px 1fr}aside{padding:22px 12px}.workspace{padding:22px 15px}.timeline-head{align-items:flex-start;flex-direction:column}.board-foot>span:last-child{display:none}.timeline-bottom{flex-wrap:wrap}.timeline-bottom span{flex-basis:100%}}@media(max-width:640px){main{display:flex;flex-direction:column}.brand{flex:1}.title{order:3;width:100%}header button{font-size:10px;padding:8px}aside{display:flex;flex-wrap:wrap;gap:10px;padding:15px;border-right:0;border-bottom:1px solid #354137}aside>h2,aside>.muted,aside>.eyebrow,.hint{display:none}section{margin:0;border:0;padding:0;flex:1;min-width:140px}section h3{margin-bottom:8px}.tools{grid-template-columns:repeat(4,1fr)}.tools button{font-size:0;padding:8px}.tools button span{font-size:17px;margin:0}section.bottom{min-width:100%;display:flex}.bottom .wide{width:auto;margin:0;flex:1}.colour{margin:8px 0}.team input:not([type=color]){width:100%}.workspace{padding:15px 10px}.timeline{padding:12px}.board-foot{font-size:9px}.playback{flex-wrap:wrap}.pitch-wrap{padding:4px}}

.bend-handle{cursor:grab}.bend-handle:active{cursor:grabbing}.bend-handle:focus{outline:none;filter:drop-shadow(0 0 5px white)}.timeline-bottom{flex-wrap:wrap}.timeline-bottom>span{min-width:200px}button[data-tool="path"]{grid-column:1 / -1;text-align:center}

.drawing-hit{cursor:pointer}

#textControls[hidden]{display:none} #textControls{padding:8px 0 12px} #textControls select{max-width:145px} #textContent{width:100%;box-sizing:border-box;resize:vertical;background:#202b25;color:#edf1e8;border:1px solid #53614b;border-radius:8px;padding:12px;font:inherit} #textControls .hint{line-height:1.5}