#page-test .main-content{margin:2rem 2rem 0}#page-test .loading-engine{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:3rem;text-align:center}#page-test .spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top:3px solid #333;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){#page-test .app-container{padding:1rem}#page-test .app-header h1{font-size:1.5rem}}.preset-ratios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem;margin-bottom:2rem}.ratio-preset-card{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;cursor:pointer;display:flex;flex-direction:column;gap:1rem}.ratio-preset-card.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 4px 12px #3b82f633}.ratio-preset-card.custom-card .custom-upload-wrapper{display:flex;flex-direction:column;gap:1rem;cursor:pointer}.ratio-preset-card.custom-card .custom-upload-input{display:none}.ratio-preset-card.custom-card .custom-hint{font-size:.8125rem;color:#9ca3af}.ratio-preset-header{display:flex;flex-direction:column;align-items:center}.ratio-visual-container{flex-shrink:0;width:8rem;height:8rem;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:8px;padding:12px}.ratio-box{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 8px #667eea4d;transition:transform .2s ease}.ratio-preset-card:hover .ratio-box{transform:scale(1.08)}.ratio-box.upload-placeholder{width:56px;height:56px;background:#e5e7eb;display:flex;justify-content:center;align-items:center;color:#9ca3af;border:2px dashed #cbd5e1;box-shadow:none}.ratio-preset-info{flex:1;min-width:0}.ratio-preset-title{font-size:1.0625rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.ratio-preset-ratio{font-size:1rem;font-weight:700;color:#fff}.ratio-preset-platform{font-size:.8125rem;color:#6b7280;margin:1rem 0}.ratio-resolutions-info{position:relative;padding-top:.75rem}.main-resolution{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151;padding:.5rem .75rem;background:#f9fafb;border-radius:6px;cursor:help;transition:background .2s ease}.main-resolution:hover{background:#f3f4f6}.main-resolution:hover~.resolution-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.resolution-tag{font-size:.75rem;font-weight:500;color:#6b7280;background:#e5e7eb;padding:.125rem .5rem;border-radius:4px}.resolution-tooltip{position:absolute;bottom:calc(100% + .75rem);transform:translateY(10px);background:#1f2937;color:#fff;padding:.75rem 1rem;border-radius:8px;box-shadow:0 4px 12px #0003;opacity:0;visibility:hidden;z-index:10;white-space:nowrap;pointer-events:none}.resolution-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1f2937}.tooltip-header{font-size:.75rem;font-weight:600;color:#9ca3af;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.tooltip-resolution{font-size:.875rem;color:#e5e7eb;padding:.25rem 0;display:flex;align-items:center;gap:.5rem}.tooltip-tag{font-size:.75rem;color:#9ca3af;background:#ffffff1a;padding:.125rem .5rem;border-radius:4px}.aspect-ratio-actions{display:flex;justify-content:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.preset-ratios-grid{grid-template-columns:1fr;gap:1rem}.ratio-preset-card{padding:1.25rem}.ratio-visual-container{width:6rem;height:6rem}.resolution-tooltip{display:none}.tooltip-header{color:#6b7280}.tooltip-resolution{color:#374151}.tooltip-tag{background:#e5e7eb;color:#6b7280}}.ui-button{background-color:#223a3b;border:0;border-radius:.5rem;color:#fff;display:flex;align-content:center;justify-content:center;font-size:1rem;font-weight:700;height:3.5rem;margin:.5rem 0;width:100%}.ui-button:not(:disabled):hover{background-color:#172728;color:#fff;cursor:pointer}.ui-button:disabled{cursor:not-allowed;background-color:#ddd;color:#888}.ui-button:disabled label,.ui-button:disabled span{cursor:not-allowed}.ui-button.warning{background-color:#cbad16}.ui-button.warning:disabled{opacity:.3}.ui-button.warning:not(:disabled):hover{background-color:#c1a415}.ui-button.danger{background-color:#f35050;color:#fff}.ui-button.danger:disabled{opacity:.3}.ui-button.danger:not(:disabled):hover{background-color:#f24141}.ui-button.info{background-color:#0f6ab7}.ui-button.info:disabled{opacity:.3}.ui-button.info:not(:disabled):hover{background-color:#0e65ae}.ui-button.success{background-color:#36982d}.ui-button.success:disabled{opacity:.3}.ui-button.success:not(:disabled):hover{background-color:#33902b}.ui-button.success label,.ui-button.success span{color:#fff}.ui-button.on-surface{background-color:#f2f2f2}.ui-button.on-surface label,.ui-button.on-surface span{color:#000}.ui-button.on-surface:disabled{opacity:.3}.ui-button.on-surface:not(:disabled):hover{background-color:#e6e6e6}.ui-button label,.ui-button span{display:flex;font-size:1rem;font-weight:400;margin:auto .5rem;cursor:pointer}body[data-device-type=mobile] .ui-button{border-radius:.5rem;height:3.375rem}.file-upload-row{display:flex;flex-direction:column;padding:1.5rem 0 1rem;margin:0 1.5rem;position:relative;transition:all .2s ease;max-width:100%;overflow:hidden}.file-upload-row::-webkit-scrollbar-track{background:transparent}.file-upload-row.dragging{border-color:#007bff;background-color:#e7f3ff;border-width:2px}.file-upload-row.at-max-capacity.dragging{border-color:transparent;background-color:transparent;border-width:0}.file-upload-row .label-container{display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.file-upload-row .upload-label{font-weight:600;color:#212529;font-size:1rem}.file-upload-row .file-count{background-color:#e6e6e6;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;color:#6c757d;font-weight:500;transition:all .2s ease}.file-upload-row .file-count.max-reached{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.file-upload-row .upload-area{display:flex;flex-direction:row;gap:1rem;position:relative;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:.5rem 0}.file-upload-row .upload-area .file-input{display:none}.file-upload-row .upload-area .upload-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:calc(10rem - 4px);width:calc(10rem - 4px);min-width:calc(10rem - 4px);background-color:#fff;border:2px dashed #dee2e6;border-radius:.5rem;cursor:pointer;font-weight:500;color:#212529;transition:all .2s ease}.file-upload-row .upload-area .upload-button:hover{border-color:#255924;background-color:#25592411}.file-upload-row .upload-area .upload-button .upload-text{font-size:.875rem}.file-upload-row .upload-area .upload-button .upload-icon{font-size:1.5rem}.file-upload-row .upload-area .file-list{display:flex;gap:1rem;flex-wrap:nowrap}.file-upload-row .upload-area .file-list .file-item{display:flex;flex-direction:column;align-items:center;height:10rem;width:10rem;min-width:10rem;flex-shrink:0;gap:.5rem;border-radius:.5rem;position:relative;background-color:#f6f6f7;overflow:hidden}.file-upload-row .upload-area .file-list .file-item .thumbnail-container{height:8rem;width:100%;flex-shrink:0}.file-upload-row .upload-area .file-list .file-item .thumbnail-container video{height:100%;width:100%;object-fit:cover;border-radius:.5rem .5rem 0 0}.file-upload-row .upload-area .file-list .file-item .thumbnail-container .thumbnail-placeholder{font-size:2rem;color:#adb5bd;display:flex;align-items:center;justify-content:center;height:100%}.file-upload-row .upload-area .file-list .file-item .file-name{font-size:.75rem;color:#212529;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 .5rem;flex-shrink:0}.file-upload-row .upload-area .file-list .file-item .remove-btn{position:absolute;top:.25rem;right:.25rem;background-color:#dc3545e6;border:none;color:#fff;font-size:1.25rem;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.file-upload-row .upload-area .file-list .file-item .remove-btn:hover{background-color:#dc3545}.alert-container{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:calc(100vw - 2rem);width:600px;pointer-events:none}.alert-container>*{pointer-events:auto}.alert{position:relative;display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:.5rem;border:1px solid;overflow:hidden;animation:alertSlideIn .3s ease-out;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.alert.alert-exit{animation:alertSlideOut .3s ease-in forwards}.alert .alert-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.alert .alert-icon svg{width:100%;height:100%}.alert .alert-content{flex:1;min-width:0}.alert .alert-content .alert-title{font-weight:600;font-size:.875rem;line-height:1.25rem;margin-bottom:.25rem}.alert .alert-content .alert-description{font-size:.875rem;line-height:1.5;opacity:.9}.alert .alert-content .alert-body{margin-top:.5rem;font-size:.875rem;line-height:1.5}.alert .alert-dismiss{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.alert .alert-dismiss svg{width:16px;height:16px}.alert .alert-dismiss:hover{opacity:1}.alert .alert-dismiss:focus{outline:none;opacity:1}.alert .alert-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;transform-origin:left;animation:alertProgress linear forwards}.alert.alert-error{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.alert.alert-error .alert-icon{color:#dc2626}.alert.alert-error .alert-dismiss{color:#991b1b}.alert.alert-error .alert-dismiss:hover{background-color:#fee2e2}.alert.alert-error .alert-progress{background-color:#dc2626}.alert.alert-warning{background-color:#fffbeb;border-color:#fde68a;color:#92400e}.alert.alert-warning .alert-icon{color:#f59e0b}.alert.alert-warning .alert-dismiss{color:#92400e}.alert.alert-warning .alert-dismiss:hover{background-color:#fef3c7}.alert.alert-warning .alert-progress{background-color:#f59e0b}.alert.alert-info{background-color:#eff6ff;border-color:#bfdbfe;color:#1e40af}.alert.alert-info .alert-icon{color:#3b82f6}.alert.alert-info .alert-dismiss{color:#1e40af}.alert.alert-info .alert-dismiss:hover{background-color:#dbeafe}.alert.alert-info .alert-progress{background-color:#3b82f6}.alert.alert-success{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.alert.alert-success .alert-icon{color:#16a34a}.alert.alert-success .alert-dismiss{color:#166534}.alert.alert-success .alert-dismiss:hover{background-color:#dcfce7}.alert.alert-success .alert-progress{background-color:#16a34a}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes alertSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}@keyframes alertProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 640px){.alert-container{width:calc(100vw - 2rem);max-width:100%}.alert .alert-icon{width:18px;height:18px}.alert .alert-content .alert-title,.alert .alert-content .alert-description,.alert .alert-content .alert-body{font-size:.813rem}.alert .alert-dismiss svg{width:14px;height:14px}}.step-container .step-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1.5rem;flex-wrap:wrap}.step-container .step-header .step-header-text{flex:1;min-width:250px}.step-container .step-header .step-title{margin:0 0 .5rem;font-size:1.5rem;color:#212529;font-weight:600}.step-container .step-header .step-description{margin:0;color:#6c757d;font-size:1rem}.step-container .aspect-ratio-selector{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.step-container .aspect-ratio-selector .aspect-ratio-label{font-size:1rem}.step-container .aspect-ratio-selector .aspect-ratio-dropdown{width:fit-content;padding:.625rem .75rem;border:1px solid #dee2e6;border-radius:.375rem;font-size:.875rem;background-color:#fff;cursor:pointer}.step-container .aspect-ratio-selector .aspect-ratio-dropdown:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7}.step-container .custom-matrix-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:1rem}.step-container .custom-matrix-toggle .toggle-text{font-weight:500;color:#212529;font-size:1rem;-webkit-user-select:none;user-select:none}.step-container .custom-matrix-toggle .toggle-switch{position:relative;display:inline-block;width:50px;height:24px;flex-shrink:0}.step-container .custom-matrix-toggle .toggle-switch .toggle-input{opacity:0;width:0;height:0;position:absolute}.step-container .custom-matrix-toggle .toggle-switch .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#6c757d;border-radius:24px;transition:background-color .3s ease}.step-container .custom-matrix-toggle .toggle-switch .toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background-color:#fff;top:3px;left:3px;transition:transform .3s ease}.step-container .custom-matrix-toggle .toggle-switch .toggle-input:checked~.toggle-slider{background-color:#007bff}.step-container .custom-matrix-toggle .toggle-switch .toggle-input:checked~.toggle-slider:before{transform:translate(26px)}.step-container .custom-matrix-toggle .toggle-switch .toggle-input:focus~.toggle-slider{box-shadow:0 0 0 2px #007bff40}.step-container .upload-section{display:flex;gap:2rem}.step-container .upload-section .upload-file-rows{display:flex;flex-direction:column;flex:1;background-color:#fff;border-radius:.5rem;height:fit-content;overflow:hidden}.step-container .upload-section .upload-file-rows .file-upload-row{border-bottom:1px solid #E6E6E6}.step-container .upload-section .upload-file-rows .file-upload-row:last-child{border-bottom:none}.step-container .upload-section .upload-sidemenu{display:flex;flex-direction:column;gap:1rem;width:20rem}.step-container .upload-section .upload-sidemenu-item{background-color:#fff;width:calc(100% - 3rem);padding:1.5rem;border-radius:.5rem;display:flex;flex-direction:column;justify-content:space-between}.step-container .upload-section .upload-sidemenu-item .upload-sidemenu-title{margin-top:0}.step-container .upload-section .upload-sidemenu-item .ui-button{margin:0}.step-container .upload-section .upload-sidemenu-item .submit-btn .ui-button-text{font-weight:600}.step-container .module-controls{display:flex;gap:1rem;justify-content:center}.step-container .combination-warning{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;margin-bottom:1rem;background-color:#fff3cd;border:1px solid #FFE69C;border-radius:.5rem;animation:slideIn .3s ease-out}.step-container .combination-warning .warning-icon{width:24px;height:24px;color:#856404;flex-shrink:0;margin-top:2px}.step-container .combination-warning .warning-content{flex:1}.step-container .combination-warning .warning-content .warning-title{margin:0 0 .25rem;font-weight:600;font-size:.875rem;color:#856404}.step-container .combination-warning .warning-content .warning-message{margin:0;font-size:.813rem;color:#856404;line-height:1.4}.step-container .combination-warning .warning-content .warning-message strong{font-weight:700}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.step-container .combination-info .combination-info-modules{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid #E6E6E6}.step-container .combination-info .combination-info-row{display:flex;justify-content:space-between;align-items:center}.step-container .combination-info .combination-info-row .combination-info-name{color:#8c8b92}.step-container .combination-info .combination-info-row .combination-info-count{background-color:#e6e6e6;padding:.5rem;border-radius:.375rem;color:#6c757d}.step-container .combination-info .combination-info-total{display:flex;justify-content:space-between;align-items:center}.step-container .combination-info .combination-info-total .combination-info-total-name{font-weight:700}.step-container .combination-info .combination-info-total .combination-info-total-number{background-color:#191725;padding:.5rem;border-radius:.375rem;color:#fff;font-weight:700;transition:all .3s ease}.step-container .combination-info .combination-info-total .combination-info-total-number.limited{background-color:#ff9800;animation:pulse 2s ease-in-out infinite}.step-container .combination-info strong{color:#007bff;font-size:1.25rem;font-weight:600}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@media (max-width: 768px){.step-container .step-header{flex-direction:column}.step-container .step-header .custom-matrix-toggle{width:100%;justify-content:center}.step-container .upload-section{flex-direction:column-reverse}.step-container .upload-section .upload-sidemenu{width:100%}.step-container .module-controls{flex-direction:column}.step-container .combination-warning .warning-icon{width:20px;height:20px}.step-container .combination-warning .warning-content .warning-title{font-size:.813rem}.step-container .combination-warning .warning-content .warning-message{font-size:.75rem}}.step-container .step-title{margin:0 0 .5rem;font-size:1.5rem;color:#212529;font-weight:600}.step-container .step-description{color:#961c1c;font-size:1rem}.progress-section{margin:2rem 0}.progress-bar-container{width:100%;height:24px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-bar{height:100%;background:#333;transition:width .3s ease}.progress-text{text-align:center;font-weight:500;font-size:1rem;color:#333}.current-status{text-align:center;padding:1rem;background:#f5f5f5;border-radius:4px;margin-bottom:1rem;color:#333;font-size:.9rem}.logs-container{max-height:300px;overflow-y:auto;background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;padding:1rem}.log-entry{padding:.4rem 0;border-bottom:1px solid #f0f0f0;font-family:monospace;font-size:.85rem;color:#555}.log-entry:last-child{border-bottom:none}.video-card{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;background:#fff}.video-card.selected{border-color:#333}.video-checkbox{padding:1rem;border-bottom:1px solid #f0f0f0}.video-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.video-preview{width:100%;display:block;background:#000}.video-info{padding:1rem}.video-name{font-weight:500;color:#333;margin-bottom:.75rem;font-size:.9rem}.video-parts{display:flex;flex-direction:column;gap:.4rem}.part-tag{padding:.3rem .6rem;border-radius:3px;font-size:.8rem;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f5f5f5;color:#666}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.download-all-btn{padding:.6rem 1.2rem;background:#333;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;font-size:.9rem;transition:background .2s ease}.download-all-btn:hover:not(:disabled){background:#555}.download-all-btn:disabled{background:#ccc;cursor:not-allowed}.controls-wrapper{display:flex;justify-content:space-between}.controls-wrapper .controls-group{display:flex;flex-direction:row;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.control-btn{width:fit-content}.control-btn .ui-button-text{font-size:.875rem}.control-btn:hover{border-color:#333}.control-btn.primary{background:#333;color:#fff;border-color:#333}.control-btn.primary:hover:not(:disabled){background:#555;border-color:#555}.control-btn.primary:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}.control-btn.secondary{border-color:#999;color:#666}.control-btn.secondary:hover{background:#f5f5f5;border-color:#666;color:#333}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}@media (max-width: 768px){.video-grid{grid-template-columns:1fr}.selection-controls{flex-direction:column}.control-btn{width:100%}.preview-header{flex-direction:column;gap:1rem;align-items:stretch}}.sidebar{left:0;top:0;background:#fff;position:fixed;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;padding:1rem;z-index:100;width:13rem}.sidebar--collapsed{width:4rem}.sidebar--collapsed .sidebar__group{border-bottom:1px solid #E6E6E6}.sidebar--collapsed .sidebar__group:last-child{border-bottom:none}@media (max-width: 768px){.sidebar{width:calc(100vw - 2rem)}.sidebar--collapsed{display:none}}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-Thin-DkEh1tGr.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-ThinItalic-DMaah5jT.ttf) format("truetype");font-weight:100;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-ExtraLight-CB7sYcKw.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-ExtraLightItalic-Vi6L2xV9.ttf) format("truetype");font-weight:200;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-Light-DJmM0YMo.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-LightItalic-iBwJ1o1M.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-Regular-YUu9NsMl.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-Italic-DJP-v6j-.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-Medium-zc_8DpEi.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-MediumItalic-DNn4PK-5.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-SemiBold-D1Wmf-nA.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-SemiBoldItalic-jPcQyyr7.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-Bold-BSBsqEbU.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-BoldItalic-DMAyUFVK.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-ExtraBold-BHb0x6jg.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-ExtraBoldItalic-BZ682hQ6.ttf) format("truetype");font-weight:800;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-Black-DvFzh1Tr.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-BlackItalic-XRXfVEUa.ttf) format("truetype");font-weight:900;font-style:italic}#customer-template{background:#f6f7f8;color:#1f2937}#customer-template .header{height:4rem;position:fixed;top:0}#customer-template .content-wrapper{margin-top:4rem;display:flex;position:relative;min-height:calc(100vh - 4rem)}#customer-template .content-wrapper .sidebar{margin-top:4rem;height:calc(100vh - 6rem);transition:width .3s ease}#customer-template .content-wrapper .sidebar.fullscreen div{padding:0!important}#customer-template .content-wrapper .content{overflow:hidden;transition:margin .3s ease;flex-grow:1;margin-left:15rem}#customer-template .content-wrapper .content.collapsed-sidebar{margin-left:6rem}@media (max-width: 768px){#customer-template .content-wrapper .content,#customer-template .content-wrapper .content.collapsed-sidebar{margin:0}}.header{background:#fff;border-bottom:1px solid #e5e5e5;width:calc(100vw - 4rem);padding:0 2rem;display:flex;align-items:center;z-index:1000;box-shadow:0 1px 3px #0000000d}.header__logo{display:flex;align-items:center;height:100%;margin-right:60px;gap:1rem;cursor:pointer;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.header__logo img{height:1.125rem;width:auto;object-fit:contain;display:block}.header__logo:hover{opacity:.8}.header__center{flex:1;display:flex;align-items:center;justify-content:center}.header__right{display:flex;align-items:center;gap:24px}.header__credits{font-size:14px;color:#666;font-weight:600;white-space:nowrap}@media (max-width: 768px){.header{padding:0 1rem;width:calc(100vw - 2rem);height:4rem}}@media (max-width: 480px){.header__credits{display:none}}#page-sign-in{width:100%;align-items:center;display:flex;flex-direction:column}#page-sign-in .logo{height:3rem;max-width:70%;margin-bottom:2rem}#page-sign-in .title{font-weight:700;margin:0 0 .5rem}#page-sign-in .description{color:#2a282f;font-size:1rem;font-weight:400;line-height:1.25rem;margin:0 0 1.75rem}#page-sign-in .reset-password{text-decoration:none;width:100%;color:#0f6ab7;text-align:right;font-size:.75rem;margin:.25rem 0 .75rem}#page-sign-in .signup-wrapper{width:calc(100% - 2rem);margin:1rem;padding:1rem;display:flex;justify-content:center;align-items:center;gap:1rem;border-top:1px solid #E6E6E6}#page-sign-in .signup-wrapper .signup-text{color:#2a282f;font-size:.875rem}#page-sign-in .signup-wrapper .signup-button{cursor:pointer;padding:.5rem .75rem;background-color:#fff;border:1px solid #E6E6E6;border-radius:.5rem}#sign-template{align-items:center;display:flex;height:100vh;flex-direction:column;justify-content:center;align-content:center;margin:auto}#sign-template .background-dot{z-index:-1;inset:0;position:absolute;background-image:radial-gradient(circle,#223A3B 2px,transparent 2px);background-size:40px 40px;opacity:.08}body[data-device-type=desktop] #sign-template{max-width:30rem}body[data-device-type=mobile] #sign-template{max-width:75%;height:100dvh}body[data-device-type=mobile] #sign-template .logo{height:2.5rem}[data-hide]{display:none!important}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-Thin-DkEh1tGr.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-ThinItalic-DMaah5jT.ttf) format("truetype");font-weight:100;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-ExtraLight-CB7sYcKw.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-ExtraLightItalic-Vi6L2xV9.ttf) format("truetype");font-weight:200;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-Light-DJmM0YMo.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-LightItalic-iBwJ1o1M.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-Regular-YUu9NsMl.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-Italic-DJP-v6j-.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-Medium-zc_8DpEi.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-MediumItalic-DNn4PK-5.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-SemiBold-D1Wmf-nA.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-SemiBoldItalic-jPcQyyr7.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-Bold-BSBsqEbU.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-BoldItalic-DMAyUFVK.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-ExtraBold-BHb0x6jg.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-ExtraBoldItalic-BZ682hQ6.ttf) format("truetype");font-weight:800;font-style:italic}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-Black-DvFzh1Tr.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-BlackItalic-XRXfVEUa.ttf) format("truetype");font-weight:900;font-style:italic}*{font-family:KulimPark,sans-serif}body{margin:0}