.app-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.app-loading__spinner{width:var(--size-spinner);height:var(--size-spinner);border:var(--border-spinner) solid var(--color-primary);border-radius:var(--radius-full);animation:spin var(--duration-spinner) linear infinite;border-top-color:#0000}@media (width<=1200px){.app-loading{padding:var(--space-md)}}@media (width<=768px){.app-loading{padding:var(--space-sm)}}.error-page{justify-content:center;align-items:center;gap:var(--space-md);min-height:100vh;padding:var(--space-2xl) var(--space-lg);background-color:var(--color-bg);text-align:center;flex-direction:column;display:flex}.error-page__code{font-size:var(--font-size-error-code);color:var(--color-text-disabled);text-align:center;font-weight:700}.error-page__title{font-size:var(--font-size-lg);color:var(--color-text);text-align:center;font-weight:600}.error-page__desc{font-size:var(--font-size-error-desc);color:var(--color-text-secondary);text-align:center;font-weight:400}.error-page__action{padding:var(--space-btn-y) var(--space-btn-x);background-color:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-sm);border-radius:var(--radius-btn);cursor:pointer;transition:background-color var(--duration-fast);border:none;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.error-page__action:hover{background-color:var(--color-primary-hover)}@media (width<=1200px){.error-page__code{font-size:var(--font-size-error-code-tablet)}}@media (width<=768px){.error-page{padding:var(--space-xl) var(--space-md)}.error-page__code{font-size:var(--font-size-error-code-mobile)}}.toast-container{top:var(--space-lg);right:var(--space-lg);z-index:var(--z-header);gap:var(--space-sm);max-width:var(--size-toast-max);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-strong);font:var(--font-toast);background-color:var(--color-bg);border-left:var(--border-width-toast) solid var(--color-border);animation:toast-in var(--duration-normal) ease-out;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateX(var(--space-xl))}to{opacity:1;transform:translate(0)}}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-danger)}.toast--warning{border-left-color:var(--color-warning)}.toast--info{border-left-color:var(--color-primary)}.toast__icon{width:var(--space-lg);height:var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.toast--success .toast__icon{background-color:var(--color-success);color:var(--color-text-inverse)}.toast--error .toast__icon{background-color:var(--color-danger);color:var(--color-text-inverse)}.toast--warning .toast__icon{background-color:var(--color-warning);color:var(--color-text-inverse)}.toast--info .toast__icon{background-color:var(--color-primary);color:var(--color-text-inverse)}.toast__message{color:var(--color-text);flex:1}.toast__dismiss{color:var(--color-text-disabled);cursor:pointer;transition:color var(--duration-fast);flex-shrink:0}.toast__dismiss:hover{color:var(--color-text)}@media (width<=1200px){.toast-container{max-width:var(--size-toast-max-tablet)}}@media (width<=768px){.toast-container{top:var(--space-sm);right:var(--space-sm);left:var(--space-sm);max-width:none}}.login-card{width:480px;padding:var(--space-10);background-color:var(--color-bg);box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;gap:20px;display:flex}.login-card__logo{width:75px;height:32px}.login-card__title{font-family:var(--font-family);color:var(--color-text-subtle);margin:0;font-size:20px;font-weight:600}.login-card__sso-group{gap:var(--space-3);flex-direction:column;display:flex}.login-card__sso{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:44px;font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:opacity var(--duration-fast);padding:11px 16px;font-weight:500;display:flex}.login-card__sso:hover{opacity:.85}.login-card__sso--google{background-color:var(--color-bg);border:var(--border-width-sm) solid var(--color-border-default);color:var(--color-text-subtle)}.login-card__sso--kakao{background-color:var(--color-kakao);color:var(--color-black);border:none}.login-card__sso--naver{background-color:var(--color-naver);color:var(--color-black);border:none}.login-card__divider{align-items:center;gap:var(--space-2);padding:4px 0;display:flex}.login-card__divider-line{background-color:var(--color-border-default);flex:1;height:1px}.login-card__divider-text{font-family:var(--font-family);color:var(--color-text-disabled);font-size:12px}.login-card__fields{gap:var(--space-3);flex-direction:column;display:flex}.login-card__input{width:100%;height:44px;padding:var(--space-3) var(--space-4);background-color:var(--color-bg);border:var(--border-width-sm) solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);box-sizing:border-box}.login-card__input::placeholder{color:var(--color-text-disabled)}.login-card__input:focus{border-color:var(--color-border-focus);outline:none}.login-card__error{font-family:var(--font-family);color:var(--color-danger);margin:0;font-size:13px}.login-card__submit{background-color:var(--color-primary);width:100%;height:44px;color:var(--color-text-inverse);border-radius:var(--radius-md);font-family:var(--font-family);cursor:pointer;transition:background-color var(--duration-fast);border:none;font-size:15px;font-weight:600}.login-card__submit:hover{background-color:var(--color-primary-hover)}.login-card__submit:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.login-card__password-row{gap:var(--space-1);flex-direction:column;display:flex}.login-card__forgot-link{font-family:var(--font-family);color:var(--color-text-secondary);transition:color var(--duration-fast);align-self:flex-end;font-size:12px;font-weight:500;text-decoration:none}.login-card__forgot-link:hover{color:var(--color-primary);text-decoration:underline}.login-card__footer{justify-content:center;align-items:center;gap:4px;padding-top:4px;display:flex}.login-card__footer-text{font-family:var(--font-family);color:var(--color-footer-link);font-size:13px}.login-card__footer-link{font-family:var(--font-family);color:var(--color-primary);font-size:13px;font-weight:500;text-decoration:none}.login-card__footer-link:hover{text-decoration:underline}@media (width<=768px){.login-card{width:calc(100% - 48px);max-width:480px}}.login-modal{z-index:1000;background:var(--color-overlay-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (width<=768px){.login-modal{padding:var(--space-4)}}.modal-overlay{background-color:var(--color-overlay);z-index:var(--z-header);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);width:100%;max-height:90vh;overflow-y:auto}.modal--sm{max-width:var(--size-modal-sm)}.modal--md{max-width:var(--size-dialog)}.modal--lg{max-width:var(--size-modal-lg)}.modal__header{padding:var(--space-lg) var(--space-lg) var(--space-md);justify-content:space-between;align-items:center;display:flex}.modal__title{font:var(--font-modal-title);color:var(--color-text)}.modal__close{width:var(--space-xl);height:var(--space-xl);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast);justify-content:center;align-items:center;display:flex}.modal__close:hover{background-color:var(--color-bg-subtle)}.modal__body{padding:0 var(--space-lg) var(--space-lg)}@media (width<=1200px){.modal--lg{max-width:var(--size-dialog)}}@media (width<=768px){.modal{max-width:90%;margin:var(--space-md)}.modal__header{padding:var(--space-md) var(--space-md) var(--space-sm)}.modal__body{padding:0 var(--space-md) var(--space-md)}}.plan-limit-modal{gap:var(--space-3);flex-direction:column;display:flex}.plan-limit-modal__desc{font-size:var(--font-size-error-desc);color:var(--color-text-secondary);font-weight:400;line-height:1.6}.plan-limit-modal__actions{gap:var(--space-xs);justify-content:flex-end;display:flex}.plan-limit-modal__cancel{padding:var(--space-sm) var(--space-md);background-color:var(--color-bg);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--radius-btn);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--duration-fast);font-weight:500}.plan-limit-modal__cancel:hover{background-color:var(--color-bg-subtle)}.plan-limit-modal__confirm{padding:var(--space-sm) var(--space-md);background-color:var(--color-primary);border-radius:var(--radius-btn);color:var(--color-text-inverse);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--duration-fast);border:none;font-weight:500}.plan-limit-modal__confirm:hover{background-color:var(--color-primary-hover)}@media (width<=1200px){.plan-limit-modal__actions{gap:var(--space-sm)}}@media (width<=768px){.plan-limit-modal{padding:var(--space-md)}}:root{--color-white:#fff;--color-bg-app:#f8f9fa;--color-bg-subtle:#f9fafb;--color-bg:#fff;--color-bg-canvas:#fff;--color-bg-topbar:#1e293b;--color-border:#e5e7eb;--color-border-default:#e2e8f0;--color-border-focus:#f43f5e;--color-primary:#f43f5e;--color-primary-hover:#e11d48;--color-block-selected:#f43f5e;--color-block-hover:#fda4af;--color-danger:#ef4444;--color-success:#22c55e;--color-warning:#f59e0b;--color-diff-added:#22c55e1a;--color-diff-added-border:#22c55e;--color-diff-removed:#ef44441a;--color-diff-removed-border:#ef4444;--color-diff-modified:#f59e0b1a;--color-diff-modified-border:#f59e0b;--color-diff-unchanged-border:#d0d5e0;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-disabled:#94a3b8;--color-text-inverse:#fff;--color-text-nav:#374151;--color-text-heading:#111827;--color-text-body:#6b7280;--color-text-muted:#9ca3af;--color-border-light:#d1d5db;--color-badge-bg:#f0f4ff;--color-badge-border:#e0e7ff;--color-badge-text:#4f46e5;--color-step-amber:#ffbd4e;--color-step-1-border:#ff0004;--color-step-2-border:#f62020;--color-label-amber:#d97706;--color-black:#1a1a1a;--color-auth-card-border:#e6e6e6;--color-sso-bg:#f7f7f7;--color-sso-border:#e0e0e0;--color-divider-text:#999;--color-kakao:#fee500;--color-naver:#03c75a;--color-text-subtle:#334155;--color-footer-link:#64748b;--color-google-link:#1a0dab;--color-google-url:#006621;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:80px;--space-mobile-x:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:40px;--space-16:64px;--radius-xs:3px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--border-width-sm:1px;--border-width-md:1.5px;--border-width-lg:2px;--duration-fast:.15s;--duration-normal:.2s;--duration-shimmer:1.5s;--anim-distance:40px;--anim-distance-mobile:20px;--anim-duration:.6s;--anim-easing:ease-out;--anim-scale-start:.9;--hover-scale:1.02;--hover-lift:-4px;--hover-brightness:1.05;--font-sans:"Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family:var(--font-sans);--font-size-3xs:10px;--font-size-2xs:11px;--font-size-xs:13px;--font-size-caption:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:36px;--font-size-section-title:36px;--font-size-section-title-tablet:30px;--font-size-section-subtitle-sm:15px;--font-heading-l:700 36px/1.2 var(--font-family);--font-heading-m:600 30px/1.2 var(--font-family);--font-heading-s:600 24px/1.2 var(--font-family);--font-title:600 20px/1.2 var(--font-family);--font-body-lg:400 18px/1.5 var(--font-family);--font-body:400 16px/1.5 var(--font-family);--font-small:400 14px/1.5 var(--font-family);--font-caption:400 12px/1.5 var(--font-family);--font-topbar-site:600 15px/1.4 var(--font-family);--font-panel-section:600 13px/1.4 var(--font-family);--font-panel-label:500 13px/1.4 var(--font-family);--font-panel-input:400 13px/1.4 var(--font-family);--font-panel-hint:400 11px/1.4 var(--font-family);--font-button:500 13px/1 var(--font-family);--font-toast:400 13px/1.4 var(--font-family);--font-modal-title:600 18px/1.3 var(--font-family);--font-modal-body:400 15px/1.6 var(--font-family);--color-card-border:#e1e7ed;--color-progress:#3b82f6;--shadow-card-sm:0 2px 8px #00000014;--size-progress-bar:6px;--shadow-subtle:0 1px 2px #0000000d;--shadow-medium:0 4px 6px #00000012, 0 2px 4px #0000000d;--shadow-strong:0 10px 15px #0000001a, 0 4px 6px #0000000d;--shadow-cta-primary:0 4px 16px #f43f5e59;--shadow-preview:0 16px 48px #00000026, 0 4px 16px #0000000f;--shadow-card:0 4px 16px #00000014, 0 1px 4px #0000000a;--size-domain-input-max:552px;--size-auth-card:448px;--size-file-thumb:120px;--size-panel-left:256px;--size-panel-right:288px;--size-topbar:48px;--size-dashboard-max:1024px;--color-topbar-text-muted:#9eb5cd;--size-left-panel:280px;--size-right-panel:320px;--size-statusbar:32px;--space-input-y:12px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--opacity-disabled:.5;--opacity-danger-hover:.9;--opacity-hover:.9;--color-topbar-btn-hover:#ffffff26;--color-footer-border:#ffffff1a;--shadow-focus-primary:0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, transparent);--shadow-focus-danger:0 0 0 2px color-mix(in srgb, var(--color-danger) 15%, transparent);--outline-width-focus:2px;--outline-offset-focus:2px;--size-spinner:32px;--border-spinner:2px;--duration-spinner:.75s;--font-not-found:700 96px/1 var(--font-family);--font-not-found-tablet:700 72px/1 var(--font-family);--font-not-found-mobile:700 56px/1 var(--font-family);--font-size-error-code:48px;--font-size-error-code-tablet:40px;--font-size-error-code-mobile:32px;--font-size-error-desc:15px;--radius-btn:6px;--space-btn-y:10px;--space-btn-x:20px;--size-canvas-min-height:600px;--size-hero-min-height:320px;--size-hero-min-height-tablet:280px;--size-hero-min-height-mobile:200px;--size-hero-subtitle-max:600px;--size-hero-height:560px;--size-hero-height-tablet:480px;--size-hero-height-mobile:400px;--size-hero-image:560px;--size-hero-image-height:400px;--size-hero-image-tablet:400px;--size-hero-image-height-tablet:300px;--size-hero-image-height-mobile:250px;--font-size-hero-title:56px;--font-size-hero-title-lg:48px;--font-size-hero-title-tablet:44px;--font-size-hero-title-tablet-lg:40px;--font-size-hero-title-mobile:36px;--font-size-hero-title-mobile-lg:32px;--font-size-hero-subtitle:20px;--space-hero-left-padding:120px;--space-hero-left-padding-tablet:60px;--space-content-gap:20px;--space-buttons-gap:12px;--space-cta-py:16px;--space-cta-px:32px;--space-cta-sm-py:12px;--space-cta-sm-px:24px;--space-badge-py:4px;--space-badge-px:12px;--color-bg-hero-light:#f7f8fa;--color-bg-placeholder:#d9deea;--size-image-placeholder:200px;--size-image-placeholder-mobile:150px;--size-block-panel-tablet:200px;--size-content-max:1920px;--font-family-base:"Pretendard", sans-serif;--font-family-mono:"Menlo", "Monaco", "Consolas", monospace;--line-height-relaxed:1.6;--line-height-loose:1.8;--color-countdown-bg:#1e293c;--color-countdown-card:#f8f9fa1a;--color-countdown-text-secondary:#f8f9fab3;--color-countdown-text-muted:#f8f9fa80;--border-width-quote:3px;--space-code-py:2px;--space-code-px:6px;--font-size-code:.9em;--color-overlay:#00000080;--color-overlay-modal:#1e293b66;--size-dialog:480px;--size-dialog-tablet:420px;--size-modal-sm:360px;--size-modal-lg:640px;--size-toast-max:400px;--size-toast-max-tablet:360px;--border-width-toast:3px;--gradient-hero:linear-gradient(-26deg, #fafbff 15%, #f0f4ff 50%, #fdf2f8 85%);--z-header:100;--size-landing-max:1200px;--size-landing-narrow:800px;--size-landing-cta-max:600px;--size-landing-hero-max:560px;--size-header:64px;--letter-spacing-label:2px}[data-theme=modern]{--site-primary:#3b82f6;--site-bg:#fff;--site-text:#1e293b}[data-theme=warm]{--site-primary:#f59e0b;--site-bg:#fffbeb;--site-text:#292524}[data-theme=dark]{--site-primary:#8b5cf6;--site-bg:#0f172a;--site-text:#f1f5f9}[data-theme=minimal]{--site-primary:#404040;--site-bg:#fff;--site-text:#18181b}[data-theme=nature]{--site-primary:#22c55e;--site-bg:#f0fdf4;--site-text:#14532d}[data-theme=coral]{--site-primary:#fb7185;--site-bg:#fff1f2;--site-text:#1e293b}[data-theme=ocean]{--site-primary:#0ea5e9;--site-bg:#f0f9ff;--site-text:#0c4a6e}[data-theme=mono]{--site-primary:#6b7280;--site-bg:#fafafa;--site-text:#171717}[data-theme=pastel]{--site-primary:#ec4899;--site-bg:#fdf2f8;--site-text:#831843}[data-theme=orange]{--site-primary:#f97316;--site-bg:#fff7ed;--site-text:#1e293b}[data-theme=navy]{--site-primary:#1e40af;--site-bg:#eff6ff;--site-text:#1e293b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:1.5}img,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit}ul,ol{list-style:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}