@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";:root{--logo-gray: #3F4041;--logo-blue: #0255C1;--color-primary: #006EFF;--color-secondary: #00AEFF;--color-bg: #D4EDFF;--color-bg-select: #ACECFF;--color-bg-light: #EBF4FA;--color-fg: #1A1A1A;--gray-500: #797979;--gray-400: #8A8A8A;--gray-300: #DBDBDB;--gray-200: #EBECEC;--gray-100: #F8F9F9;--color-red: #EB5252;--color-red-vivid: #FF0000;--color-orange: #ED933F;--color-orange-dark: #FF7300;--color-green: #3AD365;--modal-backdrop: rgba(26, 26, 26, .4);--sidebar-backdrop: rgba(26, 26, 26, .2);--font-size-h1: 64px;--font-size-h2: 56px;--font-size-h3: 48px;--font-size-h4: 40px;--font-size-t1: 36px;--font-size-t2: 28px;--font-size-t3: 24px;--font-size-t4: 20px;--font-size-t5: 18px;--font-size-t6: 16px;--font-size-t7: 14px;--font-size-b1: 24px;--font-size-b2: 24px;--font-size-b3: 20px;--font-size-b4: 16px;--font-size-b5: 14px;--font-size-l1: 12px;--font-weight-eb: 800;--font-weight-b: 700;--font-weight-sb: 600;--font-weight-m: 500;--font-weight-r: 400;--btn-h-1: 56px;--btn-h-2: 40px;--btn-h-3: 36px;--radius-full: 9999px;--radius-1: 12px;--radius-2: 8px;--radius-16: 16px;--padding-1: 120px;--padding-2: 32px;--padding-3: 24px;--drop-shadow-1: 0 10px 30px 0 rgba(0, 0, 0, .2);--drop-shadow-2: 0 4px 10px 0 rgba(0, 0, 0, .2);--drop-shadow-3: 0 4px 8px 0 rgba(0, 0, 0, .15);--drop-shadow-sidebar: 0 0 40px 0 rgba(0, 0, 0, .4);--outline-shadow-1: 0 0 8px 0 rgba(0, 0, 0, .12)}@media (max-width: 1280px){:root{--font-size-h1: 50px;--font-size-h2: 44px;--font-size-h3: 36px;--font-size-h4: 32px;--font-size-t1: 30px;--font-size-t2: 24px;--font-size-t3: 20px;--font-size-t4: 18px;--font-size-t5: 18px;--font-size-t6: 16px;--font-size-t7: 14px;--font-size-b1: 20px;--font-size-b2: 20px;--font-size-b3: 18px;--font-size-b4: 16px;--font-size-b5: 14px;--font-size-l1: 12px;--btn-h-1: 56px;--padding-1: 64px;--padding-2: 32px;--padding-3: 16px}}@media (max-width: 768px){:root{--font-size-h1: 36px;--font-size-h2: 32px;--font-size-h3: 28px;--font-size-h4: 26px;--font-size-t1: 24px;--font-size-t2: 20px;--font-size-t3: 16px;--font-size-t4: 16px;--font-size-t5: 16px;--font-size-t6: 14px;--font-size-t7: 12px;--font-size-b1: 16px;--font-size-b2: 16px;--font-size-b3: 16px;--font-size-b4: 14px;--font-size-b5: 12px;--font-size-l1: 12px;--btn-h-1: 48px;--padding-1: 64px;--padding-2: 24px;--padding-3: 16px}}body{font-family:Pretendard Variable,system-ui,Helvetica,Arial,sans-serif;line-height:normal;font-weight:var(--font-weight-m);font-size:var(--font-size-t5);color:var(--color-fg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,input,textarea,select,table,button,code,h1,h2,h3,h4,h5,h6{font-family:Pretendard Variable,system-ui,Helvetica,Arial,sans-serif;margin:0;padding:0;border:none;font-weight:var(--font-weight-m);border-collapse:collapse;border-spacing:0}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-eb)}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-b)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-b)}h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-b)}table th,table td{padding:0;border:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hidden,[hidden]{display:none!important}ul,ol,li{list-style:none;margin:0;padding:0}a{color:inherit;cursor:pointer;text-decoration:none;margin:0;padding:0}a:hover,a:focus{text-decoration:none}button{border:0;background-color:transparent;cursor:pointer}button:disabled{cursor:not-allowed}select,input[type=text],textarea,button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}input:disabled{background-color:#fff0;cursor:not-allowed}select{border:0;background-color:transparent;cursor:pointer}select::-ms-expand{display:none}input,textarea{font-size:inherit;border:0}input::placeholder,textarea::placeholder{color:#c9c9c9;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#444;opacity:1}input[readonly]::placeholder,input:disabled::placeholder,textarea[readonly]::placeholder,textarea:disabled::placeholder{color:#0003;opacity:1}input[readonly]:-ms-input-placeholder,input:disabled:-ms-input-placeholder,textarea[readonly]:-ms-input-placeholder,textarea:disabled:-ms-input-placeholder{color:#0003;opacity:1}input::-ms-clear,input::-ms-reveal,textarea::-ms-clear,textarea::-ms-reveal{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button,textarea::-webkit-inner-spin-button,textarea::-webkit-outer-spin-button{-webkit-appearance:none}.layout-root{flex-direction:column;width:100%;height:100%;flex-grow:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.main-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex-grow:1;flex-direction:column;width:100%}.section{display:flex;flex-direction:column;padding-inline:120px;justify-content:center;align-items:center}.container{max-width:1570px;width:100%;box-sizing:border-box;display:flex;flex-direction:column}.main-container{gap:32px}.main-page{display:flex;flex-direction:column;width:100%}.hero-section{display:flex;flex-direction:column;padding:60px 200px;justify-content:center;align-items:center;background:linear-gradient(180deg,#fff 20%,#e3ecf4cc 75%,#fff);word-break:keep-all}.hero-container{gap:32px}.hero-content,hero-description{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-eb);margin-bottom:24px}.hero-subtitle{font-size:var(--font-size-b1);font-weight:var(--font-weight-m);margin-bottom:32px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:16px}.hero-banner{height:auto;object-fit:contain;max-width:100%}.features-banner-section{padding-bottom:120px;align-items:center}.features-banner-content{padding:0 100px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#eef7ff,#d4edff);border-radius:16px;min-height:440px;box-sizing:border-box}.features-banner-text{flex-shrink:0;text-align:left;width:460px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.features-banner-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-b)}.features-banner-subtitle{font-size:var(--font-size-b1)}.features-banner-image{max-height:440px}.features-banner-image img{max-height:100%;max-width:100%;height:auto;width:auto;object-fit:contain}.features-section{background:var(--gray-100);padding-top:120px;padding-bottom:120px}.features-container{gap:32px}.features-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.features-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-b)}.features-subtitle{font-size:var(--font-size-t2);color:var(--logo-blue);font-weight:var(--font-weight-b)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.feature-card{background-color:#fff;border-radius:var(--radius-1);border:1px solid var(--gray-200);padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s ease,box-shadow .2s ease;word-break:keep-all}.feature-card:hover{transform:translateY(-2px);box-shadow:0 2px 16px #00000026}.feature-card-icon{max-height:180px;width:auto;margin-bottom:16px;border-radius:var(--radius-16);overflow:hidden}.feature-card-icon.icon-bg-1{background:linear-gradient(180deg,#1569d2,#b399ff)}.feature-card-icon.icon-bg-2{background:linear-gradient(180deg,#b399ff,#1569d2)}.feature-card-icon img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.feature-card-title{font-size:var(--font-size-t2);font-weight:var(--font-weight-b);margin-bottom:8px}.feature-card-description{font-size:var(--font-size-b3);font-weight:var(--font-weight-r)}.templates-section{padding-top:120px;padding-bottom:120px}.templates-container{align-items:center;gap:32px}.templates-header{text-align:center}.templates-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-b);margin-bottom:14px}.templates-grid{display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.templates-slider{display:flex;gap:32px;animation:slide 12s linear infinite;width:max-content}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-2060px)}}.template-card{width:380px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.template-card:hover .template-image-bg{background-color:var(--color-bg)}.template-card:hover .template-image{transform:scale(1.05)}.template-image-bg{width:100%;height:280px;background-color:var(--color-bg-light);border-radius:var(--radius-16);display:flex;justify-content:center;align-items:center;overflow:hidden;transition:background-color .2s ease}.template-image{width:100%;height:auto;object-fit:contain;transition:transform .3s ease}.template-title{font-size:var(--font-size-t3);font-weight:var(--font-weight-sb)}.templates-button-container{display:flex;justify-content:center}.templates-button .button-inner{display:flex;justify-content:center;align-items:center;gap:8px;margin-left:6px}.templates-button .button-inner img{filter:invert(1)}.collaboration-content{padding:0 100px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#eef7ff,#d4edff);border-radius:16px;min-height:440px;box-sizing:border-box}.collaboration-text{flex-shrink:0;text-align:left;width:460px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.collaboration-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-b)}.collaboration-subtitle{font-size:var(--font-size-b1)}.collaboration-banner{max-height:440px}.collaboration-banner img{max-height:100%;max-width:100%;height:auto;width:auto;object-fit:contain}.pricing-section{padding-top:120px;padding-bottom:120px}.pricing-container{gap:32px}.more-button{font-size:var(--font-size-t4);font-weight:var(--font-weight-sb);color:var(--color-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.cta-section{padding-bottom:120px}.cta-container{width:100%;padding:32px 100px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#00aeff,#006eff);border-radius:var(--radius-16);box-sizing:border-box}.cta-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:18px;color:#fff}.cta-title{font-size:32px;font-weight:var(--font-weight-b)}.cta-subtitle{font-size:var(--font-size-b3);font-weight:var(--font-weight-r)}.cta-actions{display:flex;justify-content:center;gap:16px}.header{width:100%;display:flex;position:sticky;top:0;z-index:100;background-color:#fffc;border-bottom:1px solid var(--gray-300)}.header-content{width:100%;height:64px;padding:0 40px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.nav-menu{display:flex;justify-content:center;flex-grow:1;width:100%;justify-content:space-between;align-items:center}.nav-mobile-menu-button{display:none;flex-direction:column;justify-content:space-between;padding:8px 4px;gap:4px;width:32px;height:32px;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box}.nav-mobile-menu-button .bar{width:100%;background-color:var(--color-fg);height:2.4px;min-height:1px}.nav-item{font-size:var(--font-size-t6);font-weight:var(--font-weight-sb);cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 20px;height:48px;display:flex;align-items:center;justify-content:center}.nav-inner,.nav-links{display:flex;align-items:center;gap:20px}.nav-left{gap:60px}.nav-login-section.pc-only{display:flex;align-items:center;gap:20px}.nav-right .nav-item{font-weight:var(--font-weight-m)}.nav-dropdown,.profile-dropdown{position:relative}.nav-dropdown-label{display:flex;align-items:center;gap:4px}.nav-dropdown-label img{width:12px;height:12px;margin:6px;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.nav-dropdown-box{background-color:#fff;position:absolute;top:100%;left:0;box-shadow:var(--drop-shadow-2);border-radius:var(--radius-1);padding:8px;display:flex;flex-direction:column;gap:4px;min-width:148px}.nav-dropdown-item{padding:10px;font-size:var(--font-size-t6);font-weight:var(--font-weight-m);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-2);flex-grow:1}.nav-dropdown-item:hover{background-color:var(--color-bg-light)}.profile-dropdown-box{left:auto;right:0;width:280px;display:flex;flex-direction:column;gap:0;padding:6px 10px}.profile-dropdown-item{padding:8px 0;border-bottom:1px solid var(--gray-200);width:100%}.profile-dropdown-item .nav-dropdown-item{display:flex;align-items:center;justify-content:flex-start;gap:4px;padding:10px 8px;width:100%;font-size:var(--font-size-b5)}.profile-dropdown-item .nav-dropdown-item .icon{width:16px;height:16px;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.profile-dropdown-item:last-child{border-bottom:none}.profile-info{padding:8px 8px 12px;display:flex;align-items:flex-start}.profile-info .profile-info-text{padding:4px 10px;display:flex;flex-direction:column;gap:4px}.profile-info .profile-username{font-size:var(--font-size-t6)}.profile-info .profile-email{font-size:var(--font-size-b5);font-weight:var(--font-weight-r);color:var(--gray-500)}.profile-info .profile-plan{display:flex;align-items:center;gap:10px}.profile-info .profile-plan .plan-text{font-size:var(--font-size-b5);font-weight:var(--font-weight-r);color:var(--gray-500)}.profile-info .profile-plan .plan-upgrade-button{padding:4px 12px;font-size:var(--font-size-b5);font-weight:var(--font-weight-m);background-color:#fff;color:var(--logo-blue);border:1px solid var(--logo-blue);border-radius:var(--radius-2);cursor:pointer;-webkit-user-select:none;user-select:none}.profile-info .profile-plan .plan-upgrade-button:hover{background-color:var(--color-bg-light)}.profile-menu{display:flex;flex-direction:column;gap:0}.sidebar-nav{width:228px;border-right:1px solid var(--gray-300);box-sizing:border-box;background-color:#fff;padding:0 16px 24px;display:flex;flex-direction:column;align-items:start;justify-content:space-between}.sidebar-nav-section{display:flex;flex-direction:column;align-items:flex-start;padding:12px 0;width:100%;box-sizing:border-box;border-bottom:1px solid var(--gray-200);gap:2px}.sidebar-nav-section .sidebar-nav-item{display:flex;padding:8px;align-items:center;gap:12px;font-size:var(--font-size-t6);font-weight:var(--font-weight-m);border-radius:var(--radius-2);width:100%}.sidebar-nav-section .sidebar-nav-item:hover{background-color:var(--color-bg-light)}.sidebar-nav-section .sidebar-nav-toggle-label img{width:24px;height:24px}.sidebar-copyright{font-size:10px;color:var(--gray-500);padding:0;margin:0}.sidebar-mobile-container{display:block;position:relative;z-index:100}.sidebar-mobile-container .sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--sidebar-backdrop);z-index:200;transition:opacity .3s ease;opacity:0;pointer-events:none}.sidebar-mobile-container .sidebar-nav{position:fixed;top:0;left:0;height:100%;max-width:300px;padding:16px;box-sizing:border-box;box-shadow:none;z-index:300;transform:translate(-100%);transition:transform .3s ease}.sidebar-mobile-container .sidebar-nav-list{width:250px}.sidebar-mobile-container .sidebar-nav-item.toggle{display:flex;flex-direction:column;width:100%;align-items:flex-start}.sidebar-mobile-container .sidebar-nav-item.toggle:hover{background-color:transparent}.sidebar-mobile-container .sidebar-nav-toggle-label{display:flex;flex-grow:1;align-items:center;justify-content:space-between}.sidebar-mobile-container .sidebar-nav-toggle-label .sidebar-nav-toggle-icon{width:24px;height:24px;padding:6px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.sidebar-mobile-container .sidebar-nav-toggle-label .sidebar-nav-toggle-icon img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.sidebar-mobile-container .sidebar-nav-toggle-box{display:flex;flex-direction:column;width:100%;gap:4px;background-color:var(--gray-100);border-radius:var(--radius-2);padding:8px;box-sizing:border-box}.sidebar-mobile-container .sidebar-nav-item.toggle-inner{padding:8px 16px;font-size:var(--font-size-t6);border-radius:var(--radius-2);width:100%}.sidebar-mobile-container .sidebar-nav-item.toggle-inner:hover{background-color:var(--color-bg)}.sidebar-mobile-container.open{display:block}.sidebar-mobile-container.open .sidebar-overlay{opacity:1;pointer-events:auto}.sidebar-mobile-container.open .sidebar-nav{transform:translate(0);box-shadow:var(--drop-shadow-sidebar)}.footer{width:100%;display:flex;border-top:1px solid var(--gray-300)}.footer-content{width:100%;height:180px;padding:24px 0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px}.footer-links{display:flex;justify-content:center;align-items:center}.footer-links a{padding:0 24px;font-size:var(--font-size-t7);cursor:pointer;text-decoration:none;border-right:1px solid var(--gray-300)}.footer-links a:last-child{border-right:none}.footer-company{font-size:var(--font-size-t6)}.footer-copyright{font-size:var(--font-size-b5);display:flex;flex-direction:column;align-items:center}.footer-copyright .footer-copyright-text{display:flex;justify-content:center;gap:24px}.main-information-modal .main-information-title{width:100%;text-align:center;font-size:var(--font-size-t3)!important}.main-information-modal .modal-bg{width:100%;background-image:url(/image/products/epub_banner_img_tab.png);background-repeat:no-repeat;background-position:center;background-size:contain}.main-information-modal .modal-text-content{width:100%;min-height:240px;padding:48px 32px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;background-color:#fff9}.main-information-modal .button-group{width:100%;display:flex;justify-content:center;gap:16px;margin-top:24px}@media (max-width: 1280px){.pc-only,.nav-login-section.pc-only{display:none}.section{padding-inline:16px}.hero-section{padding-top:60px}.hero-banner{width:100%;max-width:none}.features-banner-section{padding:0 16px 80px}.features-banner-content{flex-direction:column;text-align:center;padding:64px 16px}.features-banner-text{text-align:center;max-width:none;align-items:center;gap:24px}.features-banner-image{height:240px}.features-section{padding:80px 16px}.features-grid{grid-template-columns:repeat(2,1fr);gap:16px}.features-card-icon{max-height:180px}.templates-section{padding:80px 0}.collaboration-section{padding:0 16px}.collaboration-content{flex-direction:column;align-items:center;padding:64px 16px}.collaboration-text{gap:24px;align-items:center;text-align:center}.collaboration-banner{height:240px}.pricing-section{padding:80px 16px}.cta-section{padding:0 16px 80px}.cta-container{flex-direction:column;gap:16px;text-align:center;align-items:center;width:100%}.cta-content{align-items:center;text-align:center}.header-content{padding:0 32px}.nav-mobile-menu-button{display:flex}.nav-left{position:absolute;left:50%;transform:translate(-50%)}.nav-login-section.mobile-only{display:flex}}@media (max-width: 768px){.section{padding-inline:16px}.header-content{padding:0 16px}.nav-login-section.mobile-only button{min-width:56px}.footer-content{justify-content:flex-start;align-items:flex-start;padding:24px 16px 36px;height:auto}.footer-links{flex-direction:column;align-items:flex-start;gap:8px}.footer-links a{padding:0;border-right:none}.footer-copyright{align-items:flex-start;gap:8px}.footer-copyright .footer-copyright-text{flex-direction:column;align-items:flex-start;gap:8px}.features-banner-button,.templates-button,.cta-button{width:100%}.hero-section{padding:24px 16px 48px}.hero-container{gap:24px}.hero-subtitle{margin-bottom:0}.hero-description.pc-tablet-only{display:none}.hero-description.mobile-only{display:flex;flex-direction:column;width:100%;gap:16px}.hero-description.mobile-only .hero-actions{flex-direction:column;width:100%;gap:12px}.features-banner-section{padding:0 0 64px}.features-banner-content{border-radius:0;gap:0;padding:64px 16px}.features-banner-text{width:100%;gap:24px}.features-section{padding:64px 16px}.features-grid{grid-template-columns:1fr;gap:16px}.templates-section{padding:64px 0}.templates-container{padding:0 16px}.templates-grid{width:100vw}.templates-slider{gap:16px;width:max-content}.template-card{width:270px}.template-image-bg{height:200px}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-1430px)}}.collaboration-section{padding:0}.collaboration-content{padding:64px 16px;border-radius:0}.collaboration-text{text-align:center;max-width:none;width:100%}.collaboration-banner{max-width:100%}.pricing-section{padding:64px 16px}.cta-section{padding:0 16px 64px}.cta-container{padding:32px 16px;flex-direction:column;align-items:center;text-align:center}.cta-content{gap:8px}.cta-actions{display:flex;flex-direction:column;justify-content:center;width:100%}}.ui-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--radius-2);font-weight:var(--font-weight-m);flex-shrink:1}.ui-button.vivid{border:none;background-color:var(--color-primary);color:#fff}.ui-button.vivid:hover{background-color:var(--color-secondary)}.ui-button.vivid:active{background-color:var(--logo-blue)}.ui-button.light{box-shadow:inset 0 0 0 1px var(--color-primary);background-color:#fff;color:var(--color-primary)}.ui-button.light:hover{background-color:var(--color-bg)}.ui-button.light:active{background-color:var(--color-bg-select)}.ui-button.dark{border:none;background-color:var(--logo-blue);color:#fff}.ui-button.dark:hover{background-color:var(--color-primary)}.ui-button.dark:active{background-color:var(--logo-blue)}.ui-button.monochrome{border:none;background-color:var(--logo-gray);color:#fff}.ui-button.monochrome:hover,.ui-button.monochrome:active{background-color:var(--color-fg)}.ui-button.large{height:var(--btn-h-1);padding:0 20px;min-width:200px;font-size:var(--font-size-t5)}.ui-button.medium{height:var(--btn-h-2);padding:0 20px;min-width:120px;font-size:var(--font-size-t7)}.ui-button.small{height:var(--btn-h-3);padding:0 16px;min-width:80px;font-size:var(--font-size-t7)}.ui-button.grow{flex-grow:1;width:100%}.ui-button.disabled{cursor:default;background-color:var(--gray-300);color:#fff;box-shadow:none}.ui-button.disabled:hover,.ui-button.disabled:active{background-color:var(--gray-300)}.ui-checkbox{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:8px}.ui-checkbox input{display:none}.ui-checkbox .label{font-size:var(--font-size-b5);font-weight:var(--font-weight-r)}.ui-checkbox .box{width:20px;height:20px;border:none;border-radius:2px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:var(--gray-200);overflow:hidden}.ui-checkbox .box img{display:none;width:100%;height:100%;object-fit:contain}.ui-checkbox input:checked+.box{background-color:#fff}.ui-checkbox input:checked+.box img{display:block}.ui-checkbox.disabled{cursor:not-allowed;color:var(--gray-400)}.ui-checkbox.disabled .box{background-color:var(--gray-100);border-color:var(--gray-200)}.ui-radio-group{display:flex;flex-direction:row;gap:20px}.ui-radio-group.column{flex-direction:column;gap:20px}.ui-radio-group .ui-radio{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:4px}.ui-radio-group .ui-radio input{display:none}.ui-radio-group .ui-radio .label{font-size:var(--font-size-b5);font-weight:var(--font-weight-r)}.ui-radio-group .ui-radio .outer-circle{width:18px;height:18px;border:none;border-radius:var(--radius-full);box-shadow:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:var(--gray-200);overflow:hidden}.ui-radio-group .ui-radio .inner-circle{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-primary);display:none}.ui-radio-group .ui-radio input:checked+.outer-circle{background-color:#fff;box-shadow:inset 0 0 0 2px var(--color-primary)}.ui-radio-group .ui-radio input:checked+.outer-circle .inner-circle{display:block}.ui-radio-group .ui-radio.disabled{cursor:not-allowed;color:var(--gray-400)}.ui-radio-group .ui-radio.disabled .outer-circle{border-color:var(--gray-200);background-color:var(--gray-100)}.ui-radio-group .ui-radio.disabled .inner-circle{background-color:var(--gray-300)}.ui-switch{cursor:pointer;-webkit-user-select:none;user-select:none}.ui-switch input{display:none}.ui-switch .track{display:inline-block;position:relative;width:36px;height:18px;border-radius:var(--radius-full);background-color:var(--gray-300);cursor:pointer;box-sizing:border-box}.ui-switch .thumb{position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:var(--radius-full);background-color:#fff;transition:all .2s ease-in-out}.ui-switch input:checked+.track{background-color:var(--color-primary)}.ui-switch input:checked+.track .thumb{transform:translate(18px)}.ui-switch.disabled{cursor:not-allowed;background-color:var(--gray-200)}.ui-switch.disabled .toggle{background-color:var(--gray-100)}.ui-textinput{display:flex;flex-direction:column;gap:4px;width:100%}.ui-textinput label{display:inline-flex;align-items:center;font-size:var(--font-size-l1)}.ui-textinput label .required{color:var(--color-red)}.ui-textinput .textinput-border{border:none;position:relative;font-size:var(--font-size-t6);display:inline-flex;align-items:center;box-shadow:inset 0 0 0 1px var(--gray-500);border-radius:4px;padding:0;min-width:240px;box-sizing:border-box;background-color:#fff;transition:box-shadow .2s ease-in-out}.ui-textinput .textinput-border.open,.ui-textinput .textinput-border:focus-within{box-shadow:inset 0 0 0 2px var(--color-secondary)}.ui-textinput .textinput-border.error{box-shadow:inset 0 0 0 2px var(--color-red)}.ui-textinput .textinput-border.error:focus-within{box-shadow:inset 0 0 0 2px var(--color-red)}.ui-textinput .textinput-border.warning{box-shadow:inset 0 0 0 2px var(--color-orange)}.ui-textinput .textinput-border.warning:focus-within{box-shadow:inset 0 0 0 2px var(--color-orange)}.ui-textinput .textinput-status{margin-right:16px;margin-left:auto;display:flex;align-items:center;justify-self:flex-end;gap:8px}.ui-textinput input{border:none;outline:none;height:100%;width:100%;font-size:var(--font-size-b4);font-weight:var(--font-weight-r);color:var(--color-fg);background-color:transparent;padding:14px 16px;box-sizing:border-box}.ui-textinput input::placeholder{color:var(--gray-500)}.ui-textinput input:-webkit-autofill,.ui-textinput input:-webkit-autofill:hover,.ui-textinput input:-webkit-autofill:focus,.ui-textinput input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s}.ui-textinput.disabled{cursor:default;color:var(--gray-300)}.ui-textinput.disabled .textinput-border{border-color:var(--gray-300)}.ui-textinput.disabled input{cursor:default}.ui-textinput.disabled input::placeholder{color:var(--gray-300)}.ui-textinput.simple .textinput-label{font-size:var(--font-size-b5);font-weight:var(--font-weight-m);color:var(--color-fg)}.ui-textinput.simple .textinput-border{box-shadow:inset 0 0 0 1px var(--gray-300);border-radius:var(--radius-2)}.ui-textinput.simple .textinput-border:focus-within{box-shadow:inset 0 0 0 1px var(--color-primary)}.ui-textinput.simple .textinput-border.error{box-shadow:inset 0 0 0 1px var(--color-red)}.ui-textinput.simple .textinput-border.error:focus-within{box-shadow:inset 0 0 0 1px var(--color-red)}.ui-textinput.simple .textinput-border.success{box-shadow:inset 0 0 0 1px var(--color-green)}.ui-textinput.simple .textinput-border.success:focus-within{box-shadow:inset 0 0 0 1px var(--color-green)}.ui-textinput.simple .textinput-border.warning{box-shadow:inset 0 0 0 1px var(--color-orange)}.ui-textinput.simple .textinput-border.warning:focus-within{box-shadow:inset 0 0 0 1px var(--color-orange)}.ui-textinput.simple input{padding:12px 16px;font-size:var(--font-size-b5);font-weight:var(--font-weight-m);color:var(--color-fg)}.ui-textinput .textinput-border textarea{border:none;outline:none;width:100%;height:auto;overflow:hidden;font-size:var(--font-size-b4);font-weight:var(--font-weight-m);color:var(--color-fg);background-color:transparent;padding:12px 16px 36px;box-sizing:border-box;line-height:1.5;font-family:inherit;resize:none}.ui-textinput .textinput-border textarea::placeholder{color:var(--gray-500)}.ui-dropdowninput{position:relative}.ui-dropdowninput .textinput-border{cursor:pointer;-webkit-user-select:none;user-select:none}.ui-dropdowninput .dropdown-selected{width:100%;padding:14px 16px;box-sizing:border-box}.ui-dropdowninput .dropdown-selected .placeholder{color:var(--gray-500)}.ui-dropdowninput .dropdown-box{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:200px;overflow-y:auto;border:none;border-radius:4px;background-color:#fff;box-shadow:var(--drop-shadow-3);z-index:10;padding:10px}.ui-dropdowninput .dropdown-option{padding:8px 10px;border-radius:8px;box-sizing:border-box;font-size:var(--font-size-b4);color:var(--color-fg);cursor:pointer}.ui-dropdowninput .dropdown-option:hover{background-color:var(--color-bg-light)}.ui-dropdowninput.disabled .dropdown-selected{color:var(--gray-300);cursor:default}.ui-modal-backdrop{position:fixed;inset:0;width:100vw;height:100vh;background-color:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayShow .15s cubic-bezier(.16,1,.3,1)}.ui-modal{background-color:#fff;border-radius:16px;min-width:400px;max-width:90%;box-sizing:border-box;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);animation:contentShow .15s cubic-bezier(.16,1,.3,1);outline:none}.ui-modal .ui-modal-header{margin:20px 12px 20px 24px;display:flex;align-items:center;justify-content:space-between}.ui-modal .ui-modal-footer{margin:20px 24px 24px;display:flex;align-items:center;justify-content:stretch;gap:8px}.ui-modal .ui-modal-title{font-size:var(--font-size-t4);font-weight:var(--font-weight-b);color:var(--color-fg)}.ui-modal .ui-modal-close{width:40px;height:40px;border:none}.ui-modal .ui-modal-close:hover{opacity:.7}.ui-modal .ui-modal-close img{width:100%;height:100%;object-fit:contain}.ui-modal .ui-modal-content{padding:0 24px;box-sizing:border-box}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.input-border{cursor:pointer;border-radius:var(--radius-2);background-color:transparent;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;box-sizing:border-box;box-shadow:inset 0 0 0 1px var(--gray-300);transition:box-shadow .2s ease-in-out}.ui-dropdown-menu{position:relative}.ui-dropdown-menu .dropdown-label{display:inline-flex;align-items:center;font-size:var(--font-size-b5);font-weight:var(--font-weight-m);color:var(--color-fg);margin-bottom:4px}.ui-dropdown-menu .ui-dropdown-border{-webkit-user-select:none;user-select:none}.ui-dropdown-menu .ui-dropdown-border.active{box-shadow:inset 0 0 0 1px var(--color-primary)}.ui-dropdown-menu .dropdown-selected{box-sizing:border-box;font-size:var(--font-size-b5)}.ui-dropdown-menu .dropdown-selected .placeholder{color:var(--gray-500)}.ui-dropdown-menu .dropdown-arrow{width:12px;height:12px;display:flex;align-items:center;justify-content:center;padding:1px}.ui-dropdown-menu .dropdown-arrow img{width:100%;height:100%;object-fit:contain}.ui-dropdown-menu .dropdown-box{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;border:1px solid var(--gray-200);border-radius:var(--radius-2);background-color:#fff;box-shadow:var(--drop-shadow-1);z-index:10;padding:8px}.ui-dropdown-menu .dropdown-option{padding:10px 16px;border-radius:var(--radius-2);box-sizing:border-box;font-size:var(--font-size-b5);color:var(--color-fg);cursor:pointer}.ui-dropdown-menu .dropdown-option:hover{background-color:var(--color-bg)}.ui-dropdown-menu.secondary .ui-dropdown-border{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-2);background-color:var(--gray-100);display:flex;align-items:center;justify-content:space-between;padding:8px 16px;box-sizing:border-box;box-shadow:none}.ui-dropdown-menu.secondary .dropdown-selected{width:100%;padding:10px 20px;box-sizing:border-box;font-size:var(--font-size-t6)}.ui-dropdown-menu.secondary .dropdown-box{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;border:1px solid var(--gray-200);border-radius:var(--radius-2);background-color:#fff;box-shadow:var(--drop-shadow-1);z-index:10;padding:16px;display:flex;flex-direction:column;gap:8px}.ui-dropdown-menu.secondary .dropdown-option{padding:10px 20px;border-radius:var(--radius-2);box-sizing:border-box;font-size:var(--font-size-t6);color:var(--color-fg);cursor:pointer}.ui-dropdown-menu.secondary .dropdown-option:hover{background-color:var(--color-bg)}.ui-dropdown-menu.disabled .dropdown-selected{color:var(--gray-300);cursor:default}.logo{width:90px;height:32px;object-fit:contain;margin:0;padding:0}.logo img{width:100%;height:100%;object-fit:contain}.logo.home-link{cursor:pointer}.logo .icon-logo{display:none}.logo .icon-logo.visible{display:block}.ui-profile-icon{border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;cursor:pointer}.profile-icon-placeholder{border-radius:var(--radius-full);background-color:#ffe287;border:6px solid rgba(255,255,255,.4);box-sizing:border-box;display:flex;align-items:center;justify-content:center}.profile-icon-placeholder .profile-icon-initial{font-size:20px;font-weight:var(--font-weight-b)}.profile-icon-placeholder.simple{background-color:var(--color-bg);border:1px solid white}.profile-icon-placeholder.simple .profile-icon-initial{font-size:16px;font-weight:var(--font-weight-m);color:var(--logo-blue)}@media (max-width: 1280px){.logo{width:102px;height:36px}}@media (max-width: 768px){.logo{width:40px;height:40px}.logo .icon-logo{display:block}.logo .text-logo{display:none}.ui-modal{min-width:calc(100% - 32px)}}.ui-modal .modal-action-buttons{display:flex;width:100%;gap:8px}.ui-modal .dialog-message-content{display:flex;flex-direction:column;gap:16px;padding:32px 0;align-items:center;font-size:var(--font-size-t5);text-align:center}.ui-modal .dialog-message-content .information{font-size:var(--font-size-b5);color:var(--gray-400);font-weight:var(--font-weight-r)}.ui-modal .consent-message-content{display:flex;flex-direction:column;gap:16px;padding:32px 0;align-items:center;font-size:var(--font-size-t5);text-align:center}.ui-modal .consent-message-content p{font-size:var(--font-size-b4);font-weight:var(--font-weight-r);max-width:400px;word-break:keep-all}.section.dashboard-main{padding:0;align-items:stretch;flex-grow:1;background-color:var(--gray-100)}.dashboard-layout{display:flex;flex-direction:row;flex-grow:1}.dashboard-layout .pc-only{display:flex}.dashboard-title{font-size:var(--font-size-t2);font-weight:var(--font-weight-b);margin:16px 0}.dashboard-content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.dashboard-container{max-width:none;background-color:#fff;border-radius:var(--radius-1);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box;padding:24px;gap:32px}.divider{width:100%;height:1px;background-color:var(--gray-200)}.mobile-divider{display:none}.dashboard-sub-container{width:100%;display:flex;flex-direction:column;gap:24px}.dashboard-sub-container .title-section{display:flex;justify-content:space-between;align-items:center}.dashboard-sub-container h4{font-size:var(--font-size-t4);font-weight:var(--font-weight-sb)}.dashboard-sub-container .sub-title{height:24px;display:flex;justify-content:space-between;align-items:center}.dashboard-sub-container .sub-title .see-more{display:flex;padding:8px;border-radius:var(--radius-2);gap:8px;font-size:var(--font-size-t7);cursor:pointer}.dashboard-sub-container .sub-title img{height:16px;width:16px;object-fit:contain}.content-box{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box;padding:16px 32px;border:1px solid var(--gray-200);border-radius:var(--radius-1)}.setting-item{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%;min-height:40px;font-size:var(--font-size-t6);font-weight:var(--font-weight-m)}.span-button{font-size:var(--font-size-t7);color:var(--color-primary);cursor:pointer;padding:8px}.span-button.cancel{color:var(--gray-500)}.span-button:hover{text-decoration:underline}.sidebar-nav{width:228px;border-right:1px solid var(--gray-300);box-sizing:border-box;background-color:#fff;padding:0 16px 24px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;overflow:hidden}.sidebar-nav .sidebar-nav-list{display:flex;flex-direction:column;gap:0;width:100%}.sidebar-nav-section .dashboard-nav-section-title{padding:8px;font-size:var(--font-size-t7);font-weight:var(--font-weight-m);color:var(--gray-400);width:100%;box-sizing:border-box}.sidebar-nav-section .sidebar-nav-item img{width:20px;height:20px;object-fit:contain}.sidebar-nav-section.profile{flex-direction:row;align-items:center;gap:10px;padding:20px 0}.sidebar-nav-section.profile .dashboard-username{font-size:var(--font-size-t4);font-weight:var(--font-weight-sb)}.dashboard-table table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0 8px;font-size:var(--font-size-b4);font-weight:var(--font-weight-r);text-align:left;margin:-8px 0}.dashboard-table table th{font-size:var(--font-size-t7);font-weight:var(--font-weight-m);color:var(--gray-500)}.dashboard-table table tbody tr:not(.table-divider){border-radius:var(--radius-2)}.dashboard-table table tbody tr:not(.table-divider):hover{background-color:var(--gray-100)}.dashboard-table table tbody tr:not(.table-divider):hover td:first-child{cursor:pointer;text-decoration:underline}.dashboard-table table td{vertical-align:middle;height:64px}.dashboard-table table th,.dashboard-table table td{width:200px;text-align:center;padding:8px 8px 8px 0}:is(.dashboard-table table th,.dashboard-table table td).title{text-align:left;width:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(.dashboard-table table th,.dashboard-table table td).menu{width:50px}:is(.dashboard-table table th,.dashboard-table table td):first-child{border-top-left-radius:var(--radius-2);border-bottom-left-radius:var(--radius-2);padding-left:16px}:is(.dashboard-table table th,.dashboard-table table td):last-child{border-top-right-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2);padding-right:16px}.dashboard-table table .table-divider td{height:16px;padding:8px 0}.dashboard-table table .table-divider td div{height:1px;background-color:var(--gray-200)}.dashboard-table table .table-divider td.mobile{display:none}.dashboard-table table .menu img{width:24px;height:24px;object-fit:contain;cursor:pointer;border-radius:var(--radius-full)}.dashboard-table table .menu img:hover{background-color:var(--gray-200)}.sort{display:flex;width:100%;align-items:center;justify-content:flex-end}.ui-dropdown-menu.sort-menu{width:200px}.table-action{position:relative}.table-dropdown{position:absolute;top:24px;right:0;background-color:#fff;border:1px solid var(--gray-100);box-shadow:0 2px 6px 1px #00000026;border-radius:var(--radius-2);z-index:10;display:none;flex-direction:column;min-width:192px;box-sizing:border-box;padding:8px;gap:2px}.table-dropdown.open{display:flex}.table-dropdown .table-dropdown-item{padding:6px 8px;display:flex;align-items:center;gap:4px;font-size:var(--font-size-b5);cursor:pointer;border-radius:calc(var(--radius-2) * .5)}.table-dropdown .table-dropdown-item:hover{background-color:var(--color-bg-light)}.dashboard-main-box{width:100%;display:flex;flex-direction:column;gap:16px}.dashboard-welcome{font-size:var(--font-size-t4);font-weight:var(--font-weight-sb);width:100%;padding:16px 24px;border-radius:var(--radius-1);color:#fff;background:linear-gradient(90deg,#00aeff,#0255c1)}.dashboard-summary{display:flex;flex-direction:column;width:100%;gap:8px;padding:24px;box-sizing:border-box;border:1px solid var(--gray-200);border-radius:var(--radius-1)}.dashboard-summary-title{font-size:var(--font-size-t2);font-weight:var(--font-weight-b)}.dashboard-summary-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 10px;grid-template-areas:"title1 col-2 col-2" "title2 col-1 action"}.dashboard-summary-items button.gray{box-shadow:inset 0 0 0 1px var(--color-fg);color:var(--color-fg);width:100px;justify-self:end}.dashboard-summary-items button.gray:hover{background-color:var(--gray-100)}.dashboard-summary-item{height:36px;font-size:var(--font-size-t6);font-weight:var(--font-weight-m);display:flex;align-items:center}.dashboard-summary-item.key{width:200px}.dashboard-summary-item.col-2{grid-area:col-2}.dashboard-shortcut-items{display:flex;gap:24px;width:100%}.shortcut-card{height:80px;border:1px solid var(--gray-300);border-radius:var(--radius-2);background-color:var(--gray-100);display:flex;align-items:center;justify-content:center;gap:8px;flex-grow:1;cursor:pointer;-webkit-user-select:none;user-select:none}.shortcut-card .icon-box{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:4px;padding:4px;font-size:var(--font-size-t6)}.shortcut-card .icon-box img{width:16px;height:16px;object-fit:contain}.activity-list{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;width:100%}.activity-item{flex-grow:1;display:flex;flex-direction:column;box-sizing:border-box;gap:12px}.activity-item .thumb-box{width:100%;height:200px;border-radius:var(--radius-2);background-color:var(--gray-200);padding:8px 24px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.activity-item .thumb-box img{max-width:100%;max-height:100%;object-fit:contain}.activity-item .activity-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.activity-item .activity-info .activity-title{font-size:var(--font-size-t6);font-weight:var(--font-weight-m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item .activity-info .activity-meta{font-size:var(--font-size-b5);color:var(--gray-500)}.activity-item:hover{cursor:pointer}.dashboard-divider{height:1px;width:100%;background-color:var(--color-fg)}.dashboard-settings .dashboard-sub-container{gap:16px}.dashboard-settings .ui-dropdown-menu{width:200px}.dashboard-settings .export-path{position:relative;width:420px}.dashboard-settings .export-path input{font-size:var(--font-size-b5);background-color:#fff;cursor:pointer}.dashboard-settings .export-path input::file-selector-button{display:none}.dashboard-settings .export-path .more-icon{position:absolute;right:8px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;cursor:pointer;border-radius:var(--radius-full)}.dashboard-settings .export-path .more-icon img{width:16px;height:16px;object-fit:contain}.dashboard-settings .export-path .more-icon:hover{background-color:var(--gray-200)}.dashboard-account .danger{display:flex;flex-wrap:nowrap;flex-direction:column;align-items:flex-start}.dashboard-account .danger .information{height:24px;font-size:var(--font-size-b5);color:var(--gray-400);font-weight:var(--font-weight-r)}.dashboard-account .setting-item-data{display:flex;align-items:center;gap:8px}.dashboard-account .setting-item-data .key{width:200px}.dashboard-account .password-change-form{display:flex;flex-direction:column;gap:16px;padding:16px 0 24px;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.dashboard-storage .inner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;height:180px}.dashboard-storage .storage-usage-graph{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.dashboard-storage .storage-usage-graph .round-chart{display:flex;justify-content:center;align-items:center;width:160px;height:160px}.dashboard-storage .storage-usage-graph .usage-text{position:absolute;font-size:var(--font-size-t2);font-weight:var(--font-weight-b);color:var(--gray-400);-webkit-user-select:none;user-select:none}.dashboard-storage .storage-usage{display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-storage .storage-usage .label{height:20px;font-size:var(--font-size-t6);font-weight:var(--font-weight-m);display:flex;align-items:center}.dashboard-storage .storage-usage .value{height:60px;font-size:var(--font-size-t2);font-weight:var(--font-weight-b);display:flex;align-items:center}:is(.dashboard-shared,.dashboard-projects) .dashboard-sub-container{gap:16px}.dashboard-template .template-table-section{gap:16px}.dashboard-sub-container.vertical{flex-direction:row;align-items:stretch;gap:24px}.plan-card-container.current-plan{width:360px;height:586px;flex-shrink:0}.billing-info{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;padding:24px 24px 36px;background-color:#fff;border-radius:var(--radius-1);box-shadow:inset 0 0 0 1px var(--gray-200);gap:24px;box-sizing:border-box}.billing-info .billing-info-header{display:flex;width:100%;justify-content:space-between}.billing-info .billing-info-title{font-size:var(--font-size-t3);font-weight:var(--font-weight-sb)}.billing-info .invoice-button{padding:8px 16px;border-radius:var(--radius-2);border:1px solid var(--gray-300);background-color:var(--gray-100);font-size:var(--font-size-t7);font-weight:var(--font-weight-m);cursor:pointer}.billing-info .inner-content{display:flex;width:100%;flex-direction:column;gap:16px}.billing-info .price-wrap{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.billing-info .price-wrap .price-amount{font-size:var(--font-size-h4);font-weight:var(--font-weight-b)}.billing-info .price-wrap .price-period{font-size:var(--font-size-b5);font-weight:var(--font-weight-r);color:var(--gray-500)}.billing-info .billing-row{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:var(--font-size-t5);font-weight:var(--font-weight-m)}.billing-info .billing-row .label{font-size:var(--font-size-t6);color:var(--gray-500)}.billing-info .plan-name{flex-wrap:wrap}.billing-info .plan-name .name{white-space:nowrap}.billing-info .plan-name .price{margin-left:auto}.billing-info .next-billing{font-size:var(--font-size-t7);color:var(--gray-500);font-weight:var(--font-weight-r)}.billing-info .table-wrap .dashboard-table table{width:auto}.dashboard-payment .dashboard-sub-container{gap:16px}.dashboard-payment .ui-button.center{margin:0 auto}.payment-method-item{display:flex;flex-direction:row;align-items:center;gap:24px;padding:24px;border:1px solid var(--gray-200);border-radius:var(--radius-2);width:100%}.payment-method-item.default{border-color:var(--gray-400);border-width:2px}.payment-method-item.default .method-default{color:var(--gray-400);cursor:default}.payment-method-item.default .method-default:hover,.payment-method-item.default .method-default:active{background-color:transparent}.payment-method-item .method-type{display:flex;flex-direction:column;gap:8px;margin-right:16px}.payment-method-item .method-type .method-chip{display:flex;align-items:center;justify-content:center;width:fit-content;padding:4px 8px;border-radius:var(--radius-2);border:1px solid var(--gray-300);font-size:var(--font-size-b5);font-weight:var(--font-weight-m)}.payment-method-item .method-name{font-size:var(--font-size-t5);font-weight:var(--font-weight-sb)}.payment-method-item .method-details{font-weight:var(--font-weight-r)}.payment-method-item .method-details-header{display:flex;align-items:center;gap:8px;flex-grow:1}.payment-method-item .method-button-group{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:var(--font-size-b4)}.payment-method-item .method-delete{color:var(--color-red);cursor:pointer;padding:8px 16px;transition:background-color .1s;border-radius:4px}.payment-method-item .method-delete:hover{background-color:var(--gray-100)}.payment-method-item .method-delete:active{background-color:var(--gray-200)}.payment-method-item .method-default{color:var(--color-primary);cursor:pointer;padding:8px 16px;transition:background-color .1s;border-radius:4px}.payment-method-item .method-default:hover{background-color:var(--gray-100)}.payment-method-item .method-default:active{background-color:var(--gray-200)}.payment-method-item .method-details{display:flex;flex-direction:column;gap:4px}.payment-method-item .card-expiry{font-size:var(--font-size-b5);color:var(--gray-500)}.payment-method-modal .ui-modal-content{display:flex;flex-direction:column;gap:16px}.payment-method-modal .method-button-group{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;height:80px;width:100%}.payment-method-modal .method-button{display:flex;align-items:center;justify-content:center;color:var(--gray-500);font-size:var(--font-size-t7);font-weight:var(--font-weight-m);border-radius:var(--radius-2);box-shadow:inset 0 0 0 1px var(--gray-200);cursor:pointer;transition:background-color .1s,box-shadow .2s}.payment-method-modal .method-button:hover{background-color:var(--color-bg-light)}.payment-method-modal .method-button.selected{box-shadow:inset 0 0 0 1px var(--color-fg);color:var(--color-fg)}.payment-method-modal .payment-form{display:flex;flex-direction:column;gap:16px;width:100%}.purchase-order-container{display:flex;flex-direction:row;gap:24px;width:100%;flex-grow:1;height:auto}.purchase-summary{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;width:400px;padding:24px;background-color:#fff;border-radius:var(--radius-1);box-shadow:inset 0 0 0 1px var(--gray-200);gap:24px}.purchase-summary .summary-title{font-size:var(--font-size-t3);font-weight:var(--font-weight-sb)}.purchase-summary .summary-details{display:flex;flex-direction:column;justify-content:space-between;gap:16px;width:100%;flex-grow:1}.purchase-summary .summary-details .top-section,.purchase-summary .summary-details .bottom-section{display:flex;flex-direction:column;gap:16px;width:100%}.purchase-summary .summary-details .plan-name{font-size:var(--font-size-t5);font-weight:var(--font-weight-m)}.purchase-summary .summary-details .billing-type{font-size:14px;color:var(--gray-500);font-weight:var(--font-weight-r)}.purchase-summary .summary-details .summary-item{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:var(--font-size-t5);font-weight:var(--font-weight-m)}.purchase-summary .summary-details .summary-item .label{font-size:var(--font-size-t6);color:var(--gray-500)}.purchase-summary .summary-details .summary-item.total-amount .label{color:var(--color-fg)}.purchase-summary .summary-details .bottom-section{border-top:1px solid var(--color-fg);padding-top:16px}.purchase-summary .confirm-button{width:100%}.purchase-modal .purchase-modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.purchase-modal .modal-action-group{display:flex;width:100%;gap:8px}.plan-card-container.for-order{flex-grow:1;height:auto}.plan-card-container.for-order:not(.current-plan):hover{box-shadow:none}.plan-card-container.for-order:not(.current-plan) .plan-card:hover{box-shadow:inset 0 0 0 1px var(--gray-200)}.plan-card-container.for-order .plan-price-group{width:100%;display:flex;align-items:center;gap:12px}.plan-card-container.for-order .plan-price{display:flex;flex-direction:column;padding:24px;box-shadow:inset 0 0 0 1px var(--gray-200);border-radius:var(--radius-2);flex-grow:1;transition:box-shadow .2s;cursor:pointer}.plan-card-container.for-order .plan-price.selected{box-shadow:inset 0 0 0 2px var(--color-fg);background-color:var(--gray-100)}.plan-card-container.for-order .purchase-type{display:flex;width:100%;justify-content:space-between;align-items:center;font-size:var(--font-size-t5);font-weight:var(--font-weight-m);gap:8px}.plan-card-container.for-order .purchase-type .discount-badge{padding:4px 12px;font-size:14px;font-weight:var(--font-weight-m);background-color:#fff}.plan-card-container.for-order .plan-features .features-toggle{display:none}.plan-card-container.for-order .plan-features .feature-list{display:flex;height:auto}@media (max-width: 1280px){.dashboard-content{padding:16px}.dashboard-title{text-align:center}.dashboard-container{padding:16px}.dashboard-layout .pc-only{display:none}.dashboard-shortcut-items{gap:16px}.dashboard-shortcut-items .icon-box{width:24px;height:24px}.activity-list{grid-template-columns:repeat(3,1fr);gap:16px}.activity-list .thumb-box{padding:8px 12px}.plan-card-container.for-order{flex-grow:0}.plan-card-container.for-order .plan-price-group{flex-direction:column;align-items:stretch}.plan-card-container.for-order .plan-features{width:100%}.plan-card-container.for-order .plan-features .feature-text{display:flex;width:100%;align-items:center;justify-content:space-between}.plan-card-container.for-order .plan-features .features-toggle{display:block;width:24px;height:24px;cursor:pointer}.plan-card-container.for-order .plan-features .features-toggle img{transform:rotate(0)}.plan-card-container.for-order .plan-features .feature-list{display:none}.plan-card-container.for-order .plan-features.open .features-toggle img{transform:rotate(180deg)}.plan-card-container.for-order .plan-features.open .feature-list{display:flex}.purchase-order-container{flex-direction:column}.purchase-order-container .purchase-summary{width:100%;height:auto}:is(.dashboard-table table th,.dashboard-table table td).large{width:160px}:is(.dashboard-table table th,.dashboard-table table td).medium{width:80px}:is(.dashboard-table table th,.dashboard-table table td).small{width:50px}.dashboard-sub-container.vertical{flex-direction:column}.dashboard-sub-container.vertical .plan-card-container.current-plan{width:100%;height:auto}.dashboard-sub-container.vertical .billing-info{width:100%;height:470px}}@media (max-width: 768px){.dashboard-content{padding:0}.dashboard-layout{flex-direction:column}.mobile-divider{display:block;height:1px;background-color:var(--gray-200);width:100%}.setting-item:not(.nowrap){flex-direction:column;align-items:flex-start;gap:8px}.content-box{padding:16px}.dashboard-summary-items button.gray{width:80px}.dashboard-summary-item.key{width:100px}.dashboard-shortcut-items{gap:12px}.dashboard-shortcut-items .shortcut-card{flex-direction:column;gap:8px;height:96px}.activity-list{grid-template-columns:repeat(2,1fr)}.activity-list .activity-item{gap:8px}.activity-list .thumb-box{height:140px;padding:8px}.dashboard-settings .ui-dropdown-menu,.dashboard-settings .export-path{width:100%}.dashboard-account .setting-item-data .key{width:100px}.payment-method-item{padding:24px 16px;gap:8px}.payment-method-item .method-type{display:none}.payment-method-item .method-details-header{flex-direction:column;align-items:flex-start;gap:4px}.payment-method-item .method-name{white-space:nowrap}.payment-method-item .method-button-group{gap:16px}.payment-method-item .method-button{padding:4px;word-break:keep-all;text-align:center;max-width:96px;width:auto}.dashboard-table table th.mobile-only,.dashboard-table table td.mobile-only{display:table-cell}.dashboard-table table th:not(.mobile),.dashboard-table table td:not(.mobile){display:none}.dashboard-table table .table-divider td.mobile{display:table-cell}.dashboard-storage .content-box{padding:32px 16px}.dashboard-storage .inner-grid{display:flex;flex-direction:column;height:auto;gap:32px}.dashboard-storage .inner-grid .storage-usage{height:60px}}.support-section{padding-top:40px;padding-bottom:20px;flex-grow:1}.support-section .copyright{font-size:var(--font-size-b5);font-weight:var(--font-weight-r);color:var(--gray-400)}.guide-section{max-height:calc(100vh - 65px);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.guide-nav-container{display:flex;justify-content:center}.guide-title{display:flex;width:100%;flex-direction:column;align-items:center;gap:32px;margin-bottom:32px}.guide-nav{display:flex;gap:16px}.pill-tab{padding:14px 30px;border-radius:var(--radius-full);background-color:#fff;border:1px solid var(--color-fg);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.pill-tab.active{background-color:var(--color-fg);color:#fff}.guide-divider{width:100%;height:1px;background-color:var(--color-fg)}.guide-container{display:flex;flex-direction:row;gap:64px;flex-grow:1;overflow:hidden}.guide-view-nav{width:300px;background-color:var(--gray-100);border-radius:var(--radius-2);display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;padding:24px 16px;flex-shrink:0}.guide-view-nav.mobile{display:none}.guide-view-title{font-size:var(--font-size-t4);font-weight:var(--font-weight-sb);margin-bottom:10px}.guide-view-divider{margin-bottom:14px}.guide-steps{display:flex;flex-direction:column;gap:8px}.guide-step{font-size:var(--font-size-t6);font-weight:var(--font-weight-m);padding:10px 20px;border-radius:var(--radius-2);cursor:pointer;-webkit-user-select:none;user-select:none}.guide-step.active,.guide-step.active:hover{background-color:var(--color-bg)}.guide-step:hover{background-color:var(--gray-200)}.guide-view-nav-bottom{font-size:14px;font-weight:var(--font-weight-r);color:var(--gray-400)}.guide-view-content{overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:24px}.guide-step-content{display:flex;flex-direction:column;gap:24px}.guide-step-title{height:72px;display:flex;align-items:flex-end;font-size:var(--font-size-t2);font-weight:var(--font-weight-b)}.guide-step-description{font-size:var(--font-size-b3);font-weight:var(--font-weight-r);white-space:pre-wrap}.faq-section,.contact-section{padding-top:40px;padding-bottom:20px;flex-grow:1;justify-content:space-between;align-items:center}.faq-top{gap:48px;align-items:center;max-width:936px}.faq-list{display:flex;flex-direction:column;width:100%}.faq-item{border-bottom:1px solid var(--color-fg);padding:24px 0;display:flex;flex-direction:column}.faq-item:first-child{border-top:1px solid var(--color-fg)}.faq-item.open .faq-item-content{opacity:1}.faq-item.open .faq-item-icon img{transform:rotate(180deg)}.faq-item-title{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:var(--font-size-t4);font-weight:var(--font-weight-sb)}.faq-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.faq-item-content{font-size:var(--font-size-b3);font-weight:var(--font-weight-r);white-space:pre-wrap;overflow:hidden;transition:max-height .2s ease-out,opacity .2s ease-out;max-height:0;opacity:0}.faq-item-content p{padding-top:16px}.faq-bottom{align-items:center}.contact-container{max-width:618px;display:flex;flex-direction:column;align-items:center;gap:32px}.contact-form{display:flex;flex-direction:column;width:100%;gap:12px}@media (max-width: 1280px){.guide-section,.faq-section{padding:40px 32px 20px}.guide-container{flex-direction:column;gap:24px}.guide-view-nav{width:100%;padding:0;background-color:transparent}.guide-view-nav.mobile{display:flex}.contact-container{max-width:486px}}@media (max-width: 768px){.guide-section,.faq-section{padding:24px 16px 10px}.guide-container{gap:16px}.guide-title{gap:24px;margin-bottom:24px}.pill-tab{padding:8px 16px}.faq-top{gap:24px}}.pricing-section{display:flex;flex-direction:column;align-items:center;padding-top:60px;padding-bottom:120px}.pricing-section.gradient-bg{background:linear-gradient(180deg,#fff,#ecf4fa 70%,#fff)}.pricing-section.comparison{padding-top:0}.pricing-container,.plan-cards-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:32px;box-sizing:border-box}.pricing-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;width:100%}.billing-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;background-color:var(--color-bg);border-radius:var(--radius-full);box-sizing:border-box}.billing-toggle .billing-label{position:relative;font-size:var(--font-size-t6);font-weight:var(--font-weight-m);opacity:.4;transition:opacity .3s ease;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;width:122px;z-index:2}.billing-toggle .billing-label.active{opacity:1}.billing-toggle input{opacity:0;width:0;height:0}.billing-toggle .slide-button{position:absolute;width:122px;align-self:stretch;background-color:#fff;border-radius:var(--radius-full);transition:transform .3s ease;font-size:var(--font-size-t6);padding:8px 12px;box-sizing:border-box;color:transparent;z-index:1}.billing-toggle .slide-button.annual{transform:translate(0)}.billing-toggle .slide-button.monthly{transform:translate(130px)}.plan-card-container{padding:0;border-radius:var(--radius-1);background-color:#fff;box-sizing:border-box;display:flex;transition:box-shadow .3s ease}.plan-card-container:not(.current-plan):hover{box-shadow:0 4px 20px #006eff33}.plan-card-container:not(.current-plan):hover .plan-card{box-shadow:inset 0 0 0 2px var(--color-secondary)}.plan-card.free .annual-price{visibility:hidden}:is(.plan-card.free,.plan-card.enterprise) .period{display:none}.plan-price{display:flex;flex-direction:column;gap:4px}.monthly-price{display:flex;gap:10px;align-items:center;font-size:var(--font-size-h4);font-weight:var(--font-weight-b)}.monthly-price .period{font-size:var(--font-size-b4);font-weight:var(--font-weight-r)}.annual-price{font-size:var(--font-size-b5);font-weight:var(--font-weight-r);color:var(--gray-500)}.plan-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px 24px 36px;background-color:#fff;border-radius:var(--radius-1);box-shadow:inset 0 0 0 1px var(--gray-200);gap:24px;box-sizing:border-box;width:100%;transition:box-shadow .3s ease}.plan-card .plan-header{display:flex;width:100%;justify-content:space-between}.plan-card .plan-name{font-size:var(--font-size-t3);font-weight:var(--font-weight-sb)}.plan-card .discount-badge{color:var(--color-orange-dark);font-size:var(--font-size-t7);padding:4px 12px;border:1px solid var(--color-orange-dark);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.plan-card .plan-button{width:100%}.plan-card .plan-features{display:flex;flex-direction:column;gap:16px}.plan-card .plan-features .feature-text{font-size:var(--font-size-t4);font-weight:var(--font-weight-sb)}.plan-card .plan-features .feature-list{display:flex;flex-direction:column;gap:12px}.plan-card .plan-features .feature-list .feature-item{display:flex;align-items:center;gap:4px;font-size:var(--font-size-b4);font-weight:var(--font-weight-r);color:var(--gray-500)}.plan-card .plan-features .feature-list .feature-item .feature-icon{width:20px;height:20px;object-fit:contain}.pricing-section.comparison .section-subtitle{font-size:var(--font-size-t2);font-weight:var(--font-weight-b)}.comparison-table{width:100%;overflow-x:auto}.comparison-table table,.comparison-table thead,.comparison-table tbody,.comparison-table th,.comparison-table td,.comparison-table tr{width:100%;border-collapse:collapse;box-sizing:border-box;-webkit-user-select:none;user-select:none;pointer-events:none;word-break:keep-all}.comparison-table tr{display:flex;align-items:center;justify-content:stretch;gap:16px}.comparison-table th,.comparison-table td{text-align:center;display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px solid var(--gray-200);box-sizing:border-box}.comparison-table th{height:56px;font-size:var(--font-size-t4);font-weight:var(--font-weight-sb);background-color:var(--gray-200);border-start-start-radius:var(--radius-16);border-start-end-radius:var(--radius-16)}.comparison-table td{height:60px;font-size:var(--font-size-b3);font-weight:var(--font-weight-r)}.comparison-table td.feature{background-color:var(--gray-100)}.comparison-table td img{width:20px;height:20px;object-fit:contain}@media (max-width: 1280px){.pricing-section.gradient-bg{background:unset}.pricing-plans{grid-template-columns:repeat(2,1fr);gap:16px}.plan-card{padding:24px 16px}.comparison-table tr{gap:8px}}@media (max-width: 768px){.pricing-section{padding-top:24px;padding-bottom:64px}.pricing-container{gap:24px}.pricing-plans{grid-template-columns:1fr}.plan-card{padding:16px}.feature-list{gap:4px}.comparison-table tr{gap:4px}.comparison-table th,.comparison-table td{padding:12px 8px}.comparison-table th{height:44px;font-size:var(--font-size-t6)}.comparison-table th:first-child{min-width:78px}.comparison-table td{height:48px;font-size:var(--font-size-b4);line-height:1}.comparison-table td.feature{min-width:78px}.comparison-table td img{width:16px;height:16px;object-fit:contain}}.araoffice-section{position:relative;padding-top:60px;padding-bottom:120px;background:linear-gradient(180deg,#fff0,#f1f2f4 83%,#fff0)}.araoffice-hero-image{display:flex;position:absolute;padding:0 160px;top:64px;width:1600px;height:auto;z-index:-1}.araoffice-hero-image img{width:100%;height:auto;object-fit:contain}.araoffice-heading{gap:32px;align-items:center}.araoffice-heading .araoffice-logo-area{display:flex;align-items:center;flex-direction:column;gap:4px}.araoffice-heading .araoffice-logo-area .logo{width:70px;height:70px}.araoffice-heading .araoffice-logo-area .araoffice-logo-title{font-size:var(--font-size-t2);font-weight:var(--font-weight-b);color:var(--logo-gray)}.araoffice-heading .araoffice-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-b)}.araoffice-heading .araoffice-actions{display:flex;gap:16px;align-items:center;justify-content:center}.araoffice-video{padding-top:120px;padding-bottom:120px;justify-content:center;align-items:center}.araoffice-video-wrapper{position:relative;width:100%;max-width:1024px;height:576px;background-color:var(--gray-300);border-radius:var(--radius-1);box-shadow:0 0 0 8px var(--color-bg);display:flex;justify-content:center;align-items:center}.araoffice-video-wrapper .araoffice-video-button{position:absolute;width:100px;height:100px;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.araoffice-video-wrapper .araoffice-video-button:hover{opacity:.8}.araoffice-video-wrapper .araoffice-video-button img{width:100%;height:100%;object-fit:contain;pointer-events:none}.araoffice-banners{display:flex;flex-direction:column;gap:32px}.araoffice-banner{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:center;padding:32px;background-color:#fff;border-radius:var(--radius-1);box-shadow:inset 0 0 0 1px var(--gray-200)}.araoffice-banner:nth-child(2n){direction:rtl}.araoffice-banner-text{display:flex;flex-direction:column;gap:16px;padding:16px}.araoffice-banner-text .araoffice-banner-title{font-size:var(--font-size-t1);font-weight:var(--font-weight-b)}.araoffice-banner-text .araoffice-banner-description{font-size:var(--font-size-b2);font-weight:var(--font-weight-r);color:var(--logo-gray);line-height:150%;word-break:keep-all}.araoffice-banner-image{width:100%;height:auto;border-radius:var(--radius-1);overflow:hidden;background-color:var(--color-bg)}.araoffice-banner-image img{width:100%;height:auto;object-fit:contain}.epub3-introduction{padding-top:60px;padding-bottom:120px;gap:32px}.tablet-only{display:none}.epub3-heading{gap:32px;align-items:center;justify-content:center;position:relative;height:240px;background:linear-gradient(90deg,#cffdff66,#a9caff);border-radius:var(--radius-1)}.epub3-heading .epub3-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-b)}.epub3-heading .epub3-heading-img{width:100%;height:auto;position:absolute;object-fit:contain}.epub3-introduction-container{gap:32px}.introduction-title{font-size:var(--font-size-t1);font-weight:var(--font-weight-b)}.introduction-table{width:100%;border-collapse:collapse}.introduction-table th,.introduction-table td{padding:24px 0;text-align:left;vertical-align:top;border-top:1px solid var(--color-fg);border-bottom:1px solid var(--color-fg)}.introduction-table th{font-size:var(--font-size-t2);font-weight:var(--font-weight-b);width:460px;border-right:32px solid white}.introduction-table td{font-size:var(--font-size-b2);font-weight:var(--font-weight-r);line-height:150%;word-break:keep-all}.introduction-table ul li{list-style-type:disc;list-style-position:inside;margin-left:16px}.epub3-araoffice{padding-bottom:120px}.epub3-araoffice-container{gap:32px;align-items:center}.epub3-mainimage{width:100%;max-width:1440px;height:auto;display:flex;justify-content:center;align-items:center}.epub3-mainimage img{width:100%;height:auto;object-fit:contain}.epub3-araoffice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.epub3-araoffice-card{display:flex;flex-direction:column;padding:32px;gap:8px;background-color:var(--color-bg-light);border-radius:var(--radius-1);transition:background-color .3s ease}.epub3-araoffice-card .card-title{font-size:var(--font-size-t2);font-weight:var(--font-weight-b)}.epub3-araoffice-card .card-description{font-size:var(--font-size-b2);font-weight:var(--font-weight-r);color:var(--logo-gray);word-break:keep-all}.epub3-araoffice-card:hover{background-color:var(--color-bg)}@media (max-width: 1280px){.pc-only{display:none}.araoffice-section{padding-top:60px;padding-bottom:80px}.araoffice-video{padding:120px 24px}.araoffice-video-wrapper{width:100%;height:auto;min-height:405px;max-height:405px}.araoffice-banners{gap:16px;grid-template-columns:1fr}.araoffice-banners .araoffice-banner{display:flex;flex-direction:column-reverse;gap:16px;padding:16px}.araoffice-banners .araoffice-banner:nth-child(2n){direction:ltr}.araoffice-banners .araoffice-banner-text{padding:0 16px;gap:8px}.araoffice-banners .araoffice-banner-image{height:320px;width:100%;display:flex;justify-content:center;align-items:center}.araoffice-banners .araoffice-banner-image img{height:100%;width:auto;object-fit:contain}.epub3-introduction{padding-top:60px;padding-bottom:80px}.epub3-heading{width:100%}.tablet-only{display:block}.epub3-mainimage{height:400px;overflow:hidden}.epub3-mainimage img{height:100%;width:auto}.introduction-table th,.introduction-table td{padding:16px 0}.introduction-table th{width:156px;border-right:16px solid white}.epub3-araoffice-grid{display:flex;flex-direction:column;gap:16px}.epub3-araoffice-card{padding:24px}}@media (max-width: 768px){.tablet-only{display:none}.araoffice-section{padding-top:24px;padding-bottom:64px;padding-inline:0}.araoffice-heading{padding-inline:16px;gap:24px}.araoffice-heading .araoffice-title{text-align:center;word-break:keep-all}.araoffice-heading .araoffice-actions{width:100%;flex-direction:column}.araoffice-heading .araoffice-button{width:100%}.araoffice-video{padding:64px 24px}.araoffice-video-wrapper{min-height:176px;max-height:312px}.araoffice-video-wrapper .araoffice-video-button{width:60px;height:60px}.araoffice-banners{padding:0 16px}.araoffice-banners .araoffice-banner-image{height:160px}.epub3-introduction{padding:24px 16px 64px}.epub3-heading{height:80px}.introduction-table tr{display:flex;flex-direction:column}.introduction-table tr:last-child{border-bottom:1px solid var(--color-fg)}.introduction-table th,.introduction-table td{padding:16px 0;display:flex;border-bottom:none}.introduction-table th{width:100%;border-right:none}.epub3-araoffice{padding-bottom:64px}.epub3-mainimage{height:180px;overflow:hidden;width:100vw}.epub3-mainimage img{height:100%;width:auto}.epub3-araoffice-grid .epub3-araoffice-card{padding:16px}}.template-market{padding-top:60px;padding-bottom:120px;gap:32px}.template-market-container{display:flex;flex-direction:column;align-items:center}.template-list-container{gap:32px}.sub-title{width:100%;font-size:var(--font-size-t2);font-weight:var(--font-weight-b)}.template-grid{display:flex;flex-direction:column;gap:0;width:100%}.template-grid-row{width:100%;padding-top:32px;padding-bottom:16px;border-top:1px solid var(--gray-300);display:grid;grid-template-columns:repeat(5,1fr);gap:32px}.template-grid-row:last-child{border-bottom:1px solid var(--gray-300)}@media (max-width: 1280px){.template-market{padding-bottom:80px}.template-grid-row{gap:16px;grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.template-market{padding:24px 16px 64px;gap:24px}.template-list-container{gap:16px}.template-grid-row{padding-top:16px;padding-bottom:0;grid-template-columns:repeat(2,1fr)}.template-more-button{width:100%}.activity-item .thumb-box{height:160px}}.mobile-only{display:none}.login-modal-backdrop,.register-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.login-modal,.register-modal{background-color:#fff;padding:72px 48px 64px;border-radius:var(--radius-16);display:flex;flex-direction:column;align-items:center;gap:64px;width:480px;max-height:100vh;overflow-y:auto}:is(.login-modal,.register-modal)::-webkit-scrollbar{width:12px}:is(.login-modal,.register-modal)::-webkit-scrollbar-thumb{background-color:var(--gray-300);border-radius:var(--radius-full);border:4px solid #ffffff}:is(.login-modal,.register-modal)::-webkit-scrollbar-track{margin:16px 0;background-color:transparent}.login-modal-title,.register-modal-title{font-size:var(--font-size-t2);font-weight:var(--font-weight-b);width:100%;text-align:center}.login-modal-content,.register-modal-content{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%}:is(.login-modal-content,.register-modal-content) .form-group{display:flex;flex-direction:column;gap:12px;width:100%}:is(.login-modal-content,.register-modal-content) .form-group .required,:is(.login-modal-content,.register-modal-content) .form-group .textinput-label,:is(.login-modal-content,.register-modal-content) .form-group .textinput-status{display:none}:is(.login-modal-content,.register-modal-content) .form-group .textinput-border{height:56px}:is(.login-modal-content,.register-modal-content) .form-group .input-wrapper{position:relative;display:flex;align-items:center}:is(.login-modal-content,.register-modal-content) .form-group .input-wrapper .password-visibility-toggle{position:absolute;right:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:var(--radius-full)}:is(.login-modal-content,.register-modal-content) .form-group .input-wrapper .password-visibility-toggle:hover{background-color:var(--gray-100)}:is(.login-modal-content,.register-modal-content) .form-group .input-wrapper .password-visibility-toggle img{width:20px;height:20px}:is(.login-modal-content,.register-modal-content) .form-message{font-size:var(--font-size-b5);font-weight:var(--font-weight-r);text-align:start}:is(.login-modal-content,.register-modal-content) .form-message:before{content:"";margin:0 4px}:is(:is(.login-modal-content,.register-modal-content) .form-message.error,:is(.login-modal-content,.register-modal-content) .form-message.success):before{content:"*"}:is(.login-modal-content,.register-modal-content) .form-message.error{color:var(--color-red)}:is(.login-modal-content,.register-modal-content) .form-message.success{color:var(--color-green)}:is(.login-modal-content,.register-modal-content) .account-find-group{display:flex;justify-content:center;align-items:center;gap:48px;font-size:var(--font-size-b4);font-weight:var(--font-weight-r)}:is(.login-modal-content,.register-modal-content) .account-find-group a:hover{text-decoration:underline}:is(.login-modal-content,.register-modal-content) .simple-login{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}:is(.login-modal-content,.register-modal-content) .simple-login .simple-login-title{width:100%;font-size:var(--font-size-t7);font-weight:var(--font-weight-m);color:var(--gray-400);display:flex;justify-content:center;align-items:center;gap:24px;flex-shrink:0}:is(.login-modal-content,.register-modal-content) .simple-login .simple-login-title:after{content:"";display:flex;flex-grow:1;height:1px;background-color:var(--gray-400)}:is(.login-modal-content,.register-modal-content) .simple-login .simple-login-title:before{content:"";display:flex;flex-grow:1;height:1px;background-color:var(--gray-400)}:is(.login-modal-content,.register-modal-content) .simple-login .simple-login-buttons{display:flex;gap:24px;justify-content:center;align-items:center}:is(.login-modal-content,.register-modal-content) .simple-login .simple-login-buttons .simple-login-button{width:44px;height:44px;border-radius:var(--radius-full);display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;background-color:#fff;transition:opacity .1s}:is(.login-modal-content,.register-modal-content) .simple-login .simple-login-buttons .simple-login-button.google{border:1px solid #E6E7EA}:is(.login-modal-content,.register-modal-content) .simple-login .simple-login-buttons .simple-login-button img:not(.logo-wrapper){width:100%;height:100%;object-fit:contain}:is(.login-modal-content,.register-modal-content) .simple-login .simple-login-buttons .simple-login-button:hover{opacity:.8}:is(.login-modal-content,.register-modal-content) .simple-login .simple-login-buttons .simple-login-button:active{opacity:1}:is(.login-modal-content,.register-modal-content) .signup-prompt{font-size:var(--font-size-b4);font-weight:var(--font-weight-r);color:var(--gray-400);display:flex;justify-content:center;align-items:center;gap:16px}:is(.login-modal-content,.register-modal-content) .signup-prompt .register{color:var(--color-primary);text-decoration:none;cursor:pointer}:is(.login-modal-content,.register-modal-content) .signup-prompt .register:hover{text-decoration:underline}.register-modal-content{gap:48px}.terms-agree{display:flex;flex-direction:column;width:100%;gap:16px}.terms-agree .terms-agree-title{font-size:var(--font-size-t5);font-weight:var(--font-weight-m);text-align:start}.terms-agree .terms-list{display:flex;flex-direction:column;width:100%;align-items:stretch;border-bottom:1px solid var(--color-fg)}.terms-agree .terms-item{display:flex;flex-direction:column;border-top:1px solid var(--gray-300)}.terms-agree .terms-item .terms-item-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;cursor:pointer}.terms-agree .terms-item .terms-item-title{display:flex;align-items:center;gap:8px;font-size:var(--font-size-t6);font-weight:var(--font-weight-m)}.terms-agree .terms-item .terms-item-title .terms-item-select-button{display:flex;justify-content:center;align-items:center;width:20px;height:20px;cursor:pointer}.terms-agree .terms-item .terms-item-title .required-text{color:var(--gray-400)}.terms-agree .terms-item .terms-item-title .required-text.required{color:var(--color-primary)}.terms-agree .terms-item .terms-item-icon{width:24px;height:24px}.terms-agree .terms-item .terms-item-icon img.open{transform:rotate(180deg)}.terms-agree .terms-item .terms-item-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.terms-agree .terms-item .terms-item-content.open{max-height:200px}.terms-agree .terms-item .terms-item-content-inner{max-height:120px;overflow-y:auto;padding:8px 8px 16px;background-color:var(--gray-100);border-radius:var(--radius-2);font-size:14px;font-weight:var(--font-weight-r);word-break:keep-all;margin-bottom:16px}.terms-agree .ui-checkbox .label{font-size:var(--font-size-t6);font-weight:var(--font-weight-m)}.terms-agree .agree-all-description{font-size:var(--font-size-b5);font-weight:var(--font-weight-r);color:var(--gray-400);margin-left:28px;margin-top:-8px}.user-info{display:flex;flex-direction:column;width:100%;gap:48px}.user-info .user-info-inner{display:flex;flex-direction:column;width:100%;gap:16px}.user-info .user-info-title{font-size:var(--font-size-t5);font-weight:var(--font-weight-m);text-align:start}.user-info .user-info-form{display:flex;flex-direction:column;width:100%;gap:8px}.user-info .form-group{display:flex;flex-direction:column;gap:0px}.user-info .form-group .form-group-label{font-size:var(--font-size-b5);font-weight:var(--font-weight-r);color:var(--color-primary);margin-bottom:4px}.user-info .form-group .form-group-label.optional{color:var(--gray-500)}.user-info .form-group .input-wrapper{margin-bottom:-1px}.user-info .form-group .input-wrapper:focus-within{z-index:1}.user-info .form-group .textinput-border{border-radius:0}.user-info .form-group .input-wrapper:first-of-type .textinput-border,.user-info .form-group .input-wrapper:first-of-type.border{border-top-left-radius:4px;border-top-right-radius:4px}.user-info .form-group .input-wrapper:last-of-type .textinput-border,.user-info .form-group .input-wrapper:last-of-type.border{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.user-info .form-group .form-message{margin-top:8px}.user-info .verification-code-wrapper{max-height:0;overflow:hidden;transition:max-height .2s ease}.user-info .verification-code-wrapper.open{max-height:56px}.user-info .verification-code-wrapper.verified .textinput-status,.user-info .username-wrapper.success .textinput-status{display:flex;position:absolute;right:80px}.user-info .verification-button{position:absolute;display:flex;justify-content:center;align-items:center;width:72px;right:16px;padding:8px 16px;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-l1);font-weight:var(--font-weight-m);cursor:pointer;transition:background-color .1s;white-space:nowrap}.user-info .verification-button.disabled{background-color:var(--gray-300);cursor:default}.user-info .verification-button:hover:not(.disabled){background-color:var(--color-secondary)}.user-info .verification-button:active:not(.disabled){background-color:var(--logo-blue)}.user-info .verification-button.resend{width:auto;padding:6px 12px;background-color:var(--gray-100);color:var(--gray-400);border:1px solid var(--gray-300)}.user-info .verification-button.resend:hover{background-color:var(--gray-200)}.user-info .verification-button.resend:active{background-color:var(--gray-300)}.user-info .verification-button.resend:disabled{background-color:var(--gray-100);color:var(--gray-300);border-color:var(--gray-200);cursor:default}.user-info .verification-button.resend:disabled:hover,.user-info .verification-button.resend:disabled:active{background-color:var(--gray-100)}.user-info .verification-button.check-duplicate.success{background-color:var(--gray-300);cursor:default}.user-info .verification-button.check-duplicate.error{background-color:var(--gray-500)}.user-info .verification-button.check-duplicate.error:hover{background-color:var(--gray-400)}.user-info .verification-button.check-duplicate.error:active{background-color:var(--gray-500)}.user-info .verification-button-group{position:absolute;display:flex;align-items:center;gap:8px;right:16px}.user-info .verification-button-group .verification-timer{font-size:12px;font-weight:var(--font-weight-m);color:var(--color-red)}.user-info .verification-button-group .verify{position:relative;right:unset}.user-info .input-wrapper.border{position:relative;font-size:var(--font-size-t6);display:inline-flex;align-items:center;box-shadow:inset 0 0 0 1px var(--gray-500);min-width:240px;background-color:#fff;transition:box-shadow .2s ease-in-out;padding:14px 16px;min-height:56px}.user-info .input-wrapper.border:focus-within{box-shadow:inset 0 0 0 2px var(--color-primary)}.user-info .input-wrapper.border.select-switch-wrapper{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.user-info .select-switch{display:flex;height:36px;flex-grow:1}.user-info .select-switch .select-switch-option{flex:1;padding:8px 16px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .1s,color .1s;box-shadow:inset 0 0 0 1px var(--gray-500)}.user-info .select-switch .select-switch-option.selected{background-color:var(--color-primary);color:#fff}.user-info .select-switch .select-switch-option:not(.selected):hover{background-color:var(--gray-100)}.user-info .select-switch .select-switch-option:not(.selected):active{background-color:var(--gray-200)}.user-info .select-switch .select-switch-option:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}.user-info .select-switch .select-switch-option:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.user-info .select-switch .select-switch-option:not(:first-of-type){margin-left:-1px}.user-info .over-14-checkbox-wrapper label{color:var(--gray-500)}.complete .register-modal-title{text-align:center;font-size:var(--font-size-t2);font-weight:var(--font-weight-b);line-height:1.6}.complete .register-modal-title .username{color:var(--logo-blue)}.complete .register-complete-image{height:120px;width:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.complete .register-complete-image img{height:100%;width:auto;object-fit:contain}.complete .register-complete-description{display:flex;flex-direction:column;align-items:center;gap:48px;width:100%}.complete .register-complete-subtitle{font-size:var(--font-size-t5);font-weight:var(--font-weight-m);text-align:center}@media (max-width: 768px){.mobile-only{display:flex}.login-modal,.register-modal{width:100%;height:100%;border-radius:0;padding:72px 24px;min-width:unset;justify-content:center;align-items:stretch;overflow-y:auto;gap:48px}.login-modal-content,.register-modal-content{gap:24px}.back-button{display:flex;position:absolute;top:16px;left:16px;width:32px;height:32px;cursor:pointer;padding:4px;justify-content:center;align-items:center}.back-button img{width:100%;height:100%;object-fit:contain;transform:rotate(180deg)}}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#fff}.spinner{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}