@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--alabaster: #E0E0E0;--off-white: #F8F8F6;--amber-yellow: #ECC30B;--electric-sapphire: #2667FF;--font-default: "Roboto", sans-serif;--font-headings: "Inter", sans-serif}.whiteboard-container{width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;left:0;background-color:#f8f8f6;transition:all .2 ease}.whiteboard-wrapper{width:7000px;height:7000px;position:relative;background-size:auto;background-image:url(/assets/background_pattern-BOma9wx5.svg);background-repeat:repeat}.whiteboard-wrapper:hover{cursor:grab}.whiteboard-wrapper:active{cursor:grabbing}; .whiteboard-wrapper *{cursor:auto}; .whiteboard-wrapper *:hover{cursor:auto}.mockup-group-container{width:fit-content;display:grid;grid-template-columns:auto auto auto;row-gap:30px;column-gap:10px}.mockup-group-container>*{display:flex;gap:15px;flex-direction:column;margin:0 auto}.mockup-group-container *{transition:all .2s ease}.draggable-item{cursor:auto}._popupContainer_aa1vo_1 *{transition:all .2s ease}._popupContainer_aa1vo_1{transform-origin:center;position:absolute;top:50%;left:50%;width:70%;height:85%;transform:translate(-50%,-50%);background:var(--off-white);z-index:999;border-radius:20px}._not_visible_aa1vo_19{display:none;transform:translateY(20px)}._header_aa1vo_25{background:var(--amber-yellow);border-radius:15px;font-size:2.5em;width:fit-content;margin:20px auto;color:#000;font-weight:800;font-family:var(--font-headings);padding:20px}:root{--mockup-background-dark: #0F0F0F;--mockup-background-light: #FAFAFA;--mockup-font-size-primary: 1.5em;--mockup-font-size-secondary: 1.1em;--mockup-white: #f1f1f1;--mockup-black: #000000;--mockup-grey: #9b9b9b}._active_xpkx7_16{box-shadow:0 0 20px 1px var(--electric-sapphire);--font-color: var(--mockup-black)}._inactive_xpkx7_20{opacity:0;transform:var(--inactive-transform)}._dark_xpkx7_24{--font-color: var(--mockup-white) !important;background-color:var(--mockup-background-dark)!important}._container_xpkx7_30{background-color:var(--mockup-background-light);border-radius:10px}._container_xpkx7_30:not(._active_xpkx7_16){box-shadow:0 0 20px 2px #000}._thumbnail_section_xpkx7_37{height:75%;height:fit-content;position:relative;aspect-ratio:16/9}._thumbnail_xpkx7_37{width:100%;object-fit:cover;border-radius:10px;aspect-ratio:16/9;color:#fff}._video_length_xpkx7_54{font-family:var(--font-default);font-size:1.2em;font-weight:700;background:#000c;height:fit-content;border-radius:10px;padding:5px;color:#fff;position:absolute;bottom:10px;right:10px}._video_info_section_xpkx7_69{height:32%;display:grid;grid-template-columns:1fr 8fr;gap:10px;row-gap:5px}._video_info_section_xpkx7_69>*{display:flex;flex-direction:flex;overflow-wrap:break-word;line-height:1.5em;font-family:var(--font-default)}._video_info_section_xpkx7_69 p{margin-top:auto;margin-bottom:auto;font-size:var(--mockup-font-size-secondary);color:var(--mockup-grey);padding-left:5px;text-align:left;line-height:1em}._pfp_xpkx7_98{aspect-ratio:1/1;margin-left:auto;margin-right:auto;border-radius:50%;border:solid var(--alabaster) 3px;background-color:var(--mockup-white)}._video_title_xpkx7_109{height:50px;display:flex}._video_title_xpkx7_109 p{font-size:var(--mockup-font-size-primary);color:var(--font-color);font-weight:700;line-height:1em}._utility_button_xpkx7_123{height:55px;width:55px;aspect-ratio:1/1;background:var(--off-white);box-shadow:0 0 15px 1px var(--electric-sapphire);border:none;transition:all .2s ease}._utility_button_xpkx7_123 img{width:2.7em;margin:auto}._utility_button_xpkx7_123:active{transform:var(--hover-transform) scale(.95)!important}._utility_button_xpkx7_123:hover{transform:var(--hover-transform)}._utility_button_xpkx7_123._toolbar_xpkx7_150{--inactive-transform: translateX(-10px);--hover-transform: translateX(5px);border-radius:15px}._utility_button_xpkx7_123._toolbar_xpkx7_150:hover{background:var(--alabaster);cursor:pointer}._utility_button_xpkx7_123._toolbar_xpkx7_150._deleteButton_xpkx7_161:hover{background:red}._utility_button_xpkx7_123._move_button_xpkx7_165{height:70px;width:70px;--inactive-transform: translateY(-10px);--hover-transform: translateY(-5px);margin-top:20px;border-radius:50%;align-self:center}._utility_button_xpkx7_123._move_button_xpkx7_165 img{width:4em}._utility_button_xpkx7_123._move_button_xpkx7_165:hover{cursor:move}._invisible_xpkx7_183{opacity:0;transform:scale(.95)}._favourite_star_xpkx7_187{max-width:100px;width:100%;height:100%;aspect-ratio:1/1;align-items:center}._favourite_star_xpkx7_187 img{width:65%}._curr_size_label_xpkx7_199{font-size:2em;font-family:var(--font-headings);font-weight:700;display:flex;flex-direction:row;width:100%;height:100%}._option_label_18yw0_1{font-family:var(--font-default);font-size:1.5em;margin-left:5px}._option_input_18yw0_6{transform:translateY(-2px) scale(1.25)}._label_wrapper_18yw0_10{margin:20px 5px;width:fit-content;padding:2px 10px 2px 5px;border-radius:10px;transition:all .2s ease}._label_wrapper_18yw0_10:not(._chosen_18yw0_17):hover{background:var(--alabaster);transform:translate(5px)}._chosen_18yw0_17{background:var(--electric-sapphire);color:#fff}._chosen_18yw0_17:hover{transform:translate(5px)}._main_content_dowj6_2{display:grid;grid-template-columns:1fr 2fr;flex:1;width:100%;height:80%;overflow:hidden}._main_content_dowj6_2>*{height:90%;margin:0 25px;text-align:left;overflow:scroll}._main_content_dowj6_2>* h2{font-family:var(--font-headings);font-size:2em;margin-top:0;margin-bottom:2px}._main_content_dowj6_2>*::-webkit-scrollbar{width:10px;-webkit-appearance:none}._main_content_dowj6_2>*::-webkit-scrollbar-track{background:#f1f1f1}._main_content_dowj6_2>*::-webkit-scrollbar-thumb{background:#888;border-radius:6px}._main_content_dowj6_2>*::-webkit-scrollbar-thumb:hover{background:#555}p{font-family:var(--font-default);margin-top:0}._colour_code_dowj6_50{color:var(--electric-sapphire);font-weight:700}._preview_wrapper_dowj6_52{aspect-ratio:16/10;width:50%;border:solid var(--electric-sapphire) 3px}._preview_chosen_dowj6_57{border:solid red 5px;aspect-ratio:inherit;box-sizing:border-box;margin:0;z-index:5;transition:all .2s ease}._submit_button_dowj6_67{background:var(--amber-yellow);font-size:2em;font-weight:700;border-radius:15px;width:50%;height:15%;border:none;color:#000;margin:15% auto;display:flex;align-items:center;justify-content:center;gap:10px}._submit_button_dowj6_67:hover{cursor:pointer;box-shadow:0 0 15px 1px var(--electric-sapphire);transform:translateY(-5px)}._submit_button_dowj6_67:active{transform:scale(.95)}._submit_button_dowj6_67 img{width:15%;margin-right:5px}._main_content_p54cj_1{width:100%;height:100%;display:flex;flex-direction:column;overflow:scroll}._main_content_p54cj_1>section{width:100%}._main_content_p54cj_1 h2{font-family:var(--font-headings);font-size:2em;margin-top:0;margin-bottom:2px}._thumbnail_section_p54cj_23{height:60%}._thumbnail_wrapper_p54cj_27{background:var(--electric-sapphire);aspect-ratio:16/9;margin:20px auto 10px;height:90%;box-sizing:border-box;border-radius:20px;position:relative;text-align:center;display:flex;align-items:center;justify-content:center}._thumbnail_preview_active_p54cj_43{background:#00000080}._thumbnail_wrapper_p54cj_27>*{color:#fff;margin:10px 0}._dropzone_instructions_p54cj_52{width:70%;height:70%;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;z-index:1;position:relative}._dragged_over_p54cj_66{border:dashed var(--amber-yellow) 3px;transform:scale(1.05)}._dragged_over_p54cj_66._thumbnail_chosen_p54cj_70{filter:brightness(.5)}._thumbnail_chosen_p54cj_70{box-shadow:0 0 20px 5px var(--electric-sapphire)}._thumbnail_wrapper_p54cj_27 ._preview_thumbnail_p54cj_77{position:absolute;margin:0;top:0;left:0;width:100%;height:100%;z-index:10;border-radius:inherit;pointer-events:none}._title_section_p54cj_90{position:relative;height:30%;width:100%;padding:10px}._title_input_group_p54cj_101{display:flex;flex-direction:row;gap:40px;justify-content:center;align-items:center}._title_section_p54cj_90 input{width:80%;height:50%;box-sizing:border-box;font-size:1.7em;font-family:var(--font-default);padding:10px;border-radius:10px;border:solid black 2px;outline:none;background:var(--amber-yellow);color:#000}._title_section_p54cj_90 input:focus{border:solid var(--electric-sapphire) 2px;box-shadow:0 0 20px 5px var(--electric-sapphire)}._characterLength_p54cj_129{min-width:2ch;text-align:center;margin:auto 0;font-size:2.5em;font-family:var(--font-headings);font-weight:700}._title_status_message_p54cj_138{margin-top:10px;margin-left:6%;text-align:left;font-size:1.3em}._title_suggestions_section_p54cj_147{opacity:0;transform:translateY(-5px);display:block;background:var(--off-white);position:fixed;top:84%;left:-3.5%;width:78%;margin-left:10%;height:fit-content;max-height:150px;overflow-y:auto;z-index:1000;text-align:left;padding:10px;border:solid black 2px;border-radius:10px}._visible_p54cj_172{transform:translateY(0);opacity:1}._title_suggestions_section_p54cj_147 p{width:fit-content;margin:1px;padding:6px;font-family:var(--font-default);font-size:1.5em;border-radius:10px}._title_suggestions_section_p54cj_147 p:hover{background:var(--alabaster);cursor:pointer;transform:translate(5px)}._confirm_button_p54cj_192{width:fit-content;font-size:1.6em;border:none;outline:none;border-radius:10px;position:absolute;right:40px;top:90%;display:flex;gap:10px;padding:10px 20px;background:var(--electric-sapphire)}._confirm_button_p54cj_192:active{transform:scale(.95)}._confirm_button_p54cj_192:hover{cursor:pointer;transform:translate(2px)}._confirm_button_p54cj_192>*{margin:auto;color:var(--off-white);font-weight:700;font-size:1.2em;pointer-events:none}._confirm_button_p54cj_192 img{width:1em}._confirm_button_p54cj_192 img._submit_hovered_p54cj_232{transform:translate(5px)}._warning_p54cj_237{color:red;font-weight:700}._caution_p54cj_241{color:orange;font-weight:700}._safe_p54cj_245{font-weight:700;color:#00b500}._HL_container_tpgaj_1{display:flex;flex-direction:column;gap:10px;width:400px;height:320px;padding:15px;gap:7px}._video_info_section_tpgaj_14{font-size:80%;gap:7px}._container_damhg_1{display:flex;flex-direction:column;gap:10px;width:380px;height:320px;padding:15px}._video_info_section_damhg_12{gap:7px;font-size:.8em}._active_rk1t4_2{box-shadow:0 0 20px 1px var(--electric-sapphire);--font-color: var(--mockup-black)}._inactive_rk1t4_6{opacity:0;transform:var(--inactive-transform)}._dark_rk1t4_10{--font-color: var(--mockup-white) !important;background-color:var(--mockup-background-dark)!important}._container_rk1t4_16{background-color:var(--mockup-background-light);border-radius:10px;display:flex;gap:10px;width:760px;height:208px;padding:15px}._sidebar_container_rk1t4_31{width:500px;height:130px;display:flex;border-radius:10px;padding:5px;gap:5px;background:var(--mockup-background-light)}._sidebar_container_rk1t4_31:not(._active_rk1t4_2){box-shadow:0 0 20px 2px #000}._container_rk1t4_16:not(._active_rk1t4_2){box-shadow:0 0 20px 2px #000}._thumbnail_section_rk1t4_51{height:100%;position:relative;aspect-ratio:16/9}._thumbnail_rk1t4_51{width:100%;object-fit:cover;border-radius:10px;aspect-ratio:16/9;color:#fff}._video_length_rk1t4_67{font-family:var(--font-default);font-size:1.2em;font-weight:700;background:#000c;height:fit-content;border-radius:10px;padding:5px;color:#fff;position:absolute;bottom:10px;right:10px}._video_info_section_rk1t4_82{height:32%;display:flex;flex-direction:column;gap:10px;row-gap:10px}._video_info_section_rk1t4_82>*{display:flex;flex-direction:flex;overflow-wrap:break-word;line-height:2em;height:2em;font-family:var(--font-default)}._video_info_section_rk1t4_82 p{margin-top:auto;margin-bottom:auto;font-size:var(--mockup-font-size-secondary);color:var(--mockup-grey);padding-left:5px;text-align:left;line-height:1.3em}._channel_info_section_rk1t4_112{position:relative;display:grid;grid-template-columns:1fr 4fr;gap:5px}._channel_name_rk1t4_119{display:flex}._pfp_rk1t4_120{aspect-ratio:1/1;margin-left:auto;margin-right:auto;border-radius:50%;border:solid var(--alabaster) 3px;background-color:var(--mockup-white)}._video_title_rk1t4_131{height:50px;display:flex}._video_title_rk1t4_131 p{font-size:var(--mockup-font-size-primary);color:var(--font-color);font-weight:700;line-height:1em}._sidebar_video_title_rk1t4_141{font-size:.8em}._utility_button_rk1t4_146{height:80px;width:80px;aspect-ratio:1/1;background:var(--off-white);box-shadow:0 0 15px 1px var(--electric-sapphire);border:none;transition:all .2s ease}._utility_button_rk1t4_146 img{width:4em;margin:auto}._utility_button_rk1t4_146:active{transform:var(--hover-transform) scale(.95)!important}._utility_button_rk1t4_146:hover{transform:var(--hover-transform)}._utility_button_rk1t4_146._toolbar_rk1t4_173{--inactive-transform: translateX(-10px);--hover-transform: translateX(5px);border-radius:15px}._utility_button_rk1t4_146._toolbar_rk1t4_173:hover{background:var(--alabaster);cursor:pointer}._utility_button_rk1t4_146._toolbar_rk1t4_173._deleteButton_rk1t4_184:hover{background:red}._utility_button_rk1t4_146._move_button_rk1t4_188{height:100px;width:100px;--inactive-transform: translateY(-10px);--hover-transform: translateY(-5px);margin:6% 42.5%;border-radius:50%}._utility_button_rk1t4_146._move_button_rk1t4_188 img{width:5em}._utility_button_rk1t4_146._move_button_rk1t4_188:hover{cursor:move}._invisible_rk1t4_204{opacity:0;transform:scale(.95)}._favourite_star_rk1t4_208{width:100%;height:100%;align-items:center}._favourite_star_rk1t4_208 img{width:65%}._CL_container_csy11_1{display:flex;flex-direction:column;gap:-5px;width:480px;height:350px;padding:15px}._CS_container_csy11_13{display:flex;flex-direction:column;gap:10px;width:320px;height:300px;padding:5px}._video_info_section_csy11_25{display:flex;flex-direction:column;gap:5}._video_title_csy11_31{font-size:.8em}._video_length_csy11_35{top:70%;font-size:1em}._new_combo_button_1dobf_1{position:fixed;top:86vh;left:50vw;transform:translate(-50%);background-color:var(--electric-sapphire);border:none;outline:none;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:15px;padding:10px 40px;color:#fff;font-family:var(--font-headings);font-weight:700;font-size:2.2em;box-shadow:0 0 30px 5px #00000080;transition:all .2s ease}._new_combo_button_1dobf_1 img{width:1.6em}._new_combo_button_1dobf_1:hover{cursor:pointer;transform:translate(-50%) translateY(-10px)}._new_combo_button_1dobf_1:active{transform:translate(-50%) translateY(-10px) scale(.95)}._wrapper_pusy4_1{position:absolute;bottom:20px;right:50px;width:fit-content;background:var(--off-white);border-radius:20px;box-shadow:0 0 20px 5px #000;padding:10px;display:flex;flex-direction:column;gap:10px}._wrapper_pusy4_1 *{transition:all .2s ease}._wrapper_pusy4_1>*{display:flex;flex-direction:row;padding:10px;gap:10px;justify-content:center;align-items:center;font-family:var(--font-default);font-size:1.2em;border:solid var(--alabaster) 2px;border-radius:10px}._scale_info_pusy4_39 img{width:1.5em;border-radius:5px;padding:2px}._scale_info_pusy4_39 img:hover{scale:1.1;cursor:pointer;background:var(--alabaster)}._scale_info_pusy4_39 img:active{scale:.95}._reset_scale_button_pusy4_54{outline:none;background:var(--off-white);gap:10px}._reset_scale_button_pusy4_54:hover{cursor:pointer;transform:translateY(-2px)}._reset_scale_button_pusy4_54:active{transform:scale(.95)}._reset_scale_button_pusy4_54 img{width:1.5em}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.blur-overlay{z-index:998;position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:brightness(50%) blur(5px);backdrop-filter:brightness(50%) blur(5px)}