.camera-actions-row{display:grid!important;grid-template-columns:1fr 1fr;gap:.5rem}.camera-actions-row .button{padding-inline:.75rem}.camera-position .position-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.25rem}.camera-position .position-grid>*{min-height:3rem;border-radius:.25rem;border:1px solid #444;background:rgba(28,28,31,.5);display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;padding:.5rem;appearance:none}.camera-position .position-grid>*>svg{font-size:1rem}.camera-position .position-grid>:first-of-type{align-items:start;justify-content:start}.camera-position .position-grid>:nth-of-type(2){align-items:start;justify-content:center}.camera-position .position-grid>:nth-of-type(3){align-items:start;justify-content:end}.camera-position .position-grid>:nth-of-type(4){align-items:center;justify-content:start}.camera-position .position-grid>:nth-of-type(5){align-items:center;justify-content:center}.camera-position .position-grid>:nth-of-type(6){align-items:center;justify-content:end}.camera-position .position-grid>:nth-of-type(7){align-items:end;justify-content:start}.camera-position .position-grid>:nth-of-type(8){align-items:end;justify-content:center}.camera-position .position-grid>:nth-of-type(9){align-items:end;justify-content:end}.camera-position .position-grid>:hover{border:1px solid #46596c;background:rgba(24,39,54,.5)}.circular-slider-container{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem;background:rgba(28,28,31,.3);border-radius:.75rem;transition:all .3s ease;background:transparent}.circular-slider-container>svg{width:150px!important;height:150px!important}.circular-slider{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transition:transform .2s ease}.circular-slider .progress-circle{transition:stroke-dashoffset .05s linear;filter:drop-shadow(0 0 6px rgba(150,150,150,.3))}.circular-slider .thumb{transition:all .2s ease}.circular-slider .thumb:hover{r:7;filter:drop-shadow(0 0 10px rgba(200,200,200,.6))}.circular-slider .center-text{font-size:1.2rem;font-weight:600;fill:#b4b4b4;letter-spacing:.05em;font-family:inherit;user-select:none}.gradient-stop-slider{width:100%;height:1.5rem;cursor:pointer;border-radius:.25rem;background:rgba(28,28,31,.5);accent-color:#969696;outline:none;border:none}.gradient-stop-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#969696;cursor:grab;border:2px solid #fff;box-shadow:0 2px 6px hsla(0,0%,59%,.4);transition:all .2s ease}.gradient-stop-slider::-webkit-slider-thumb:active{cursor:grabbing;width:16px;height:16px;box-shadow:0 4px 12px hsla(0,0%,59%,.6)}.gradient-stop-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#969696;cursor:grab;border:2px solid #fff;box-shadow:0 2px 6px hsla(0,0%,59%,.4);transition:all .2s ease}.gradient-stop-slider::-moz-range-thumb:active{cursor:grabbing;width:16px;height:16px;box-shadow:0 4px 12px hsla(0,0%,59%,.6)}.gradient-stop-slider::-moz-range-track{background:transparent;border:none}.gradient-stop-slider::-webkit-slider-runnable-track{background:transparent;height:4px;border-radius:2px}.background-type-toggle{display:flex;gap:.5rem;width:100%;border-radius:.25rem;background:rgba(28,28,31,.3);padding:.25rem}.background-type-toggle .background-type-btn{flex:1;padding:.5rem;border:none;border-radius:.15rem;background:transparent;color:hsla(0,0%,100%,.6);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.background-type-toggle .background-type-btn:hover{color:#fff;background:rgba(28,28,31,.2)}.background-type-toggle .background-type-btn.active{background:hsla(0,0%,59%,.2);color:#c8c8c8;border-bottom:2px solid #969696}.gradient-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.5rem;width:100%}.gradient-presets .gradient-preset-swatch{aspect-ratio:1;border:2px solid rgba(68,68,68,.5);border-radius:.35rem;cursor:pointer;transition:all .2s ease}.gradient-presets .gradient-preset-swatch:hover{border-color:#969696;transform:scale(1.05);box-shadow:0 0 12px hsla(0,0%,59%,.3)}.gradient-presets .gradient-preset-swatch:active{transform:scale(.95)}@media(max-width:768px){.circular-slider-container{padding:.75rem}.circular-slider{width:120px;height:120px}.gradient-presets{grid-template-columns:repeat(3,1fr)}}.generate__controls.controls{position:sticky;left:0;bottom:0;width:100vw;z-index:1000;background:rgba(44,44,44,.95);border-top:1px solid #444;overflow-y:visible;box-shadow:0 -2px 16px rgba(0,0,0,.15)}.generate .selections{display:flex;flex-direction:row;overflow-x:auto;overflow-y:visible;width:100%;white-space:nowrap;border-bottom:1px solid #444}.generate .selections::-webkit-scrollbar{display:none}.generate .selections__tab{width:fit-content;padding:1rem 1.5rem;display:flex;gap:1rem;align-items:center;justify-content:flex-start;cursor:pointer;scroll-snap-align:start;border-right:1px solid #444;flex-shrink:0;transition:background .2s ease}.generate .selections__tab.active{background:rgba(68,68,68,.5)}.generate .selections__tab:hover{background:rgba(68,68,68,.3)}.generate .selections__tab .tab-name{white-space:nowrap}.generate .selected-menu{position:absolute;bottom:100%;left:0;width:100%;max-width:100vw;background-color:rgba(44,44,44,.98);backdrop-filter:blur(10px);max-height:70vh;padding:1rem;overflow-y:auto;overflow-x:hidden;display:none;box-shadow:0 -4px 24px rgba(0,0,0,.25);border-top:1px solid #444}.generate .selected-menu::-webkit-scrollbar{width:.5rem;background:rgba(28,28,31,.5)}.generate .selected-menu::-webkit-scrollbar-thumb{background:#444;border-radius:.25rem}.generate .selected-menu.active{display:block}.generate .selected-menu .control{padding:.5rem;border-bottom:1px solid rgba(68,68,68,.5);display:flex;flex-direction:column}.generate .selected-menu .control:has(>.control){padding:0}.generate .selected-menu .control[open]{background:rgba(90,90,95,.2)}.generate .selected-menu .control[open]>.control__title{background:rgba(28,28,31,.25)}.generate .selected-menu .control>*,.generate .selected-menu .control>*>*{border-radius:.15rem}.generate .selected-menu .control:last-of-type+.divider{display:none}.generate .selected-menu .control .magic-input{height:12rem;border-radius:.25rem;background:rgba(28,28,31,.15);padding:.5rem;font:inherit;font-size:.85rem}.generate .selected-menu .control .magic-input:focus{outline:none}.generate .selected-menu .control .input{border-radius:.25rem;background:rgba(28,28,31,.15);padding:.5rem;font:inherit;font-size:.85rem;border:1px solid #444;background-color:rgba(28,28,31,.15)}.generate .selected-menu .control .input:focus{outline:none}.generate .selected-menu .control .divider{height:1px;background:#444}.generate .selected-menu .control__title{display:flex;justify-content:space-between;cursor:pointer;padding:1rem .5rem;font-weight:700;font-size:clamp(.5rem,10vw,.85rem);border-radius:.25rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.generate .selected-menu .control__title:hover{background:rgba(28,28,31,.25)}.generate .selected-menu .control__title::-webkit-details-marker{display:none}.generate .selected-menu .control__title.flex{display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem}.generate .selected-menu .control__title.flex .button{width:fit-content}.generate .selected-menu .control.user{display:flex;flex-direction:column}.generate .selected-menu .control.user .user-container{padding:.5rem 0;display:flex;align-items:center;flex-direction:column;gap:.5rem}.generate .selected-menu .control.user .user-container .user{display:flex;gap:1rem;width:100%}.generate .selected-menu .control.user .user-container .user p{max-width:16ch;overflow:hidden;text-overflow:ellipsis}.generate .selected-menu .control.user .user-container .logout{width:100%}.generate .selected-menu .control.user .user-container img{aspect-ratio:1;border-radius:100%;object-fit:cover;max-height:24px;width:24px}.generate .selected-menu .control.image .image-container{display:flex;flex-direction:column;gap:.25rem;align-items:center;justify-content:center;border-radius:.5rem;outline:1px solid #444;width:100%;height:10rem;overflow:hidden;background-image:radial-gradient(circle,rgba(68,68,68,.25) 1px,rgba(28,28,31,.5) 0);background-size:.5rem .5rem;background-position:50%}.generate .selected-menu .control.image .image-container img{object-fit:cover;object-position:center}.generate .selected-menu .control__section{display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:.5rem 0}.generate .selected-menu .control__section .template-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.generate .selected-menu .control__section .template-preset-card{position:relative;border:2px solid rgba(68,68,68,.7);border-radius:.35rem;overflow:hidden;background:rgba(28,28,31,.35);padding:0;cursor:pointer;transition:all .2s ease;aspect-ratio:16/10}.generate .selected-menu .control__section .template-preset-card img{width:100%;height:100%;object-fit:cover;display:block}.generate .selected-menu .control__section .template-preset-card span{position:absolute;top:.35rem;right:.35rem;font-size:.65rem;line-height:1;font-weight:700;padding:.25rem .35rem;border-radius:.25rem;color:hsla(0,0%,100%,.95);background:rgba(28,28,31,.7);border:1px solid rgba(68,68,68,.7)}.generate .selected-menu .control__section .template-preset-card:hover{border-color:#46596c;transform:scale(1.02);box-shadow:0 0 .75rem rgba(70,89,108,.2)}.generate .selected-menu .control__section .template-preset-card.active{border-color:#74b5fe;box-shadow:0 0 0 1px rgba(116,181,254,.6)}.generate .selected-menu .control__section>*{width:100%}.generate .selected-menu .control__section.render-quality .title{width:100%;display:flex;align-items:center}.generate .selected-menu .control__section.render-quality .title span{margin-left:auto;border-radius:.25rem;padding:.25rem .5rem}.generate .selected-menu .control__section.render-quality .title span.Low{color:#ff4e4e}.generate .selected-menu .control__section.render-quality .title span.Bad{color:#f39406}.generate .selected-menu .control__section.render-quality .title span.Good{color:#fcff44}.generate .selected-menu .control__section.render-quality .title span.Very.Good{color:#6ee9a5}.generate .selected-menu .control__section.render-quality .title span.Best{color:#0fe020}.generate .selected-menu .control__section .title{font-weight:300;font-size:clamp(.5rem,15vw,.75rem)}.generate .selected-menu .control__section .title.information{border-radius:.25rem;background-color:rgba(220,20,60,.5);padding:.5rem;border:1px solid crimson}.generate .selected-menu .control__section .title.flex{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.5rem 0}.generate .selected-menu .control__section .title.flex .button{padding:.25rem;width:fit-content}.generate .selected-menu .control__section .title.additional-info{color:#ff0;display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-radius:.25rem;background:rgba(255,255,0,.15);border:1px solid rgba(255,255,0,.5)}.generate .selected-menu .control__section .title.additional-info path,.generate .selected-menu .control__section .title.additional-info span,.generate .selected-menu .control__section .title.additional-info svg{width:16px!important;font-size:.5rem;color:inherit}.generate .selected-menu .control__section .react-colorful{width:100%;cursor:pointer}@media(max-width:768px){.generate .selected-menu .control__section .react-colorful{max-width:70%}}.generate .selected-menu .control__section .position{display:flex;gap:.5rem}.generate .selected-menu .control__section input[type=number]{width:100%;height:2rem;outline:none;text-align:center;border:1px solid #444;background:rgba(28,28,31,.5)}.generate .selected-menu .control__section .textures{display:flex;gap:.25rem}.generate .selected-menu .select{width:100%}.generate .selected-menu .select select{width:100%;color:#fff;padding:.5rem;border-radius:.25rem;outline:none;border:1px solid #444;background:rgba(28,28,31,.5);transition:all .2s ease}.generate .selected-menu .select select:hover{cursor:pointer;border:1px solid #46596c;background:rgba(24,39,54,.5)}.generate .selected-menu .select select>*{border-radius:0}.generate .hr{height:1px;background:#444;margin:1rem 0}.generate .color-pickers{display:flex;gap:.5rem;flex-wrap:wrap}.generate .color-pickers>*{min-width:10vw;width:100%;flex:1;height:clamp(8rem,20vw,12rem)}@media(max-width:768PX){.generate__controls .selected-menu{max-height:60vh}.generate__controls .selected-menu .control__section .template-presets{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media(min-width:768PX){.generate__controls.controls{resize:vertical;grid-area:menu;width:25vw;display:flex;flex-direction:row}.generate__controls.controls .selections{flex-direction:column;height:100%;border-right:1px solid #444;width:fit-content;border-bottom:none;overflow:visible}.generate__controls.controls .selections__tab{width:50px;aspect-ratio:1;padding:1rem;border-right:none;border-bottom:1px solid #444;position:relative}.generate__controls.controls .selections__tab:before{user-select:none;pointer-events:none;content:attr(data-name);position:absolute;right:130%;top:50%;font-size:1rem;transform:translateY(-50%);white-space:nowrap;background:rgba(68,68,68,.2);color:hsla(0,0%,100%,.95);padding:.5rem 1rem;border-radius:.25rem;border:1px solid rgba(68,68,68,.5);opacity:0;backdrop-filter:blur(5px)}.generate__controls.controls .selections__tab:hover:before{opacity:1}.generate__controls.controls .selections__tab span{display:none}.generate__controls.controls .selected-menu{padding:unset;position:static;height:100%;max-width:unset;max-height:unset;border:none}}.generate__controls{display:flex!important;overflow-y:auto;flex-direction:column;height:100%;grid-area:menu;min-width:15rem;background:#2c2c2c;border-left:1px solid #444}.generate__controls-mobile{display:none!important}.generate__controls::-webkit-scrollbar{width:.75rem;background:#1c1c1f;padding:.5rem}.generate__controls::-webkit-scrollbar-thumb{background:#444;border-radius:.5rem}.generate__controls .control{padding:.5rem;border-bottom:1px solid #444;display:flex;flex-direction:column}.generate__controls .control:has(>.control){padding:0}.generate__controls .control[open]{background:rgba(90,90,95,.2)}.generate__controls .control[open]>.control__title{background:rgba(28,28,31,.25)}.generate__controls .control>*,.generate__controls .control>*>*{border-radius:.15rem}.generate__controls .control:last-of-type+.divider{display:none}.generate__controls .control .magic-input{height:12rem;border-radius:.25rem;background:rgba(28,28,31,.15);padding:.5rem;font:inherit;font-size:.85rem}.generate__controls .control .magic-input:focus{outline:none}.generate__controls .control .input{border-radius:.25rem;background:rgba(28,28,31,.15);padding:.5rem;font:inherit;font-size:.85rem;border:1px solid #444;background-color:rgba(28,28,31,.15)}.generate__controls .control .input:focus{outline:none}.generate__controls .control .divider{height:1px;background:#444}.generate__controls .control__title{display:flex;justify-content:space-between;cursor:pointer;padding:1rem .5rem;font-weight:700;font-size:clamp(.5rem,10vw,.85rem);border-radius:.25rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.generate__controls .control__title:hover{background:rgba(28,28,31,.25)}.generate__controls .control__title::-webkit-details-marker{display:none}.generate__controls .control__title.flex{display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem}.generate__controls .control__title.flex .button{width:fit-content}.generate__controls .control.user{display:flex;flex-direction:column}.generate__controls .control.user .user-container{padding:.5rem 0;display:flex;align-items:center;flex-direction:column;gap:.5rem}.generate__controls .control.user .user-container .user{display:flex;gap:1rem;width:100%}.generate__controls .control.user .user-container .user p{max-width:16ch;overflow:hidden;text-overflow:ellipsis}.generate__controls .control.user .user-container .logout{width:100%}.generate__controls .control.user .user-container img{aspect-ratio:1;border-radius:100%;object-fit:cover;max-height:24px;width:24px}.generate__controls .control.image .image-container{display:flex;flex-direction:column;gap:.25rem;align-items:center;justify-content:center;border-radius:.5rem;outline:1px solid #444;width:100%;height:10rem;overflow:hidden;background-image:radial-gradient(circle,rgba(68,68,68,.25) 1px,rgba(28,28,31,.5) 0);background-size:.5rem .5rem;background-position:50%}.generate__controls .control.image .image-container img{object-fit:cover;object-position:center}.generate__controls .control__section{display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:.5rem 0}.generate__controls .control__section .template-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.generate__controls .control__section .template-preset-card{position:relative;border:2px solid rgba(68,68,68,.7);border-radius:.35rem;overflow:hidden;background:rgba(28,28,31,.35);padding:0;cursor:pointer;transition:all .2s ease;aspect-ratio:16/10}.generate__controls .control__section .template-preset-card img{width:100%;height:100%;object-fit:cover;display:block}.generate__controls .control__section .template-preset-card span{position:absolute;top:.35rem;right:.35rem;font-size:.65rem;line-height:1;font-weight:700;padding:.25rem .35rem;border-radius:.25rem;color:hsla(0,0%,100%,.95);background:rgba(28,28,31,.7);border:1px solid rgba(68,68,68,.7)}.generate__controls .control__section .template-preset-card:hover{border-color:#46596c;transform:scale(1.02);box-shadow:0 0 .75rem rgba(70,89,108,.2)}.generate__controls .control__section .template-preset-card.active{border-color:#74b5fe;box-shadow:0 0 0 1px rgba(116,181,254,.6)}.generate__controls .control__section>*{width:100%}.generate__controls .control__section.render-quality .title{width:100%;display:flex;align-items:center}.generate__controls .control__section.render-quality .title span{margin-left:auto;border-radius:.25rem;padding:.25rem .5rem}.generate__controls .control__section.render-quality .title span.Low{color:#ff4e4e}.generate__controls .control__section.render-quality .title span.Bad{color:#f39406}.generate__controls .control__section.render-quality .title span.Good{color:#fcff44}.generate__controls .control__section.render-quality .title span.Very.Good{color:#6ee9a5}.generate__controls .control__section.render-quality .title span.Best{color:#0fe020}.generate__controls .control__section .title{font-weight:300;font-size:clamp(.5rem,15vw,.75rem)}.generate__controls .control__section .title.information{border-radius:.25rem;background-color:rgba(220,20,60,.5);padding:.5rem;border:1px solid crimson}.generate__controls .control__section .title.flex{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.5rem 0}.generate__controls .control__section .title.flex .button{padding:.25rem;width:fit-content}.generate__controls .control__section .title.additional-info{color:#ff0;display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-radius:.25rem;background:rgba(255,255,0,.15);border:1px solid rgba(255,255,0,.5)}.generate__controls .control__section .title.additional-info path,.generate__controls .control__section .title.additional-info span,.generate__controls .control__section .title.additional-info svg{width:16px!important;font-size:.5rem;color:inherit}.generate__controls .control__section .react-colorful{width:100%;cursor:pointer}@media(max-width:768px){.generate__controls .control__section .react-colorful{max-width:70%}}.generate__controls .control__section .position{display:flex;gap:.5rem}.generate__controls .control__section input[type=number]{width:100%;height:2rem;outline:none;text-align:center;border:1px solid #444;background:rgba(28,28,31,.5)}.generate__controls .control__section .textures{display:flex;gap:.25rem}.generate__controls .select{width:100%}.generate__controls .select select{width:100%;color:#fff;padding:.5rem;border-radius:.25rem;outline:none;border:1px solid #444;background:rgba(28,28,31,.5);transition:all .2s ease}.generate__controls .select select:hover{cursor:pointer;border:1px solid #46596c;background:rgba(24,39,54,.5)}.generate__controls .select select>*{border-radius:0}.generate__controls-mobile{display:flex;background:red;position:relative}.generate__controls-mobile .track{background-color:#2c2c2c;border-top:1px solid #444;display:flex;width:100vw;overflow-y:hidden;overflow-x:auto}.generate__controls-mobile .track .control{flex:1;min-width:10rem}.generate__controls-mobile .track .control:not(:last-child){border-right:1px solid #444}.generate__controls-mobile .track .control p{display:flex;align-items:center;justify-content:center;gap:.75rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.generate__controls-mobile .additional-menu{position:absolute;width:calc(100% - 1rem);transform:translateX(-50%);left:50%;min-height:20rem;max-height:30vh;overflow-y:auto;bottom:116%;border-radius:.5rem;outline:1px solid #444;backdrop-filter:blur(10px);background-color:rgba(44,44,44,.75);border-top:1px solid #2c2c2c;padding:1rem}@media(max-width:768px){.generate__controls{max-height:30vh}.generate__controls::-webkit-scrollbar{width:.75rem;background:#1c1c1f;padding:.5rem;display:none}.generate__controls::-webkit-scrollbar-thumb{background:#444;border-radius:.5rem;display:none}.generate__controls .control.actions{display:none}}.help-modal{position:fixed;inset:0;width:100%;height:100%;background:rgba(44,44,44,.05);backdrop-filter:blur(2px);z-index:99;display:flex;align-items:center;justify-content:center;isolation:isolate;padding:1rem}.help-modal .modal{padding:1rem;border-radius:.25rem;max-width:920px;width:100%;border:1px solid #444;background:#2c2c2c}.help-modal .modal__title{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.help-modal .modal__title .button{width:fit-content;aspect-ratio:1}.help-modal .modal__body{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.help-modal .modal__body .item{gap:.25rem;border-radius:.25rem;border:1px solid #444;background:rgba(28,28,31,.5);padding:.5rem}.help-modal .modal__body .item p:first-child{margin-top:.5rem;font-weight:800}.help-modal .modal__body .item p:last-child{left:1.1;font-size:.85rem;font-weight:300}.help-modal .backdrop{position:absolute;inset:0;width:100%;height:100%;z-index:-1}@media(max-width:768px){.help-modal .modal__body{max-height:350px;overflow-y:auto;display:flex;flex-direction:column}}.context-menu{position:absolute;z-index:99;padding:1rem;border-radius:1rem;border:1px solid #444;background:#1c1c1f;flex-direction:column;gap:1rem;overflow:hidden;scrollbar-width:0;transition:top .2s ease-in-out,left .2s ease-in-out}.context-menu:before{content:"";scale:1.1;position:absolute;inset:0;z-index:-1;filter:blur(10px);top:5px;background:rgba(0,0,0,.45)}.context-menu>p{font-weight:800}.context-menu .heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.context-menu .heading>.button{width:fit-content;padding:.35rem;aspect-ratio:1}.additional-ctas,.context-menu .actions{display:flex;gap:.5rem;flex-direction:column}.additional-ctas{position:absolute;top:1rem;right:1rem;height:calc(100% - 2rem)!important;width:min-content!important;max-width:fit-content!important;justify-content:space-between;max-width:1rem;z-index:9}.additional-ctas>*{max-width:100%}.additional-ctas .button{aspect-ratio:1;padding:.85rem;width:fit-content;z-index:1}.additional-ctas .help{background:rgba(255,255,0,.12);border:1px solid rgba(255,255,0,.25);color:rgba(255,255,0,.75)}.additional-ctas .help:hover{background:rgba(255,255,0,.15);border:1px solid rgba(255,255,0,.25)}.additional-ctas .freeroam.y{border:1px solid #46596c;background:rgba(24,39,54,.5)}.additional-ctas .freeroam.y path,.additional-ctas .freeroam.y svg{color:#74b5fe}.image-dnd{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;pointer-events:none;backdrop-filter:blur(10px);background-color:rgba(35,57,80,.25)}.image-dnd,.image-dnd .zone{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem}.image-dnd .zone{max-width:300px;max-height:200px;outline:1px dashed #8ac1fe;outline-offset:-.5rem;border-radius:1rem;backdrop-filter:blur(30px);background-color:rgba(35,57,80,.85)}.image-dnd .zone svg{color:#233950;width:32px!important;height:32px!important}.canvas-stage-shell{display:flex;align-items:center;justify-content:center;background-image:radial-gradient(circle,hsla(0,0%,100%,.05) 1px,hsla(0,0%,100%,0) 0);background-size:1500px 1500px}.canvas-stage,.canvas-stage-shell{position:relative;width:100%;height:100%}.canvas-stage{transition:width .2s ease,height .2s ease,box-shadow .2s ease}.canvas-stage.is-framed{box-shadow:0 0 0 1px hsla(0,0%,100%,.08),0 20px 60px rgba(0,0,0,.35)}.canvas-stage canvas{inset:0}.safe-frame-overlay{pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border:1px solid hsla(0,0%,100%,.12);z-index:3}.safe-frame-overlay__border{position:absolute;inset:4%;border:1px solid hsla(0,0%,100%,.35)}.safe-frame-overlay__meta{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;font-size:.7rem;color:hsla(0,0%,100%,.75);text-transform:uppercase;letter-spacing:.08em}.placeholder,.safe-frame-overlay__meta{display:flex;justify-content:space-between}.placeholder{padding:.5rem;border-radius:.25rem;min-width:150px;transition:background .2s ease;overflow:hidden;position:relative}.placeholder .icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s ease;transition-delay:.25s}.placeholder:hover{background:rgba(68,68,68,.25)}.placeholder.editable{background:#444}.placeholder.editable .icon{top:-100%}.placeholder .document-title{max-width:10ch;width:fit-content;border:none;background:transparent;color:#fff;font-size:.75rem;font:inherit;position:relative}.placeholder .document-title:focus,.placeholder .document-title:focus-visible{outline:none}.placeholder .document-title__span{display:block;width:100%;text-align:left;transition:all .2s ease}