:root{--shell-bg:#09090c;--shell-surface:#121217;--shell-surface-strong:#18181f;--shell-line:#2a2a33;--shell-line-soft:#202027;--shell-text:#f7f7fa;--shell-muted:#a7a7b3;--shell-accent:#8b74ff;--shell-accent-strong:#755cff;--shell-accent-soft:#b9adff;--shell-focus:#c6baff;--shell-radius:12px;--shell-max:1280px;--brand-gradient:linear-gradient(140deg,#6857ff 0%,#9d4de4 55%,#f05b9e 100%);--shell-display-tracking:-.028em}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:10px;left:10px;z-index:200;display:inline-flex;min-height:44px;align-items:center;padding:0 16px;border:1px solid var(--shell-accent);border-radius:10px;background:var(--shell-surface-strong);color:var(--shell-text);font-size:14px;font-weight:700;text-decoration:none;transform:translateY(-160%);transition:transform .16s ease}.skip-link:focus-visible{transform:translateY(0)}html,body{max-width:100%;overflow-x:clip}.site-shell-header{position:sticky;top:0;z-index:90;display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:68px;align-items:center;gap:clamp(24px,4vw,56px);width:100%;padding:0 max(24px,calc((100vw - var(--shell-max))/2));border-bottom:1px solid transparent;background:#09090c8c;color:var(--shell-text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.site-shell-header[data-scrolled=true]{border-bottom-color:var(--shell-line-soft);background:#0c0c10f0;box-shadow:0 10px 34px #00000073}@media(prefers-reduced-motion:reduce){.site-shell-header{transition:none}}.site-shell-logo,.brand-lockup{display:inline-flex;min-height:44px;align-items:center;gap:10px;color:var(--shell-text);text-decoration:none}.brand-mark{display:block;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M47 23c-3-4-8-6-13-6-10 0-17 7-17 15s7 15 17 15c6 0 11-2 14-6v-9H36' fill='none' stroke='%23fff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='49' cy='16' r='3' fill='%23fff'/%3E%3C/svg%3E") center / 100% 100% no-repeat,var(--brand-gradient);box-shadow:0 6px 20px #7056ff4d}.brand-word{font-size:21px;font-weight:800;letter-spacing:-.012em;line-height:1;color:var(--shell-text)}.site-shell-nav{display:flex;min-width:0;align-items:center;justify-content:center;gap:4px}.site-shell-nav a,.site-shell-actions>a,.site-shell-actions button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:10px;color:var(--shell-muted);font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap}.site-shell-nav a{position:relative;padding:0 13px}.site-shell-nav a[data-nav=chat],.site-shell-nav a[data-nav=image],.site-shell-nav a[data-nav=video]{color:#f0eff6;font-weight:800}.site-shell-nav a[data-nav=rankings]{margin-left:12px;padding-left:25px}.site-shell-nav a[data-nav=rankings]:before{position:absolute;top:12px;bottom:12px;left:5px;width:1px;background:var(--shell-line);content:""}.site-shell-nav a:hover,.site-shell-nav a[aria-current=page]{color:var(--shell-text);background:#ffffff08}.site-shell-nav a[aria-current=page]:after{position:absolute;right:13px;bottom:7px;left:13px;height:2px;border-radius:999px;background:var(--shell-accent);content:""}.site-shell-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.site-shell-actions>a,.site-shell-actions>button,.site-shell-actions .guest-actions>button{min-height:44px;padding:0 14px;border:1px solid var(--shell-line);background:transparent;color:var(--shell-text);cursor:pointer}.site-shell-actions .guest-actions,.site-shell-actions .user-actions{display:flex;align-items:center;gap:8px}.header-signup-offer{display:flex;align-items:center;gap:8px;margin-right:2px;color:#b0adbd;font-size:12px;white-space:nowrap}.header-signup-offer a,.site-shell-actions>a.site-shell-cta{display:inline-flex;min-height:40px;align-items:center;padding:0 14px;border:1px solid var(--shell-accent);border-radius:9px;background:#7560ff1f;color:#e5e0ff;font-weight:700}.header-signup-offer a:hover,.site-shell-actions>a.site-shell-cta:hover{border-color:var(--shell-accent-soft);background:#7560ff33}.site-shell-actions .guest-actions[hidden],.site-shell-actions .user-actions[hidden]{display:none!important}.site-shell-actions .workspace-link{border-color:#6f59db;background:#7560ff1a}.site-shell-actions>.site-shell-mobile-create,.site-shell-actions>.site-shell-menu-toggle,.site-shell-nav-close,.site-shell-backdrop{display:none}.site-shell-menu-toggle,.site-shell-nav-close{width:44px;min-width:44px;padding:0!important}.site-shell-menu-toggle span,.site-shell-menu-toggle:before,.site-shell-menu-toggle:after{display:block;width:18px;height:2px;border-radius:999px;background:currentColor;content:""}.site-shell-menu-toggle{flex-direction:column;gap:4px}.site-shell-menu-toggle .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.site-shell-nav-head{display:none}.site-shell-header :focus-visible{outline:3px solid var(--shell-focus);outline-offset:3px}@media(max-width:900px){.header-signup-offer span{display:none}.site-shell-header{grid-template-columns:auto 1fr auto;min-height:64px;gap:12px;padding:0 16px}.brand-mark{flex-basis:30px;width:30px;height:30px}.brand-word{font-size:19px}.site-shell-actions>.site-shell-mobile-create,.site-shell-actions>.site-shell-menu-toggle{display:inline-flex}.site-shell-header .site-shell-actions .guest-actions .ghost{display:inline-flex}.site-shell-mobile-create{border:0!important;padding:0 8px!important;color:#d7d1ff!important}.site-shell-nav a[data-nav=rankings]{margin:10px 0 0;padding-left:16px}.site-shell-nav a[data-nav=rankings]:before{inset:-6px 0 auto;width:auto;height:1px}.site-shell-header nav.site-shell-nav{position:fixed;top:0;right:0;z-index:102;display:flex;width:min(340px,calc(100vw - 34px));height:100dvh;padding:18px;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;border-left:1px solid var(--shell-line);background:var(--shell-surface);box-shadow:-32px 0 90px #000b;clip-path:inset(0 0 0 100%);pointer-events:none;transition:clip-path .22s ease}.site-shell-header nav.site-shell-nav[data-open=true]{clip-path:inset(0);pointer-events:auto}.site-shell-header nav.site-shell-nav a[data-nav]{display:flex}.site-shell-nav-head{display:flex;min-height:46px;align-items:center;justify-content:space-between;margin-bottom:14px}.site-shell-nav-head strong{color:var(--shell-text);font-size:15px}.site-shell-nav-close{display:inline-flex;border:1px solid var(--shell-line);background:transparent;color:var(--shell-text);font-size:22px;cursor:pointer}.site-shell-nav a{min-height:52px;justify-content:flex-start;padding:0 16px;border:1px solid transparent;font-size:16px}.site-shell-nav a[aria-current=page]{border-color:#7764da;background:#806cff18}.site-shell-nav a[aria-current=page]:after{display:none}.site-shell-backdrop{position:fixed;inset:0;z-index:101;border:0;background:#000b;cursor:default}.site-shell-backdrop[data-open=true]{display:block}body.site-nav-open{overflow:hidden}.site-shell-actions .workspace-link{display:none}}@media(max-width:470px){.header-signup-offer a{min-height:40px;padding:0 7px;font-size:12px}.site-shell-header{gap:5px;padding:0 12px}.site-shell-logo{gap:8px}.brand-mark{flex-basis:28px;width:28px;height:28px}.brand-word{font-size:17px}.site-shell-actions{gap:2px}.site-shell-header>.site-shell-actions{display:flex}.site-shell-actions>a,.site-shell-actions>button,.site-shell-actions .guest-actions>button{padding:0 8px;font-size:13px}.site-shell-mobile-create{font-size:13px!important}}@media(max-width:400px){.site-shell-actions .site-shell-mobile-create{display:none}}@media(prefers-reduced-motion:reduce){.site-shell-nav{transition:none}}body{position:relative;background-color:var(--shell-bg);font-family:Inter,Noto Sans KR,system-ui,sans-serif}body:before{content:"";position:absolute;top:0;right:0;left:0;z-index:0;height:min(760px,86vh);pointer-events:none;background-image:linear-gradient(180deg,#09090cb8,#09090cf0),url(/assets/creative-collage.webp);background-position:center top;background-size:cover;background-repeat:no-repeat;opacity:.5;-webkit-mask-image:linear-gradient(180deg,#000 42%,transparent 100%);mask-image:linear-gradient(180deg,#000 42%,transparent 100%);transform:translateZ(0)}body>header,body>main,body>footer{position:relative;z-index:1}body>footer.site-shell-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:32px 48px;width:100%;padding:44px max(24px,calc((100vw - var(--shell-max))/2)) 40px;border-top:1px solid var(--shell-line-soft);background:var(--shell-bg);color:var(--shell-muted);font-size:13px}.site-shell-footer>div{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:12px}.site-shell-footer p{max-width:420px;margin:0;color:var(--shell-muted);font-size:13px;line-height:1.65;word-break:keep-all}.site-shell-footer small{color:#8f8c98;font-size:12px}.site-shell-footer nav{display:flex;justify-content:flex-end;gap:6px 18px;flex-wrap:wrap}.site-shell-footer nav a{display:inline-flex;min-height:36px;align-items:center;color:var(--shell-muted);font-size:13px;text-decoration:none}.site-shell-footer nav a:hover{color:var(--shell-text);text-decoration:underline;text-underline-offset:3px}.site-shell-footer :focus-visible{outline:3px solid var(--shell-focus);outline-offset:3px}@media(max-width:780px){body>footer.site-shell-footer{grid-template-columns:1fr;padding:36px 20px 34px}.site-shell-footer nav{justify-content:flex-start}}