@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{--ink: #182024;--muted: #687177;--line: #dcdcd5;--paper: #f5f4ef;--panel: #fbfaf6;--navy: #13252c;--navy-light: #1e353f;--orange: #ed6a37;--orange-dark: #d65425;--orange-soft: rgba(237, 106, 55, .1);--green: #3b9b73;--red: #c93b2b}*{box-sizing:border-box}.auth-page{display:flex;min-height:100vh;background:var(--paper);font-family:Manrope,Noto Sans KR,sans-serif;color:var(--ink);line-height:1.6}.auth-container{width:100%;max-width:440px;margin:auto;padding:clamp(32px,6vw,64px) 20px}.auth-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);font-size:15px;font-weight:800;letter-spacing:.13em;line-height:1.1;margin-bottom:32px}.auth-brand .brand-mark{position:relative;display:flex;width:28px;height:29px;transform:rotate(-30deg)}.auth-brand .brand-mark i{position:absolute;display:block;width:7px;height:27px;background:var(--orange)}.auth-brand .brand-mark i:nth-child(1){left:1px}.auth-brand .brand-mark i:nth-child(2){top:7px;left:11px;height:20px}.auth-brand .brand-mark i:nth-child(3){top:14px;right:1px;height:13px}.auth-brand small{display:block;margin-top:4px;font-size:7px;font-weight:600;letter-spacing:.25em;color:#819096}.auth-card{background:var(--panel);border:1px solid var(--line);padding:clamp(28px,5vw,40px) clamp(20px,4vw,32px);box-shadow:0 16px 48px #13252c0f}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:24px}.auth-tabs button{padding:12px 16px;border:0;background:transparent;font-family:inherit;font-size:14px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.auth-tabs button:hover{color:var(--ink)}.auth-tabs button.active{color:var(--navy);border-bottom-color:var(--orange)}.auth-message{display:none;padding:11px 14px;margin-bottom:20px;font-size:13px;font-weight:600;border-radius:2px}.auth-message.error{display:block;background:#fdf2f0;border:1px solid #f9cac4;color:var(--red)}.auth-message.success{display:block;background:#f0f8f4;border:1px solid #c8e8d8;color:#1a7a50}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-form.hidden,.auth-reset-form{display:none}.auth-reset-form.visible{display:flex}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:12px;font-weight:700;color:#495459;letter-spacing:.02em}.auth-field input{width:100%;height:44px;padding:0 14px;background:white;border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.auth-field input:focus{border-color:var(--navy);box-shadow:0 0 0 3px #13252c14}.auth-field input::placeholder{color:#a2a8ab}.auth-submit{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 24px;background:var(--navy);color:#fff;border:1px solid var(--navy);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .1s ease;margin-top:4px}.auth-submit:hover{background:var(--orange);border-color:var(--orange)}.auth-submit:active{transform:translateY(1px)}.auth-submit:disabled{background:#9ba4a8;border-color:#9ba4a8;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0 18px;color:var(--muted);font-size:11px;font-family:DM Mono,monospace;letter-spacing:.1em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.auth-social{display:flex;flex-direction:column;gap:10px}.auth-social button{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 16px;background:white;border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease}.auth-social button:hover{border-color:var(--navy);background:#f7f6f2}.auth-social button svg{width:17px;height:17px;flex-shrink:0}.auth-link{color:var(--navy);font-size:12px;font-weight:600;text-decoration:none;transition:color .15s ease}.auth-link:hover{color:var(--orange);text-decoration:underline}.auth-footer{text-align:center;margin-top:28px;font-size:13px;color:var(--muted)}.auth-footer a{color:var(--navy);font-weight:700;text-decoration:none}.auth-footer a:hover{color:var(--orange);text-decoration:underline}.account-container{width:100%;max-width:620px;margin:auto;padding:clamp(32px,6vw,64px) 20px}.account-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--line)}.account-header h1{margin:0;font-size:clamp(24px,3.5vw,32px);font-weight:800;letter-spacing:-.03em;color:var(--navy)}.account-back{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--muted);text-decoration:none;transition:color .15s ease}.account-back:hover{color:var(--orange)}.account-card{background:var(--panel);border:1px solid var(--line);padding:clamp(24px,4vw,32px);margin-bottom:20px;box-shadow:0 8px 24px #13252c0a}.account-card h2{margin:0 0 20px;font:700 11px/1.2 DM Mono,monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--orange)}.account-info{display:flex;flex-direction:column}.account-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.account-row:first-child{padding-top:0}.account-row:last-child{border-bottom:0;padding-bottom:0}.account-row .label{color:var(--muted);font-weight:500}.account-row .value{color:var(--navy);font-weight:700}.tier-badge{display:inline-flex;align-items:center;padding:4px 10px;font:700 11px/1 DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.tier-badge.free{background:#e5e4de;color:#555c60;border:1px solid #d4d3cc}.tier-badge.pro{background:var(--orange);color:#fff}.upgrade-cta-card{background:var(--navy);color:#fff;border:1px solid #243d47;padding:clamp(32px,5vw,44px) clamp(24px,4vw,36px);text-align:center;margin-bottom:20px;box-shadow:0 16px 40px #13252c26}.upgrade-cta-card h2{color:var(--orange);font:700 12px/1.2 DM Mono,monospace;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px}.upgrade-cta-card p{color:#9cb2b8;font-size:14px;margin:0 0 20px}.upgrade-cta-card .price{font-size:clamp(38px,4.5vw,48px);font-weight:800;line-height:1;letter-spacing:-.03em;color:#fff}.upgrade-cta-card .price-period{color:#7e949a;font-size:13px;margin-top:4px;margin-bottom:28px}.upgrade-cta-card ul{list-style:none;padding:0;margin:0 auto 32px;max-width:280px;text-align:left;border-top:1px solid #233e49}.upgrade-cta-card li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #233e49;color:#e0e8ea;font-size:13px;font-weight:500}.upgrade-cta-card li:before{content:"✓";color:var(--orange);font-weight:800}.upgrade-cta-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:320px;height:48px;padding:0 28px;background:var(--orange);color:#fff;font-family:inherit;font-size:14px;font-weight:700;border:0;cursor:pointer;text-decoration:none;transition:background .2s ease,transform .1s ease}.upgrade-cta-btn:hover{background:var(--orange-dark)}.upgrade-cta-btn:active{transform:translateY(1px)}.logout-btn{width:100%;height:44px;background:transparent;border:1px solid var(--line);color:var(--muted);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.logout-btn:hover{border-color:var(--red);color:var(--red);background:#fdf2f0}.user-menu-wrapper{position:relative;display:flex;align-items:center;gap:8px;margin-left:6px;flex-shrink:0}.lang-switch-btn{height:32px;padding:0 10px;font:700 11px/1 DM Mono,monospace;letter-spacing:.08em;background:#fff;border:1px solid #d2d2cc;color:var(--navy);border-radius:3px;cursor:pointer;transition:.15s ease;white-space:nowrap}.lang-switch-btn:hover{border-color:var(--orange);color:var(--orange);background:#fff8f5}.user-logged-in-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.topbar-sub-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 10px;border:1px solid #dcdcd6;background:#fff;color:var(--navy);font-size:11px;font-weight:700;text-decoration:none;border-radius:3px;cursor:pointer;transition:.15s ease;white-space:nowrap}.top-actions .topbar-sub-btn span{display:inline!important}.topbar-sub-btn:hover{border-color:var(--navy);background:#f2f1ec}.topbar-login-button{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;background:white;border:1px solid #d2d2cc;color:var(--navy);font-family:inherit;font-size:11px;font-weight:700;text-decoration:none;border-radius:3px;transition:.15s ease;white-space:nowrap}.topbar-login-button:hover{border-color:var(--navy);background:#f2f1ec}.studio-tier-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:3px;font:700 9px/1.2 DM Mono,monospace;letter-spacing:.08em}.studio-tier-badge.free{background:#deddd8;color:#5d615f}.studio-tier-badge.pro{background:var(--orange);color:#fff}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--panel);border:1px solid var(--line);box-shadow:0 14px 38px #13252c1f;min-width:210px;padding:6px;z-index:9000;display:none}.user-menu-dropdown.open{display:block}.user-menu-dropdown .menu-header{padding:10px 12px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}.user-menu-dropdown .menu-header strong{display:block;font-size:13px;font-weight:700;color:var(--navy)}.user-menu-dropdown .menu-header small{display:block;color:var(--muted);font-size:11px;margin-top:2px;word-break:break-all}.user-menu-dropdown a,.user-menu-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border:0;background:transparent;font-family:inherit;font-size:12px;font-weight:600;color:var(--ink);text-decoration:none;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.user-menu-dropdown a:hover,.user-menu-dropdown button:hover{background:#eae9e2;color:var(--navy)}.user-menu-dropdown .menu-logout{color:var(--red);border-top:1px solid var(--line);margin-top:4px;padding-top:10px}.user-menu-dropdown .menu-logout:hover{background:#fdf2f0;color:var(--red)}.upgrade-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:rgba(19,37,44,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px}.upgrade-modal-overlay.visible{display:flex}.upgrade-modal{background:var(--panel);border:1px solid var(--line);box-shadow:0 24px 60px #00000040;padding:clamp(32px,5vw,44px) clamp(24px,4vw,36px);max-width:420px;width:100%;text-align:center;position:relative;animation:modalScaleIn .2s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.upgrade-modal-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border:1px solid var(--line);background:white;font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center;color:var(--muted);transition:.15s ease}.upgrade-modal-close:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.upgrade-modal-badge{display:inline-block;padding:4px 14px;background:var(--orange);color:#fff;font:700 11px/1 DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.upgrade-modal h2{margin:0 0 10px;font-size:22px;font-weight:800;color:var(--navy);letter-spacing:-.03em}.upgrade-modal-desc{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 24px}.upgrade-modal-desc strong{color:var(--navy)}.upgrade-features{list-style:none;padding:0;margin:0 auto 28px;text-align:left;border-top:1px solid var(--line)}.upgrade-features li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink)}.upgrade-features li:before{content:"✓";color:var(--orange);font-weight:800}.upgrade-modal-cta{display:flex;align-items:center;justify-content:center;width:100%;height:46px;background:var(--navy);color:#fff;text-decoration:none;font-size:14px;font-weight:700;transition:background .2s ease;margin-bottom:12px}.upgrade-modal-cta:hover{background:var(--orange)}.upgrade-modal-skip{border:0;background:transparent;color:var(--muted);font-family:inherit;font-size:12px;cursor:pointer;text-decoration:underline;transition:color .15s ease}.upgrade-modal-skip:hover{color:var(--ink)}.limit-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:14px;padding:8px 16px;background:rgba(251,250,246,.94);border:1px solid var(--line);box-shadow:0 8px 24px #13252c14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap}.limit-banner.limit-reached{background:rgba(253,242,240,.96);border-color:#f9cac4;color:var(--red)}.limit-upgrade-btn{border:0;background:var(--orange);color:#fff;font-family:inherit;font-size:11px;font-weight:700;padding:4px 10px;cursor:pointer;transition:background .15s ease}.limit-upgrade-btn:hover{background:var(--orange-dark)}.limit-banner.limit-reached .limit-upgrade-btn{background:var(--red)}