:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.row{display:flex;flex-direction:row;gap:1rem}.equal-row>*{flex:1;min-width:0}.column{display:flex;flex-direction:column;gap:1rem}.noselect{user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}body.dragging,body.dragging *{cursor:ew-resize!important}.menu-list{list-style:none;padding:0;margin:0;gap:0}.menu-list li{list-style:none;position:relative}.menu-list li>button{width:100%;white-space:nowrap;min-width:150px;padding:6px 8px;border:none;text-align:left;border-radius:5px;font-size:.77rem;position:relative;color:#fff;background:transparent}.menu-list li>button .key{color:#adadad}.menu-list li>button:disabled{color:#9c9c9c}.menu-list li>button:disabled:hover{background-color:transparent}.menu-list li>button:hover{background:#353535}.menu-list li>button.selected{background:#353535}.menu-list li .row{justify-content:space-between;align-items:center}.menu-list li .menu-span{display:flex;align-items:center}.menu-list li .row>.row{align-items:center;gap:.8rem}.menu-list li .check{justify-content:space-between}.menu-list li .submenu{position:absolute;top:0;left:100%;margin-left:15px;z-index:1001!important;background-color:#1d1d1d;border-radius:10px;padding:10px;box-shadow:0 2px 5px #00000059,inset 0 0 2px #fff4,0 10px 16px #00000059,inset .5px 0 #ffffff14}.element-dialog{position:absolute;background-color:#1d1d1d;border-radius:10px;box-shadow:0 2px 5px #00000059,inset 0 0 2px #fff4,0 10px 16px #00000059,inset .5px 0 #ffffff14;z-index:1000!important;padding:10px}.user-menu{position:relative}.notifications-container{position:absolute;z-index:3000!important;right:15px;top:15px;max-height:50vh;overflow-y:scroll}.notifications-container::-webkit-scrollbar{width:3px}.notifications-container::-webkit-scrollbar-track{background:transparent}.notifications-container::-webkit-scrollbar-thumb{background-color:silver;border-radius:10px}.notifications-container::-webkit-scrollbar-thumb:hover{background-color:gray}.notifications-container .column{gap:10px}.notifications-container .notification{background-color:#2e2e2e;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 2px #ffffff21,inset .5px 0 #ffffff14;padding:15px 20px;font-size:.85rem;max-width:220px;width:220px;position:relative}.notifications-container .notification .title>.row svg{color:var(--notification-color)}.notifications-container .notification .timebar{position:absolute;bottom:0;left:0;height:3px;background:var(--notification-color);width:100%;animation:timebar-animation 4s linear forwards}.notifications-container .notification .title{align-items:center;justify-content:space-between;gap:2rem}.notifications-container .notification .title svg{font-size:1rem;color:#adadad;cursor:pointer}.notifications-container .notification .title>.row{color:#fff;font-size:.9rem;align-items:center;gap:8px}.notifications-container .error{--notification-color: rgb(255, 31, 31)}.notifications-container .success{--notification-color: rgb(55, 192, 62)}.notifications-container .notification .message{color:#c7c7c7;font-size:.85rem}@keyframes timebar-animation{0%{width:100%}to{width:0%}}.menu{position:relative}.mouse-transparent{pointer-events:none}.toolbar{position:fixed;top:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;gap:5px;background-color:#252525;padding:5px;border-radius:10px;box-shadow:0 1px 3px #00000059,0 1px 3px #00000080,inset 0 1px #ffffff14,inset 0 0 1px #ffffff4d;transition:background-color .3s,color .2s}.toolbar .icon{color:#fff;background-color:#252525;font-size:.9rem;cursor:pointer;padding:9px;border-radius:30%;display:flex;align-items:center;justify-content:center;transition:background-color .3s,color .2s}.toolbar .icon.selected{background-color:#22a7ff}.toolbar .icon:hover:not(.selected){background-color:#494949}.toolbar .separator{width:1px;background-color:#696969;align-items:center;margin:0 2px}.date-picker{align-items:flex-end;background-color:#363636;border-radius:6px;padding:5px;gap:.5rem;border:1px solid transparent;color:#fff}.date-picker:focus-within{border-color:#22a7ff}.date-picker .date-picker-button{background:transparent;color:#e6e6e6;height:17px;border:none;border-radius:4px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.date-picker .date-picker-button svg{padding-bottom:2px}.date-picker .date-picker-button:disabled{opacity:.45;cursor:not-allowed}.date-picker .date-picker-button svg{min-width:.85rem;font-size:.85rem}.date-picker input{background:transparent;outline:none;border:none;font-size:.72rem;width:100%;color:#e7e7e7;margin:0;height:15px;line-height:1}.date-picker input:disabled{opacity:.45}.date-picker-panel{gap:.5rem;padding:12px;min-width:240px;background-color:#2e2e2e;border-radius:8px}.date-picker-toolbar{align-items:center;justify-content:space-between;gap:.35rem}.date-picker-toolbar .date-picker-month{font-size:.77rem;color:#e7e7e7;flex:1;text-align:center}.date-picker-nav{background:transparent;border:none;border-radius:4px;color:#e6e6e6;padding:2px 4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.date-picker-nav:hover{background:#353535}.date-picker-nav svg{font-size:.95rem}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:.65rem;color:#adadad;padding:0 2px}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.date-picker-day{aspect-ratio:1;min-height:28px;border:1px solid transparent;border-radius:4px;background:transparent;color:#e7e7e7;font-size:.75rem;cursor:pointer;padding:0}.date-picker-day:hover{background:#353535}.date-picker-day-outside{color:#787878}.date-picker-day-today:not(.date-picker-day-selected){border-color:#22a7ff73}.date-picker-day-selected{background:#22a7ff40;border-color:#22a7ff;color:#fff}.text-area-wrapper{position:relative;display:flex;width:100%;overflow:hidden;border-radius:5px}.text-area-input{border:1px solid rgb(90,90,90);border-radius:5px;outline:none;width:100%;padding:5px;flex:1;color:#fff;background-color:#252525;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.78rem}.text-area-input:disabled{color:#3b3b3b;-webkit-user-select:none;user-select:none;pointer-events:none}.text-area-input:focus{border-color:#22a7ff}.text-area-input::-webkit-scrollbar{width:3px}.text-area-input::-webkit-scrollbar-track{background:transparent}.text-area-input::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.text-area-input::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;width:100%;height:100%;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;justify-content:center;align-items:center}.label span{background-color:#494949;border-radius:5px;padding:2px 8px;border:1px solid rgb(90,90,90)}.document-text-input{gap:.3rem}.document-text-input .title-input{font-size:.7rem;background:transparent;border:none;outline:none}.document-text-input input::placeholder{color:#b3b3b3}.document-text-input .row{justify-content:space-between;align-items:center;gap:10px}.document-text-input .row .document-field-title-start{display:flex;flex:1;align-items:center;min-width:0;gap:3px}.document-text-input .row .document-field-title-start .title-input{flex:1;min-width:0}.document-text-input .row .field-reorder-button{flex-shrink:0;width:18px;height:18px;font-size:.85rem;color:#9b9b9b;cursor:grab;touch-action:none;display:flex;justify-content:center;align-items:center;padding:0;border:none;background:transparent;transition:all .1s ease-in-out;border-radius:5px}.order-item-dragging .field-reorder-button{color:#e2e2e2!important}.document-text-input .row .field-reorder-button:hover{color:#e2e2e2;background-color:#222}.document-text-input .row .field-reorder-button:active{cursor:grabbing}.document-text-input .row .options-button{position:relative;width:18px;height:18px;font-size:.75rem;color:#9b9b9b;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0;border:none;background:transparent;transition:all .1s ease-in-out;border-radius:5px}.document-text-input .row .options-button:hover{color:#e2e2e2;background-color:#222}.settings-block{width:100%;box-sizing:border-box;gap:.3rem}.settings-block span{font-size:.72rem;font-weight:500;padding-left:3px}.settings-block .separator{width:100%;height:1px;background-color:#464646}.list-button{width:100%;padding:5px;background-color:#1f1f1f;border:1px solid rgb(90,90,90);border-radius:6px;color:#fff;cursor:pointer}.list-button:disabled{color:#adadad}.list-button .row{gap:.5rem;align-items:center;justify-content:space-between}.list-button .row svg{min-width:.85rem;font-size:.85rem}.list-button .row .row{overflow:hidden;min-width:0px}.list-button>.row:nth-of-type(2){overflow:hidden;min-width:0px}.list-button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0px}body.order-list-dragging,body.order-list-dragging *{cursor:grabbing!important}.order-list .order-item{border-radius:6px}.order-list .order-item-dragging{z-index:1000!important;box-shadow:0 10px 28px #00000073;will-change:transform}.document-settings .document-inputs{gap:.5rem;margin-top:18px}.document-settings .order-list{margin-top:20px}.document-settings .document-inputs .separator{width:30%;align-self:center}.document-settings .add-button{display:flex;justify-content:center;background-color:#252525;padding:6px 0;border-radius:6px;border:1px solid rgb(90,90,90);cursor:pointer;transition:background-color .4s,color .4s;text-decoration:none;text-align:center;color:#cfcfcf;font-weight:bolder;margin-top:15px}.document-settings .add-button span{font-size:.75rem}.document-settings .add-button .row{justify-content:center;align-items:center;gap:2px}.document-settings .add-button:hover{background-color:#fff;color:#000}.document-settings .list-button{margin-top:5px}.color-picker{align-items:center;background-color:#363636;border-radius:6px;padding:5px;gap:.5rem;border:1px solid transparent}.color-picker:focus-within{border-color:#22a7ff}.color-picker input{background:transparent;outline:none;border:none;flex:1;font-size:.75rem;align-items:center;color:#e7e7e7}.color-button{width:15px;height:15px;min-width:15px;border:none;border-radius:4px}.color-picker-dialog .color-picker-shade{width:150px;height:150px;background:linear-gradient(to right,#fff,#fff0)}.color-picker-dialog .color-picker-shade-dark{width:150px;height:150px;background:linear-gradient(to top,#000,#0000)}.color-picker-dialog .color-picker-line{height:10px;width:150px;border-radius:5px;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.color-picker-dialog .color-picker-line input{block-size:24px;inline-size:calc(100% + 2px);margin-inline:-1px;margin-block-start:-6px;appearance:none;color:#fff;background:transparent;--thumb-color: red}.color-picker-dialog .color-picker-line input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;border:2px solid #333;cursor:pointer;transition:background-color .1s ease;background-color:var(--thumb-color)}.color-picker-dialog .color-picker-line input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:2px solid #333;cursor:pointer;transition:background-color .1s ease;background-color:var(--thumb-color)}.color-picker-dialog .column{gap:.5rem;padding:15px;background-color:#2e2e2e}.number-picker{align-items:center;background-color:#363636;border-radius:6px;padding:5px;gap:.5rem;border:1px solid transparent;color:#fff}.number-picker:focus-within{border-color:#22a7ff}.number-picker .number-button{background:transparent;color:#e6e6e6;font-size:1rem;text-align:center;height:15px;border:none;border-radius:4px;padding:0;cursor:ew-resize}.number-picker .number-button svg{min-width:.85rem;font-size:.85rem}.number-picker input{background:transparent;outline:none;border:none;font-size:.75rem;align-items:center;width:100%;color:#e7e7e7}.rectangle-settings{width:100%;align-items:center;box-sizing:border-box;gap:0}.fonts-style-list ul{list-style-type:none;padding:0;margin:10px 0;overflow-y:scroll;overflow-x:hidden;max-height:300px;max-width:200px}.fonts-style-list ul::-webkit-scrollbar{width:3px}.fonts-style-list ul::-webkit-scrollbar-track{background:transparent}.fonts-style-list ul::-webkit-scrollbar-thumb{background-color:silver;border-radius:10px}.fonts-style-list ul::-webkit-scrollbar-thumb:hover{background-color:gray}.fonts-style-list .element-dialog{padding:0}.fonts-style-list ul button{display:flex;width:100%;text-align:left;padding:6px 8px;background:transparent;border:none;min-width:200px;color:#fff;align-items:center}.fonts-style-list ul button:hover{background-color:#4b4b4b}.fonts-style-list ul button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:.8rem}.fonts-style-list ul button .row{justify-content:space-between;width:100%;align-items:center;gap:0}.fonts-style-list ul li.selected button{background-color:#3d3d3d}.fonts-style-list ul li button:disabled{color:#a0a0a0}.fonts-style-list ul li button:disabled:hover{background-color:transparent}.fonts-style-list ul li svg{visibility:hidden;color:#dfdfdf;font-size:.75rem;flex-shrink:0}.fonts-style-list ul li.selected svg{visibility:visible}.fonts-style-list .fonts-dialog{gap:0px}.fonts-style-list .search-bar-container{padding:8px}.search-bar{border:1px solid rgb(122,122,122);border-radius:6px;outline:none;background:transparent;color:#fff;padding:5px;flex:1}.search-bar .row{gap:5px}.search-bar input{background:transparent;outline:none;border:none;flex:1;font-size:.75rem;align-items:center;color:#e7e7e7}.fonts-list .fonts-list-button{width:100%;padding:5px;background-color:#2e2e2e;border:1px solid rgb(90,90,90);border-radius:6px}.fonts-list .fonts-list-button .row{gap:.5rem;align-items:center}.fonts-list .fonts-list-button>.row{justify-content:space-between}.fonts-list ul{list-style-type:none;padding:0;margin:5px 0 12px;overflow-y:scroll;overflow-x:hidden;min-height:300px;max-height:300px;max-width:200px}.fonts-list ul::-webkit-scrollbar{width:3px}.fonts-list ul::-webkit-scrollbar-track{background:transparent}.fonts-list ul::-webkit-scrollbar-thumb{background-color:silver;border-radius:10px}.fonts-list ul::-webkit-scrollbar-thumb:hover{background-color:gray}.fonts-list .element-dialog{padding:0}.fonts-list ul button{display:flex;width:100%;text-align:left;padding:6px 8px;background:transparent;border:none;min-width:200px;color:#fff;align-items:center}.fonts-list ul button:hover{background-color:#4b4b4b}.fonts-list ul button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:.8rem}.fonts-list ul button .row{justify-content:space-between;width:100%;align-items:center;gap:0}.fonts-list ul li.selected button{background-color:#3d3d3d}.fonts-list ul li svg{visibility:hidden;color:#dfdfdf;font-size:.75rem;flex-shrink:0}.fonts-list ul li.selected svg{visibility:visible}.fonts-list .fonts-dialog{gap:0px}.fonts-list .search-bar-container{padding:8px}.text-settings,.date-settings{width:100%;align-items:center;box-sizing:border-box;gap:0}.full-screen-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block;touch-action:none}.modal-dialog{background-color:#131313;border-radius:10px;overflow:hidden;box-shadow:0 2px 5px #00000059,inset 0 0 2px #fff4,0 10px 16px #00000059,inset .5px 0 #ffffff14;padding:20px}.prime-button{display:flex;justify-content:center;background-color:#22a7ff;font-size:.9rem;padding:10px 0;border-radius:10px;border:none;cursor:pointer;transition:background-color .4s,color .4s;text-decoration:none;text-align:center;color:#fff;margin-bottom:5px;font-weight:bolder}.prime-button:hover{background-color:#fff;color:#000}.prime-button:disabled{background-color:#353535;cursor:default;color:#8a8a8a}.prime-button:disabled:hover{color:#8a8a8a}.premium-button{background-color:#f80}.second-button{display:flex;justify-content:center;background-color:#1f1f1f;font-size:.9rem;padding:10px 0;border-radius:10px;border:1px solid rgb(77,77,77);cursor:pointer;transition:background-color .4s,color .4s;text-decoration:none;text-align:center;color:#cfcfcf;margin-bottom:5px;font-weight:bolder}.second-button:hover{background-color:#fff;color:#000}.text-input{background-color:#2c2c2c;outline:none;flex:1;font-size:.75rem;align-items:center;padding:8px 10px;font-size:.8rem;border-radius:5px;border:1px solid rgb(61,61,61);transition:border-color .2s ease}.input-error{border-color:#ff2727}.login-dialog{gap:1.5rem}.login-dialog h3{margin-bottom:10px;margin-top:10px}.login-dialog a{font-size:.85rem;text-align:right;cursor:pointer;color:#1395ec}.login-dialog a:hover{color:#23a4fa}.login-dialog input{min-width:300px}.login-dialog .or-label{align-items:center;justify-content:center}.login-dialog .or-label .divider{height:2px;background-color:#333;width:30%}.login-dialog .or-label span{color:#9e9e9e;white-space:nowrap;font-size:.85rem}.login-dialog .have-account{justify-content:center;align-items:center;gap:7px}.login-dialog .have-account span{font-size:.85rem}.login-dialog .providers{justify-content:center}.login-dialog .user-provider{width:35px;height:35px;border-radius:50%;border:none;background-color:#383838;font-size:1.8rem;align-items:center;justify-content:center;display:flex;cursor:pointer}.login-dialog .user-provider:hover{background-color:#474747}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;overflow-y:scroll;overflow-x:hidden;max-width:35vw;align-items:center;justify-items:center;justify-content:center;padding:5px;min-width:40vw;max-width:40vw;min-height:45vh;max-height:45vh}.templates-grid::-webkit-scrollbar{width:3px}.templates-grid::-webkit-scrollbar-track{background:transparent}.templates-grid::-webkit-scrollbar-thumb{background-color:silver;border-radius:10px}.templates-grid::-webkit-scrollbar-thumb:hover{background-color:gray}.templates-grid .template-element{display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:10px;overflow:hidden;background:linear-gradient(200deg,#ffffff0f,#fafafa0f);border:1px solid rgb(83,83,83);transition:all .2s;padding:15px;max-width:300px}.templates-grid .template-element:hover{transform:translateY(-1px);border-color:#e7e7e76b;box-shadow:0 12px 30px #0000001f;background:linear-gradient(200deg,#ffffff0f,#fafafa1a)}.templates-grid .template-element img{width:100%;border-radius:5px}.templates-list .row{gap:.4rem}.templates-list .filter button{background-color:transparent;border:1px solid rgb(73,73,73);border-radius:999px;padding:5px 10px;font-size:.8rem;min-width:40px;color:silver;cursor:pointer;transition:all .2s}.templates-list .filter button .row{align-items:center}.templates-list .filter button:hover:not(.selected){border-color:#e7e7e76b;box-shadow:0 12px 30px #0000001f;background:linear-gradient(200deg,#ffffff0f,#fafafa1a)}.templates-list .filter .selected{background-color:#535353;color:#fff;border:1px solid transparent}.templates-list .filter button .count{background-color:#353535;border-radius:50%;padding:3px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.7rem}.templates-list .filter .selected .count{background-color:#535353}.templates-grid .template-skeleton{border-radius:10px;overflow:hidden;padding:15px;width:242px;height:328px}.templates-grid .template-skeleton-inner{width:100%;height:100%;border-radius:5px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.create-dialog{gap:1.2rem}.create-dialog .or-label{align-items:center;justify-content:center}.create-dialog .or-label .divider{height:2px;background-color:#333;width:30%}.create-dialog .or-label span{color:#9e9e9e;white-space:nowrap;font-size:.85rem}.create-dialog .hide-create{justify-content:center}.signup-dialog{gap:1.5rem}.signup-dialog h3{margin-bottom:10px;margin-top:10px}.signup-dialog a{font-size:.85rem;text-align:right;cursor:pointer;color:#1395ec}.signup-dialog a:hover{color:#23a4fa}.signup-dialog input{min-width:300px}.signup-dialog .or-label{align-items:center;justify-content:center}.signup-dialog .or-label .divider{height:2px;background-color:#333;width:30%}.signup-dialog .or-label span{color:#9e9e9e;white-space:nowrap;font-size:.85rem}.signup-dialog .have-account{justify-content:center;align-items:center;gap:7px}.signup-dialog .have-account span{font-size:.85rem}.signup-dialog .providers{justify-content:center}.signup-dialog .user-provider{width:35px;height:35px;border-radius:50%;border:none;background-color:#383838;font-size:1.8rem;align-items:center;justify-content:center;display:flex;cursor:pointer}.signup-dialog .user-provider:hover{background-color:#474747}.signup-dialog .password-criterias{gap:10px}.signup-dialog .password-criterias ul{margin:0;font-size:.8rem;padding-left:0}.signup-dialog .password-criterias ul li{list-style:none;padding:2px 20px;color:silver;align-items:center;display:flex;transition:color .2s ease-in-out}.signup-dialog .password-criterias ul .green{color:#90ee90}.signup-dialog .password-criterias ul li svg{font-size:.6rem}.signup-dialog .password-criterias ul li .row{align-items:center;gap:10px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,40vw),1fr));grid-auto-rows:75px;gap:.9rem;overflow-y:scroll;overflow-x:hidden;min-height:40vh;max-height:40vh;max-width:40vw;min-width:40vw;padding:10px;justify-content:start}.projects-grid::-webkit-scrollbar{width:3px}.projects-grid::-webkit-scrollbar-track{background:transparent}.projects-grid::-webkit-scrollbar-thumb{background-color:silver;border-radius:10px}.projects-grid::-webkit-scrollbar-thumb:hover{background-color:gray}.projects-grid .project-element{display:flex;cursor:pointer;border-radius:10px;overflow:hidden;background:linear-gradient(200deg,#ffffff0f,#fafafa0f);border:1px solid rgb(83,83,83);transition:all .2s;padding:12px;height:75px}.projects-grid .project-element .row{align-items:start;width:100%;gap:10px}.projects-grid .project-element.highlight,.projects-grid .project-element:hover{border-color:#e7e7e76b;box-shadow:0 12px 30px #0000001f;background:linear-gradient(200deg,#ffffff0f,#fafafa1a)}.projects-grid .project-element svg{font-size:3rem;color:#a8a8a8;flex-shrink:0;min-width:3rem;height:3rem}.projects-grid .project-element .project-data{gap:5px;justify-content:left;align-items:start;text-align:left;flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}.projects-grid .project-element .project-data span:first-child{color:#e6e6e6;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block;flex-shrink:0;padding:4px}.projects-grid .project-element .project-data span:not(:first-child){color:#afafaf;font-size:.7rem;flex-shrink:0;padding-left:4px}.projects-grid .project-element .name-input{box-shadow:none;outline:none;margin:0;font-size:.9rem;padding:4px;border:none;box-sizing:border-box;width:100%}.projects-grid .project-element .name-input:focus{box-shadow:inset 0 0 0 1px #007bff;background-color:#3a3a3a;border-radius:5px}.search{max-width:220px}.premium-dialog{gap:0;max-width:15vw;display:flex;flex-direction:column;position:relative;background:#222;margin:0!important;padding:1.5rem!important}.premium-dialog .top-half{gap:5px}.premium-dialog .top-half svg{font-size:4rem}div:has(.premium-dialog){padding:0!important}.premium-dialog .pricing-row{display:flex;align-items:baseline;justify-content:center;gap:.3rem;padding:0;margin-top:.25rem}.premium-dialog .price{font-size:3rem;font-weight:600;color:#fff}.premium-dialog .period{font-size:2rem;color:#fffc;font-weight:500}.premium-dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:35%;background:linear-gradient(45deg,#ff6b35,#f8a62a);clip-path:polygon(0 0,100% 0,100% 80%,0 100%);z-index:0}.premium-dialog .top-half{flex:0 0 45%;padding:0;color:#fff;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:220px}.premium-dialog .bottom-half{flex:1;padding:0;color:transparent;position:relative;z-index:1;margin-top:4.5rem;padding-top:1rem}.premium-dialog .bottom-half>.column{gap:2rem}.premium-dialog .features-list{list-style:none;padding:0;margin:0}.premium-dialog .feature-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.4rem;font-size:.9rem;color:#fff;line-height:1.2}.premium-dialog .check-icon{color:#22a7ff;font-size:.8rem;flex-shrink:0;margin-top:.1rem}.dialog-container{position:relative;background-color:#00000073;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.dialog-container>div{animation:fade-in .12s linear forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.drop-area{width:100vw;height:100vh;background-color:transparent;top:0;left:0;justify-content:center;align-items:center;display:flex;position:absolute;z-index:1000!important}.drop-area.dragging{animation:blur-in .1s ease forwards}.drop-area-stroke{width:99vw;height:99vh;border:1px dashed silver;display:flex;align-items:center;justify-content:center}@keyframes blur-in{0%{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(.8px);backdrop-filter:blur(.8px)}}.documents-list{padding-left:10px;padding-right:5px;margin:0;display:flex;flex-direction:column;gap:5px;color:#fff}.documents-list .list-title{font-weight:500;padding-bottom:10px;padding-top:10px;padding-left:3px;font-size:.75rem}.documents-list .documents-list-element{list-style-type:none}.documents-list .documents-list-element>button{display:flex;align-items:center;border:none;border-radius:6px;gap:5px;width:100%;background:transparent;padding:2px;height:30px;color:#cecece}.documents-list .documents-list-element>button:hover{background-color:#494949}.documents-list .documents-list-element>button.selected{color:#eee;background-color:#3d3d3d}.documents-list .documents-list-element>button.selected:hover{background-color:#3d3d3d}.documents-list .documents-list-element>button .document-icon{flex-shrink:0;font-size:1rem;padding-left:5px}.documents-list .documents-list-element>button:hover .checkbox-icon{visibility:visible}.documents-list .documents-list-element .checkbox-icon.hidden{visibility:visible}.documents-list .documents-list-element .checkbox-icon{-webkit-user-select:none;user-select:none;flex-shrink:0;border-radius:8px;align-items:center;position:relative;display:flex;height:100%;visibility:hidden}.documents-list .documents-list-element .checkbox-icon:hover{background-color:#494949}.documents-list .documents-list-element .checkbox-icon input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;flex:1;width:100%;height:100%;padding:12px}.documents-list .documents-list-element .eye-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;font-size:1rem}.documents-list .documents-list-element button span{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-size:.75rem;padding-left:3px;transition:color .1s ease-in-out}.documents-list .documents-list-element button span.hidden{color:#949494}.documents-list .documents-list-element .name-input{flex:1 1 auto;border:none;border-radius:4px;box-shadow:none;outline:none;height:30px;padding:0 0 0 3px;margin:0;font-size:.75rem}.documents-list .documents-list-element .name-input:focus{box-shadow:inset 0 0 0 1px #007bff;background-color:#494949;border-radius:5px}.documents-list .create-document{justify-content:center;align-items:center;display:flex;margin-top:20px}.documents-list .create-document span{font-size:.8rem;color:#a7a7a7}.documents-list .create-document .column{gap:0px;align-items:center;justify-content:center}.sidemenu{position:fixed;left:10px;top:10px;bottom:10px;background-color:#222;width:270px;border-radius:10px;box-shadow:0 1px 3px #00000059,0 1px 3px #00000080,inset 0 1px #ffffff14,inset 0 0 1px #ffffff4d;transition:background-color .3s,color .2s}.resizable-area{flex:1;display:flex;flex-direction:column}.resizer{height:5px;background:transparent;cursor:ns-resize;-webkit-user-select:none;user-select:none;position:relative;flex-shrink:0}.resizer:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#696969;transform:translateY(-50%)}.width-resizer{position:absolute;top:8px;right:0;width:10px;height:calc(100% - 16px);background:transparent;cursor:ew-resize;-webkit-user-select:none;user-select:none;z-index:10;border-radius:0 8px 8px 0}.width-resizer:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background-color:transparent;transition:background-color .15s}.width-resizer:hover:after,.width-resizer.active:after{background-color:#2196f3}.sidemenu .scrollable{overflow-y:auto;scrollbar-gutter:stable}.sidemenu .panel{flex-shrink:0}.sidemenu .resizable{flex:1;min-height:0}.sidemenu .scrollable::-webkit-scrollbar{width:4px}.sidemenu .scrollable::-webkit-scrollbar-track{background:transparent}.sidemenu .scrollable::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.sidemenu .scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidemenu .scrollable::-webkit-scrollbar-corner{background:transparent}.project-label{gap:2px}.project-label>.row{padding:8px 10px;border-radius:10px;gap:2px;align-items:center;height:25px}.project-label .divider{height:2px;background-color:#474747;width:100%}.project-label .project-button{font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;padding-left:10px;padding-right:10px;border-top-left-radius:6px;border-bottom-left-radius:6px;height:100%;text-align:center;display:flex;align-items:center;min-width:0;background-color:transparent;border:none;cursor:pointer}.project-label .project-button:hover{background-color:#494949}.project-label .project-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-label:has(.icon:hover) .project-button{background-color:#3d3d3d}.project-label:has(.project-button:hover) .icon{background-color:#3d3d3d}.project-label .icon{color:#fff;cursor:pointer;border-top-right-radius:6px;border-bottom-right-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1rem;height:100%;width:25px;border:none;background-color:transparent}.project-label .icon:hover{background-color:#494949}.shield-label{position:absolute;right:15px;bottom:10px;font-size:1.8rem;color:#fff;cursor:pointer}.tooltip{background-color:#0a0a0a;border-radius:10px;padding:8px;max-width:20vw;text-align:center;font-size:.85rem;font-weight:400;box-sizing:border-box;position:fixed;pointer-events:none}.tooltip-hidden{visibility:hidden}#root{margin:0 auto}.mobile-not-supported{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background-color:#131313;touch-action:none;user-select:none;-webkit-user-select:none}.mobile-not-supported-panel{align-items:center;text-align:center;max-width:320px;gap:1rem;background-color:#2e2e2e;border-radius:10px;padding:28px 24px;box-shadow:inset 0 0 2px #ffffff21,inset .5px 0 #ffffff14,0 10px 16px #00000059}.mobile-not-supported-panel .icon{font-size:3.5rem;color:#adadad}.mobile-not-supported-panel .title{margin:0;font-size:1.15rem;font-weight:600;line-height:1.3;color:#fff}.mobile-not-supported-panel .message{margin:0;font-size:.9rem;line-height:1.45;color:#c7c7c7}