.auth-modal{--am-bg-layer-02: #252525;--am-radius-r16: 16px;--am-radius-r12: 12px;--am-radius-r10: 10px;--am-button-radius-common-md-btn: var(--am-radius-r10);--am-text-common: #ffffff;--am-button-color-btn-bg-common-hover: rgba(255, 255, 255, .15);--am-typo-size-headline-lg: 28px;--am-typo-size-body-lg: 16px;--am-typo-size-title-md: 20px;--am-typo-size-caption-md: 12px;--am-text-common-60: #ffffff99;--am-system-theme-focus-02: #1cdb9f;--am-button-color-btn-bg-white-default: #ffffff;--am-gamecover-color-border: #ffffff1a;--am-button-label-default-dark: #000000;--am-button-space-common-color-gap: 8px;--am-button-space-common-color-lg-padding-side: 16px;--am-opacity-100: 100%;--am-opacity-60: 60%;--am-opacity-30: 30%;--am-opacity-40: 40%;--am-button-color-btn-bg-grey-default: #474747;--am-button-color-btn-bg-grey-hover: #535353;--am-button-color-btn-bg-grey-pressed: #3b3b3b;--am-button-color-btn-bg-grey-disabled: #3b3b3b;--am-button-label-hover: #ffffff;--am-button-label-pressed: #ffffff;--am-button-label-disabled: #ffffff;--am-button-color-btn-bg-green-focus: #529a68;--am-button-color-btn-bg-green-hover: #5aa972;--am-button-color-btn-bg-green-pressed: #427751;--am-button-color-btn-bg-green-disabled: #3b3b3b;--am-button-label-colored: #ffffff;--am-bg-layer-04: #3b3b3b;--am-system-theme-focus-04: #ff3e3e;--am-text-link: #10baf8;--am-blue-focus-400: #10baf8;--am-system-blue: transparent}@media not (max-width:1222px){.auth-modal{--am-button-radius-common-md-btn: var(--am-radius-r12)}}.auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;justify-content:center;overflow:hidden;z-index:100}@media(min-width:558px){.auth-modal{align-items:center}}.auth-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0009}.auth-modal__dialog{position:relative;display:flex;width:100%;flex-direction:column;overflow:hidden;background-color:var(--am-bg-layer-02)}@media(min-width:558px){.auth-modal__dialog{width:520px;height:720px;max-height:calc(100dvh - 32px);border-radius:var(--am-radius-r16)}.auth-modal__dialog--full-width{height:auto}}.auth-modal__header{display:flex;height:56px;width:100%;flex-shrink:0;align-items:center;padding:0 8px}.auth-modal__header-btn{display:flex;height:40px;width:40px;align-items:center;justify-content:center;border:none;padding:0;background:transparent;border-radius:var(--am-button-radius-common-md-btn);color:var(--am-text-common);cursor:pointer}.auth-modal__header-btn:hover{background-color:var(--am-button-color-btn-bg-common-hover)}.auth-modal__scroll{display:flex;width:100%;min-height:0;flex:1 1 0%;flex-direction:column;align-items:center;overflow-y:auto}.auth-modal__scroll--centered{align-items:center;justify-content:center}.auth-modal__content{display:flex;width:100%;max-width:480px;flex:1 1 0%;flex-direction:column;padding:16px 16px 40px}.auth-modal__title{display:flex;width:100%;flex-direction:column;align-items:center;gap:16px;color:var(--am-text-common)}.auth-modal__title-logo{flex-shrink:0}.auth-modal__title-heading{margin:0;text-align:center;font-size:var(--am-typo-size-headline-lg);font-weight:700;color:inherit}.auth-modal__title-desc{margin:0;text-align:center;font-size:var(--am-typo-size-body-lg);font-weight:400;color:var(--am-text-common-60)}.auth-modal__step{display:flex;width:100%;flex:1 1 0%;flex-direction:column;gap:40px}@media(min-width:558px){.auth-modal__step{justify-content:space-between}}.auth-modal__step-top{display:flex;width:100%;flex-direction:column;gap:40px}.auth-modal__step-actions{display:flex;width:100%;flex-direction:column;gap:16px}.auth-modal__terms{margin:0;text-align:center;font-size:var(--am-typo-size-caption-md);font-weight:400;color:var(--am-text-common-60)}.auth-modal__switch,.auth-modal__divider{margin:0;text-align:center;font-size:var(--am-typo-size-body-lg);font-weight:400;color:var(--am-text-common-60)}.auth-modal__server-error{margin:0;text-align:center;font-size:var(--am-typo-size-body-lg);font-weight:400;color:var(--am-system-theme-focus-04)}.auth-modal__link{display:inline;border:none;margin:0;padding:0;background:none;font:inherit;cursor:pointer;color:var(--am-blue-focus-400)}.auth-modal__social-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:var(--am-button-space-common-color-gap);padding:var(--am-button-space-common-color-lg-padding-side);border:1px solid var(--am-gamecover-color-border);border-radius:var(--am-radius-r16);background-color:var(--am-button-color-btn-bg-white-default);font:inherit;cursor:pointer}.auth-modal__social-btn:disabled{cursor:not-allowed;opacity:.6}.auth-modal__social-btn-icon{flex-shrink:0;display:block}.auth-modal__social-btn-label{text-align:center;font-size:var(--am-typo-size-title-md);font-weight:600;color:var(--am-button-label-default-dark)}.auth-modal__button{display:flex;width:100%;min-height:56px;min-width:56px;align-items:center;justify-content:center;gap:var(--am-button-space-common-color-gap);padding:var(--am-button-space-common-color-lg-padding-side);border:none;border-radius:var(--am-radius-r16);font-size:var(--am-typo-size-title-md);font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.auth-modal__button:disabled{cursor:not-allowed}.auth-modal__button-icon{flex-shrink:0}.auth-modal__button--grey{background-color:var(--am-button-color-btn-bg-grey-default);color:var(--am-button-label-hover);opacity:var(--am-opacity-100)}.auth-modal__button--grey:hover:not(:disabled){background-color:var(--am-button-color-btn-bg-grey-hover)}.auth-modal__button--grey:active:not(:disabled){background-color:var(--am-button-color-btn-bg-grey-pressed);opacity:var(--am-opacity-60)}.auth-modal__button--grey:disabled{background-color:var(--am-button-color-btn-bg-grey-disabled);color:var(--am-button-label-disabled);opacity:var(--am-opacity-30)}.auth-modal__button--green{background-color:var(--am-button-color-btn-bg-green-focus);color:var(--am-button-label-colored)}.auth-modal__button--green:hover:not(:disabled){background-color:var(--am-button-color-btn-bg-green-hover)}.auth-modal__button--green:active:not(:disabled){background-color:var(--am-button-color-btn-bg-green-pressed);opacity:var(--am-opacity-60)}.auth-modal__button--green:disabled{background-color:var(--am-button-color-btn-bg-green-disabled);opacity:var(--am-opacity-30)}.auth-modal__form{width:100%}.auth-modal__input-group{display:flex;width:100%;flex-direction:column;gap:16px}.auth-modal__field{display:flex;width:100%;flex-direction:column;gap:4px}.auth-modal__input-container{position:relative;width:100%;height:48px;border-radius:var(--am-radius-r16);background-color:var(--am-bg-layer-04)}.auth-modal__input-field{box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;outline:none;background:transparent;font-weight:400;color:var(--am-text-common);padding-top:22px;padding-left:16px;padding-right:16px;border-radius:var(--am-radius-r16);font-size:var(--am-typo-size-body-lg)}.auth-modal__input-field--pad-md{padding-right:48px}.auth-modal__input-field--pad-lg{padding-right:80px}.auth-modal__input-field--error{outline:1px solid var(--am-system-theme-focus-04)}.auth-modal__input-label{position:absolute;top:50%;left:16px;transform:translateY(-50%);font-weight:400;color:var(--am-text-common);opacity:var(--am-opacity-40);font-size:var(--am-typo-size-body-lg);pointer-events:none;transition:all .2s ease-in-out}.auth-modal__input-field:focus+.auth-modal__input-label,.auth-modal__input-field:not(:placeholder-shown)+.auth-modal__input-label{top:7px;transform:translateY(0);font-size:var(--am-typo-size-caption-md)}.auth-modal__input-clear,.auth-modal__input-eye{position:absolute;top:50%;right:16px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;border:none;padding:0;background:none;color:var(--am-text-common);opacity:var(--am-opacity-40);cursor:pointer}.auth-modal__input-clear--shifted{right:48px}.auth-modal__input-error{display:flex;padding:0 16px;align-items:flex-start;gap:4px;align-self:stretch;color:var(--am-system-theme-focus-04);font-size:var(--am-typo-size-caption-md);line-height:1.4;font-weight:400;word-break:keep-all;overflow-wrap:anywhere}.auth-modal__forgot{align-self:stretch;border:none;margin:0;padding:0 16px;background:none;font:inherit;font-size:var(--am-typo-size-caption-md);color:var(--am-text-link);cursor:pointer;text-align:left}.auth-modal__check-inbox{margin-top:32px;display:flex;width:100%;flex:1 1 0%;flex-direction:column;align-items:center;gap:16px}.auth-modal__check-inbox-icon{color:var(--am-system-theme-focus-02)}.auth-modal__check-inbox-title{margin:0;text-align:center;font-size:var(--am-typo-size-headline-lg);font-weight:700;color:var(--am-text-common)}.auth-modal__check-inbox-desc{margin:0;align-self:stretch;text-align:center;font-size:var(--am-typo-size-body-lg);font-weight:400;color:var(--am-text-common-60)}:root{--typo-family-pretendard: "Flag Emoji", "Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}:root{--color-neutral-20: #f9f9f9;--color-neutral-30: #f2f2f2;--color-neutral-100: #dddddd;--color-neutral-150: #d1d1d1;--color-neutral-200: #c5c5c5;--color-neutral-250: #bababa;--color-neutral-300: #aeaeae;--color-neutral-350: #a3a3a3;--color-neutral-400: #979797;--color-neutral-450: #8c8c8c;--color-neutral-50: #e8e8e8;--color-neutral-500: #808080;--color-neutral-550: #757575;--color-neutral-600: #6a6a6a;--color-neutral-650: #5e5e5e;--color-neutral-700: #535353;--color-neutral-750: #474747;--color-neutral-800: #3b3b3b;--color-neutral-850: #303030;--color-neutral-900: #252525;--color-neutral-950: #191919;--color-neutral-black: #000000;--color-neutral-white: #ffffff;--color-blue-100: #ccd7db;--color-blue-200: #acbdc3;--color-blue-300: #8ba2ab;--color-blue-400: #728e99;--color-blue-50: #eaeff2;--color-blue-500: #597b87;--color-blue-600: #4e6c76;--color-blue-700: #3f5861;--color-blue-800: #32454c;--color-blue-900: #213036;--color-blue-black: #31383b;--color-blue-blue-focus-900: #005b9f;--color-blue-dark: #296780;--color-blue-focus-100: #b2e7fc;--color-blue-focus-200: #7fd7fa;--color-blue-focus-300: #48c7f8;--color-blue-focus-400: #10baf8;--color-blue-focus-50: #e1f6fe;--color-blue-focus-500: #00aef7;--color-blue-focus-600: #00a0e8;--color-blue-focus-700: #008cd5;--color-blue-focus-800: #007bc1;--color-blue-focus-900: #005b9f;--color-green-100: #c9e4d2;--color-green-200: #a8d2b6;--color-green-300: #87c29a;--color-green-400: #70b586;--color-green-50: #e9f4ed;--color-green-500: #5aa972;--color-green-600: #529a68;--color-green-700: #49885c;--color-green-800: #427751;--color-green-900: #37573f;--color-green-black: #353e37;--color-green-dark: #357e5a;--color-green-focus-100: #b4efd5;--color-green-focus-200: #7de5bb;--color-green-focus-300: #1cdb9f;--color-green-focus-400: #00d288;--color-green-focus-50: #e1f9ee;--color-green-focus-500: #00c774;--color-green-focus-600: #00b768;--color-green-focus-700: #00a45a;--color-green-focus-800: #00924e;--color-green-green-focus-900: #007137;--color-purple-100: #dbc3de;--color-purple-200: #c49dc9;--color-purple-300: #ac79b3;--color-purple-400: #9b5fa2;--color-purple-50: #f0e7f1;--color-purple-500: #8a4b92;--color-purple-600: #7f468b;--color-purple-700: #6f3f81;--color-purple-800: #613976;--color-purple-900: #482f60;--color-purple-black: #372b3d;--color-purple-focus-100: #e6bcfc;--color-purple-focus-200: #d58ffb;--color-purple-focus-300: #c35dfa;--color-purple-focus-400: #b42df8;--color-purple-focus-50: #f6e4fe;--color-purple-focus-500: #a300ed;--color-purple-focus-600: #9000e8;--color-purple-focus-700: #7400e1;--color-purple-focus-800: #5900d9;--color-purple-purple-focus-900: #000ccc;--color-red-100: #f3d2d3;--color-red-200: #dca4a0;--color-red-300: #cb847d;--color-red-400: #d26e5e;--color-red-50: #f9edee;--color-red-500: #d4654b;--color-red-600: #c65d48;--color-red-700: #b45442;--color-red-800: #a64f3d;--color-red-900: #944836;--color-red-black: #443633;--color-red-dark: #82494d;--color-red-focus-100: #ffced5;--color-red-focus-200: #f49b9f;--color-red-focus-300: #ec7379;--color-red-focus-400: #f85157;--color-red-focus-50: #ffebef;--color-red-focus-500: #ff3e3e;--color-red-focus-600: #ef343d;--color-red-focus-700: #dd2936;--color-red-focus-800: #d0212f;--color-red-red-focus-900: #c20f22;--color-yellow-100: #f5f1c5;--color-yellow-200: #eee8a1;--color-yellow-300: #f8eb66;--color-yellow-400: #e5d968;--color-yellow-50: #fbfae8;--color-yellow-500: #e2d354;--color-yellow-600: #dec24e;--color-yellow-700: #d9ad46;--color-yellow-800: #d3983e;--color-yellow-900: #c97531;--color-yellow-black: #413d32;--color-yellow-dark: #7e6a2b;--color-yellow-focus-100: #fcf6be;--color-yellow-focus-200: #faf193;--color-yellow-focus-300: #f8eb66;--color-yellow-focus-400: #f6e640;--color-yellow-focus-50: #fefce5;--color-yellow-focus-500: #f3e102;--color-yellow-focus-600: #f5d000;--color-yellow-focus-700: #f5b800;--color-yellow-focus-800: #f49f00;--color-yellow-yellow-focus-900: #f27400;--space-s000: 0px;--space-s025: 2px;--space-s050: 4px;--space-s100: 8px;--space-s150: 12px;--space-s175: 14px;--space-s200: 16px;--space-s225: 18px;--space-s300: 24px;--space-s400: 32px;--space-s500: 40px;--space-s550: 44px;--space-s600: 48px;--space-s700: 56px;--space-s800: 64px;--space-s900: 72px;--opacity-00: 0%;--opacity-05: 5%;--opacity-10: 10%;--opacity-15: 15%;--opacity-20: 20%;--opacity-25: 25%;--opacity-30: 30%;--opacity-40: 40%;--opacity-50: 50%;--opacity-60: 60%;--opacity-70: 70%;--opacity-80: 80%;--opacity-90: 90%;--opacity-100: 100%;--radius-r04: 4px;--radius-r06: 6px;--radius-r08: 8px;--radius-r10: 10px;--radius-r12: 12px;--radius-r14: 14px;--radius-r16: 16px;--radius-r18: 18px;--radius-r20: 20px;--radius-rfull: 999px;--typo-size-caption-md: 12px;--typo-size-caption-lg: 13px;--typo-size-body-sm: 14px;--typo-size-body-md: 15px;--typo-size-body-lg: 16px;--typo-size-title-sm: 18px;--typo-size-title-md: 20px;--typo-size-title-lg: 22px;--typo-size-headline-sm: 24px;--typo-size-headline-md: 26px;--typo-size-headline-lg: 28px;--typo-size-display-sm: 40px;--typo-size-display-xlg: 80px;--typo-family-bevietnam: Be Vietnam Pro;--typo-weight-bold: Bold;--typo-weight-medium: Medium;--typo-weight-regular: Regular;--typo-weight-semibold: SemiBold}:root{--color-blue-logo: #84b6c7;--color-paper-50: #faf9f6;--color-paper-100: #f5f3ee;--color-paper-200: #edeae3;--color-paper-250: #e2ded5;--color-paper-300: #dedad1;--color-paper-400: #cfcac0;--color-ink-400: #9b958a;--color-ink-600: #6b665d;--color-ink-800: #332f29;--color-ink-950: #1b1a17;--color-gold-500: #f5cf00;--color-amber-600: #e0a400;--color-terra-50: #fbeae7;--color-terra-100: #f6dad5;--color-terra-600: #b4402c;--color-sky-50: #e6f6fd;--color-sky-700: #0b8fc4}:root{--board: var(--color-neutral-black);--surface: var(--color-neutral-950);--surface-elevated: var(--color-neutral-850);--rail: var(--color-neutral-900);--well: var(--color-neutral-black);--control: var(--color-neutral-850);--control-hover: var(--color-neutral-800);--divider: var(--color-neutral-750);--ink: var(--color-neutral-white);--ink-hover: var(--color-neutral-100);--ink-2: rgba(255, 255, 255, .6);--ink-3: var(--color-neutral-400);--ink-80: rgba(255, 255, 255, .8);--ink-60: rgba(255, 255, 255, .6);--ink-50: rgba(255, 255, 255, .5);--ink-40: rgba(255, 255, 255, .4);--accent: var(--color-blue-focus-400);--accent-strong: var(--color-blue-focus-500);--accent-tint: rgba(16, 186, 248, .16);--accent-link: var(--color-blue-focus-400);--gold: var(--color-gold-500);--alert: var(--color-yellow-700);--danger: var(--color-red-focus-500);--danger-bg: rgba(255, 62, 62, .14);--danger-bg-hover: rgba(255, 62, 62, .22);--btn-primary: var(--color-blue-500);--btn-primary-hover: var(--color-blue-400);--btn-primary-fg: var(--color-neutral-white);--btn-secondary: var(--color-neutral-750);--btn-secondary-hover: var(--color-neutral-700);--chip: #5e5e5e;--chip-fg: var(--color-neutral-white);--tint-rgb: 255, 255, 255;--shade-rgb: 0, 0, 0;--hair: inset 0 0 0 1px rgba(var(--tint-rgb), .1);--hair-strong: inset 0 0 0 1px rgba(var(--tint-rgb), .18);--lift: 0 1px 3px rgba(var(--shade-rgb), .4);--raised: 0 8px 26px rgba(var(--shade-rgb), .5);--modal-shadow: 0 30px 80px rgba(var(--shade-rgb), .6);--scrim: rgba(var(--shade-rgb), .6);--scrim-alert: rgba(var(--shade-rgb), .66);--cover-shadow: drop-shadow(0 10px 20px rgba(24, 22, 19, .34));--ui: var(--typo-family-pretendard);--display: var(--typo-family-bevietnam), var(--ui)}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--board);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}@media(pointer:coarse){input,textarea,select{font-size:16px}}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}button:disabled{cursor:not-allowed}.btn{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 8px;border-radius:12px;font:500 16px/1 var(--ui);color:var(--ink);white-space:nowrap;transition:background .12s,opacity .12s}.btn--primary{background:var(--btn-primary);color:var(--btn-primary-fg)}.btn--primary:hover:not(:disabled){background:var(--btn-primary-hover)}.btn--secondary{background:var(--btn-secondary)}.btn--secondary:hover:not(:disabled){background:var(--btn-secondary-hover)}.btn--tertiary{width:100%;background:var(--btn-secondary)}.btn--tertiary:hover:not(:disabled){background:var(--btn-secondary-hover)}.btn--danger{background:var(--color-red-600);color:var(--ink)}.btn--danger:hover:not(:disabled){background:var(--color-red-500)}.btn--text{background:transparent;color:var(--ink-2)}.btn--text:hover:not(:disabled){color:var(--ink)}.btn:disabled{opacity:.45}.pair{display:flex;gap:8px}.pair>*{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:8px}.app{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--surface)}.app__body{display:flex;flex:1;min-height:0}.header{flex:0 0 auto;height:64px;display:flex;align-items:center;gap:12px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--divider)}.header__brand{display:flex;align-items:center;gap:4px;min-width:0}.header__title{margin:0;font:700 20px/1.25 var(--display);color:var(--ink-60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__actions{margin-left:auto;display:flex;align-items:center;gap:8px}.profile{position:relative}.profile__avatar{width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;background:none}.profile__pic{width:32px;height:32px;border-radius:999px;overflow:hidden;display:grid;place-items:center;color:var(--ink);font:700 14px/1 var(--display);box-shadow:var(--hair)}.profile__pic img{width:100%;height:100%;object-fit:cover;display:block}.profile__menu{position:absolute;right:0;top:calc(100% + 8px);z-index:80;width:189px;padding:16px 8px;border-radius:14px;background:var(--surface-elevated);box-shadow:var(--raised);display:flex;flex-direction:column;gap:8px}.profile__menu a,.profile__menu button{display:flex;align-items:center;gap:8px;height:32px;padding:0 4px;border-radius:6px;color:var(--ink);font:500 16px/1 var(--ui);text-decoration:none;white-space:nowrap}.profile__menu button{width:100%;border:0;background:none;cursor:pointer;text-align:left}.profile__menu a:hover,.profile__menu a:focus-visible,.profile__menu button:hover,.profile__menu button:focus-visible{background:rgba(var(--tint-rgb),.06);outline:none}.panel{width:320px;flex:0 0 320px;padding:16px;background:var(--surface);display:flex;flex-direction:column;min-height:0;gap:16px}.panel--left{border-right:1px solid var(--divider)}.panel--right{border-left:1px solid var(--divider)}.panel__head{display:flex;align-items:center;gap:8px;flex:0 0 auto}.panel__head h2,.panel__title{margin:0;font:700 16px/1.25 var(--display);color:var(--ink)}.panel__head h2 b{font:600 15px/1.2 var(--ui);color:var(--accent)}.panel__head h2 i{font:500 15px/1.2 var(--ui);font-style:normal;color:var(--ink-50)}.panel__link{margin-left:auto;color:var(--color-blue-logo);font:500 15px/1 var(--ui)}.panel__link:hover{text-decoration:underline}.panel__label{margin:0;font:400 15px/1.4 var(--ui);color:var(--ink-50)}.panel__headline{margin:0;font:700 15px/1.25 var(--display);color:var(--ink-40)}.panel__body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.panel__body,.panel--left.is-editing{gap:32px}.panel__body,.panel__list,.select__menu,.profile__menu{scrollbar-width:none;-ms-overflow-style:none}.panel__body::-webkit-scrollbar,.panel__list::-webkit-scrollbar,.select__menu::-webkit-scrollbar,.profile__menu::-webkit-scrollbar{width:0;height:0}.panel__foot{flex:0 0 auto}.panel__list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.panel__msg{margin:24px 0;text-align:center;font:400 13px/1.5 var(--ui);color:var(--ink-3)}.panel__empty{margin:128px 0 48px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.panel__empty strong{font:600 16px/1.3 var(--ui)}.panel__empty span{font:400 13px/1.5 var(--ui);color:var(--ink-3)}.section{display:flex;flex-direction:column;gap:12px}.field{flex:0 0 auto;height:40px;display:flex;align-items:center;gap:8px;padding:0 8px;border-radius:12px;background:var(--color-neutral-800)}.field input{flex:1;min-width:0;border:0;background:none;color:var(--ink);font:400 15px/1.4 var(--ui);outline:none}.field input::placeholder{color:var(--ink-40)}.field input::-webkit-search-cancel-button{-webkit-appearance:none}.grow,.ginfo{display:flex;align-items:center;gap:10px;text-align:left;border-radius:8px;flex:0 0 auto}.grow{padding:0;transition:opacity .12s}.grow:hover{opacity:.75}.ginfo__cover{width:52px;height:64px;flex-shrink:0;border-radius:4px;object-fit:cover;background:var(--control);box-shadow:var(--hair)}.ginfo__cover--empty{display:grid;place-items:center}.ginfo__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.ginfo__title{font:600 15px/1.2 var(--ui);color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ginfo__meta{display:flex;align-items:center;gap:2px;font:400 13px/1.25 var(--ui);color:var(--ink-50)}.ginfo__meta b{margin-left:2px;font-weight:400;color:var(--ink-80)}.ginfo__meta i{font-style:normal}.select{position:relative}.select__btn{width:100%;height:48px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;background:var(--color-neutral-800);font:500 15px/1.2 var(--ui);color:var(--ink)}.select__btn>span{flex:1;text-align:left}.select__menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;margin:0;padding:6px;list-style:none;border-radius:12px;background:var(--surface-elevated);box-shadow:var(--raised),var(--hair)}.select__menu button{width:100%;height:40px;display:flex;align-items:center;gap:8px;padding:0 8px;border-radius:8px;font:500 14px/1 var(--ui);text-align:left}.select__menu button:hover{background:rgba(var(--tint-rgb),.05)}.select__menu button.is-current{background:var(--accent-tint)}.slider{display:flex;flex-direction:column;gap:12px}.slider__row{display:flex;align-items:baseline;justify-content:space-between;font:400 15px/1.4 var(--ui);color:var(--ink-50)}.slider__row b{font:600 15px/1.2 var(--ui);color:var(--ink)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;margin:0;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,var(--accent) 0 var(--fill, 0%),var(--control) var(--fill, 0%) 100%) no-repeat;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--ink);cursor:pointer;box-shadow:var(--lift)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:var(--ink);cursor:pointer}.dbtns{display:flex;gap:8px}.dbtn{flex:1;min-width:0;height:93px;padding:14px 8px 10px;border-radius:8px;background:var(--control);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:background .12s,box-shadow .12s}.dbtn:hover:not(.is-active){background:var(--control-hover)}.dbtn.is-active{background:var(--color-blue-800);box-shadow:inset 0 0 0 1px var(--accent)}.dbtn__glyph{flex:1;display:grid;place-items:center;min-height:0}.dbtn__label{font:400 13px/1 var(--ui);color:var(--ink)}.dbtns--template .dbtn{height:120px;padding:10px 8px}.glyph--template{width:70px;height:79px}.glyph--ratio{display:block;border-radius:2px;background:rgba(var(--tint-rgb),.2)}.glyph--template{position:relative;display:block;border-radius:6px;background:rgba(var(--tint-rgb),.06)}.glyph--template i{position:absolute;border-radius:2px;background:rgba(var(--tint-rgb),.22)}.switch{display:flex;align-items:center;gap:8px;font:400 15px/1.4 var(--ui);color:var(--ink-50);cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch__track{margin-left:auto;width:40px;height:24px;flex-shrink:0;border-radius:999px;background:var(--control-hover);transition:background .15s;position:relative}.switch input:checked+.switch__track{background:var(--color-blue-dark)}.switch__track i{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--ink);transition:transform .15s}.switch input:checked+.switch__track i{transform:translate(16px)}.banner{flex:0 0 auto;position:relative;display:block;height:151px;overflow:hidden;border-radius:12px;background:url(/banner-bg.jpg) center / cover no-repeat,var(--surface-elevated);box-shadow:inset 0 0 0 1px rgba(var(--tint-rgb),.2);text-decoration:none;color:var(--ink)}.banner__text{display:block;padding:13px 17px 0;text-align:center}.banner__text strong{display:block;font:700 14px/18px var(--display)}.banner__cta{margin-top:8px;display:inline-flex;align-items:center;gap:2px;font:500 13px/1 var(--ui);color:var(--ink-60)}.banner__covers{position:absolute;left:0;right:0;top:82px;height:80px;display:flex;align-items:flex-end;justify-content:center}.banner__covers img{width:45px;height:60px;flex-shrink:0;border-radius:4px;object-fit:cover;box-shadow:0 2px 6px #0006}.banner__covers img:nth-child(2),.banner__covers img:nth-child(4){width:50px;height:68px}.banner__covers img:nth-child(3){width:60px;height:80px}.banner__covers img:nth-child(2){margin-left:-4px;z-index:2}.banner__covers img:nth-child(3){margin-left:-6px;z-index:3}.banner__covers img:nth-child(4){margin-left:-5px;z-index:2}.banner__covers img:nth-child(5){margin-left:-4px;z-index:1}.banner__covers img:nth-child(1){z-index:1}.stage{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0;background:var(--surface);min-height:0}.stage__canvas{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.stage__foot{flex:0 0 40px;display:flex;align-items:center;justify-content:center}.tabs{flex:0 0 auto;display:inline-flex;gap:0;padding:6px;border-radius:12px;background:#6a6a6a4d;box-shadow:inset 0 0 0 1px rgba(var(--tint-rgb),.1)}.tabs__pill{height:36px;min-width:104px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;font:600 16px/1 var(--ui);color:var(--ink);transition:background .12s,color .12s}.tabs__pill.is-active{background:var(--ink);color:var(--color-neutral-950);font-weight:700}.tabs__pill:disabled{opacity:.4}.resetbar{flex:0 0 auto;height:40px;display:inline-flex;align-items:center;padding:4px;gap:4px;border-radius:8px;background:var(--color-neutral-800);box-shadow:inset 0 0 0 1px var(--btn-secondary)}.resetbar button{height:32px;display:inline-flex;align-items:center;gap:8px;padding:0 4px;border-radius:6px;font:500 16px/1 var(--ui);color:var(--ink)}.resetbar button:hover{background:rgba(var(--tint-rgb),.06)}.canvas{position:relative;border-radius:16px;overflow:hidden;flex-shrink:0;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px var(--divider)}.canvas.is-dragover{outline:2px dashed var(--accent);outline-offset:-6px}.cover{position:absolute;aspect-ratio:3 / 4;touch-action:none}.cover--filled{filter:var(--cover-shadow);cursor:grab}.cover--filled:active{cursor:grabbing}.cover__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-style:solid;border-color:#ffffff1a}.cover__empty{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:grid;place-items:center;border-style:solid;border-color:#0003;background:#fff3;transition:border-color .12s,background .12s}.cover__empty:hover{background:#ffffff42}.cover__empty.is-sel{border-color:var(--accent)}.cover__rank{position:absolute;z-index:3;display:grid;place-items:center;white-space:nowrap;background:var(--chip);color:var(--chip-fg);font-family:var(--ui);font-weight:700;pointer-events:none}.cover__sel{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:1.5px solid var(--accent);border-radius:5px;pointer-events:none}.cover__handle{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--ink);box-shadow:0 1px 3px rgba(var(--shade-rgb),.5);cursor:nwse-resize;touch-action:none;z-index:5}.cover__handle--nw{left:-6px;top:-6px}.cover__handle--ne{right:-6px;top:-6px;cursor:nesw-resize}.cover__handle--se{right:-6px;bottom:-6px}.cover__handle--sw{left:-6px;bottom:-6px;cursor:nesw-resize}.photo{position:absolute;border-radius:4px;filter:drop-shadow(0 12px 28px rgba(24,22,19,.34));touch-action:none}.photo--filled{cursor:grab}.photo--filled:active{cursor:grabbing}.photo img{position:absolute;border-radius:4px;pointer-events:none}.photo__drop,.canvas__videodrop{position:absolute;display:grid;place-items:center;background:none;border:0}.photo__drop{left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;padding:12px}.canvas__videodrop{left:50%;top:50%;transform:translate(-50%,-50%);z-index:61;padding:12px}.watermark{position:absolute;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:6px;background:#0006;pointer-events:none}.watermark span{font-family:var(--ui);font-weight:600;color:#fff9}.vidbox{position:absolute;touch-action:none;cursor:grab}.vidbox:active{cursor:grabbing}.canvas__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;display:block}.medal{flex-shrink:0;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(24,22,19,.25))}.playbar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.playbar__btn{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--btn-primary);color:var(--btn-primary-fg);display:grid;place-items:center;transition:background .12s}.playbar__btn:hover{background:var(--btn-primary-hover)}.playbar__time{font:600 11px/1 var(--display);color:var(--ink-2);white-space:nowrap}.window-note{margin:0 0 6px;font:400 10px/1.5 var(--ui);color:var(--ink-3)}.render-bar,.progress{height:6px;margin-top:14px;border-radius:3px;background:var(--control);overflow:hidden}.render-bar i,.progress i{display:block;height:100%;background:var(--accent);transition:width .15s linear}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:20px;background:var(--scrim)}.scrim--alert{background:var(--scrim-alert)}.dialog{width:100%;max-width:350px;padding:16px;border-radius:16px;background:var(--surface-elevated);box-shadow:var(--modal-shadow);text-align:center}.dialog h3{margin:8px 0 0;font:700 18px/1.3 var(--ui)}.dialog p{margin:8px 0 0;font:400 13px/1.45 var(--ui);color:var(--ink-2)}.dialog__actions{margin-top:16px;display:flex;flex-direction:column;gap:8px}.dialog__actions.is-row{flex-direction:row}.dialog__actions .btn{width:100%}.mediadlg{width:520px;max-width:100%;padding:0 0 40px;border-radius:16px;background:var(--rail);box-shadow:var(--modal-shadow);display:flex;flex-direction:column;gap:0}.mediadlg__head{display:flex;align-items:center;gap:8px;height:56px;padding:8px}.mediadlg__head h3{flex:1;margin:0;text-align:center;font:700 18px/1 var(--ui)}.mediadlg__head>button:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:999px;color:var(--ink)}.mediadlg__ok{width:72px;height:40px;display:grid;place-items:center;border-radius:999px;background:var(--btn-primary);color:var(--btn-primary-fg)}.mediadlg__ok:hover{background:var(--btn-primary-hover)}.mediadlg__preview{position:relative;align-self:center;margin-top:8px;overflow:hidden;border-radius:8px;background:var(--color-neutral-black);cursor:grab;touch-action:none}.mediadlg>.trim,.mediadlg>.slider{margin:24px 28px 0}.mediadlg__preview.is-dragging{cursor:grabbing}.mediadlg__preview img,.mediadlg__preview video{position:absolute;object-fit:fill;pointer-events:none}.mediadlg__frame{position:absolute;top:0;bottom:0;border:2px solid var(--accent);border-radius:8px;pointer-events:none;box-shadow:0 0 0 9999px #0009}.trim{display:flex;flex-direction:column;gap:12px}.trim__row{display:flex;align-items:center;gap:8px}.trim__play{width:28px;height:28px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:var(--control);color:var(--ink)}.trim__track{position:relative;flex:1;height:24px;border-radius:6px;background:var(--control)}.trim__window{position:absolute;top:0;bottom:0;border-radius:6px;background:var(--color-neutral-black);box-shadow:inset 0 0 0 1px rgba(var(--tint-rgb),.14);overflow:hidden}.trim__window.is-movable{cursor:ew-resize;touch-action:none}.trim__window i{display:block;height:100%;background:var(--accent);transition:none}.trim__note{margin:0;font:400 13px/1.4 var(--ui);color:var(--ink-50)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:95;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;background:var(--surface-elevated);color:var(--ink);font:500 14px/1.3 var(--ui);box-shadow:var(--raised);max-width:calc(100vw - 32px)}.toast button{margin-left:8px;color:var(--accent);font:600 14px/1 var(--ui);white-space:nowrap}.spinner{display:block;width:36px;height:36px;margin:48px auto;border-radius:50%;border:3px solid var(--control-hover);border-top-color:var(--ink-2);animation:spin .7s linear infinite}.spinner--sm{width:20px;height:20px;margin:12px auto;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.app{height:auto;min-height:100dvh;overflow:visible}.app__body{flex-direction:column}.panel{width:100%;flex:0 0 auto;border:0;border-top:1px solid var(--divider);max-height:none}.panel--left{order:2}.stage{order:1;padding:12px 0}.panel--right{order:3}.panel__body,.panel__list{overflow:visible}}