:root{color-scheme:dark;--bg:#050608;--bg-soft:#0b0f14;--panel:rgba(12, 16, 22, 0.82);--panel-strong:rgba(16, 21, 29, 0.94);--text:#f7f8fb;--muted:#9aa4b2;--subtle:#687384;--line:rgba(255, 255, 255, 0.13);--line-strong:rgba(255, 255, 255, 0.24);--accent:#ff8a3d;--accent-2:#ffc36a;--warning:#f5d06f;--shadow:0 28px 90px rgba(0, 0, 0, 0.42)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden;font-family:Inter,Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 8%,rgba(255,138,61,.18),transparent 30%),radial-gradient(circle at 88% 12%,rgba(255,195,106,.13),transparent 32%),linear-gradient(180deg,#050608 0,#070a10 46%,#040506 100%)}body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,black,rgba(0,0,0,0.74) 55%,transparent 100%)}body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(5,6,8,.86),transparent 22%,transparent 78%,rgba(5,6,8,.9)),linear-gradient(180deg,transparent 0,rgba(5,6,8,.76) 78%,#050608 100%)}a{color:inherit}.top-nav{position:sticky;top:0;z-index:50;width:min(1280px,calc(100% - 32px));margin:0 auto;padding:18px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,rgba(5,6,8,.92),rgba(5,6,8,0));backdrop-filter:blur(14px)}.ai-tools-home-chip{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid var(--line);border-radius:4px;background:rgba(255,255,255,.035);color:#dce4ef;text-decoration:none;font-size:12px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:transform .16s,border-color .16s,background .16s,color .16s}.ai-tools-home-chip:hover{transform:translateY(-1px);border-color:rgba(255,138,61,.42);background:rgba(255,138,61,.08);color:#fff}.ai-tools-home-chip.active,.ai-tools-home-chip[aria-current=page]{border-color:rgba(255,138,61,.62);background:rgba(255,138,61,.1);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(255,138,61,.08);pointer-events:none}.nav-links{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.nav-item{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border:1px solid var(--line);border-radius:4px;background:rgba(255,255,255,.035);color:#dce4ef;text-decoration:none;font-size:13px;font-weight:850;letter-spacing:-.02em;transition:transform .16s,border-color .16s,background .16s,color .16s}.nav-item:hover{transform:translateY(-1px);border-color:rgba(255,138,61,.42);background:rgba(255,138,61,.08);color:#fff}.nav-item.is-active,.nav-item[aria-current=page]{pointer-events:none;cursor:default;border-color:rgba(255,138,61,.62);background:rgba(255,138,61,.1);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(255,138,61,.08)}.nav-item.is-disabled,.nav-item[aria-disabled=true]:not(.is-active){cursor:default;opacity:.58;pointer-events:none}.page{position:relative;width:min(1280px,calc(100% - 32px));margin:0 auto;padding:16px 0 54px}.hero{min-height:138px;display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:end;gap:34px;padding:14px 0 20px;border-bottom:1px solid rgba(255,255,255,.09)}.hero-copy{min-width:0}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 14px;margin-bottom:12px;border:1px solid rgba(255,138,61,.44);border-radius:4px;background:rgba(255,138,61,.065);color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1{max-width:720px;font-size:clamp(32px, 4.2vw, 50px);line-height:1.04;font-weight:950;letter-spacing:-.07em;word-break:keep-all}.hero-desc{max-width:680px;margin-top:10px;color:#d3dce8;font-size:clamp(14px, 1.35vw, 16px);font-weight:620;line-height:1.58;letter-spacing:-.04em;word-break:keep-all}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border:1px solid rgba(255,138,61,.28);border-radius:4px;background:linear-gradient(135deg,rgba(255,138,61,.07),transparent 52%),rgba(12,16,22,.78)}.stat-cell{min-height:72px;display:grid;align-content:center;gap:5px;padding:12px 10px;border:1px solid rgba(255,255,255,.11);border-radius:4px;background:rgba(255,255,255,.025)}.stat-cell span,.stat-cell strong{display:block}.stat-cell strong{color:var(--accent);font-size:22px;font-weight:950;letter-spacing:-.05em;line-height:1}.stat-cell span{color:#b9c2cf;font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.ad-banner{position:relative;display:grid;grid-template-columns:168px minmax(0,1fr) auto;align-items:center;gap:16px;margin:14px 0 0;padding:18px 22px;overflow:hidden;border:1px solid rgba(255,138,61,.34);border-radius:4px;background:linear-gradient(90deg,rgba(255,138,61,.14),rgba(255,195,106,.045) 42%,rgba(255,255,255,.025)),rgba(12,16,22,.84);color:#f7f8fb;text-decoration:none;box-shadow:0 20px 70px rgba(0,0,0,.32);transition:transform .16s,border-color .16s,background .16s}.ad-banner::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:52px 100%;opacity:.22}.ad-banner:hover{transform:translateY(-2px);border-color:rgba(255,138,61,.62);background:linear-gradient(90deg,rgba(255,138,61,.2),rgba(255,195,106,.07) 42%,rgba(255,255,255,.035)),rgba(15,19,26,.92)}.ad-banner em,.ad-banner span,.ad-banner strong{position:relative;z-index:1}.ad-banner .channel-name{color:var(--accent);font-size:15px;font-weight:950;letter-spacing:-.025em;white-space:nowrap}.ad-banner span{min-width:0;color:#c9d2df;font-size:14px;font-weight:650;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-banner .play-cta{width:34px;height:34px;display:inline-grid;place-items:center;font-style:normal;color:#fff1e6;background:#fff1e6;border:1px solid rgba(255,138,61,.5);border-radius:50%;box-shadow:0 10px 30px rgba(255,138,61,.16)}.ad-banner .play-cta::before{content:"";width:0;height:0;margin-left:3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #050608}.tool-category{margin-top:28px}.tool-category-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px;padding:0 2px}.tool-category-heading p{margin:0;color:var(--accent);font-size:11px;font-weight:950;letter-spacing:.12em}.tool-category-heading h2{margin:0;color:#7f8997;font-size:12px;font-weight:720;letter-spacing:-.02em}.tools{counter-reset:tool-card;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:0}.tool-card{position:relative;min-height:300px;display:flex;flex-direction:column;padding:18px;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02)),var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(18px);transition:transform .18s,border-color .18s,background .18s}.tool-card.available{counter-increment:tool-card}.tool-card.available::before{content:"0" counter(tool-card);position:absolute;right:18px;bottom:13px;color:rgba(255,255,255,.055);font-size:78px;font-weight:950;line-height:.8;letter-spacing:-.08em;pointer-events:none}.tool-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,138,61,.12),transparent 34%);opacity:0;transition:opacity .18s}.tool-card:hover{transform:translateY(-4px);border-color:rgba(255,138,61,.34);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),var(--panel-strong)}.tool-card:hover::after{opacity:1}.tool-card.active{border-color:rgba(255,138,61,.26)}.tool-card.pending{opacity:.72}.tool-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.tool-label,.tool-version{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:0 12px;border-radius:4px;font-size:12px;font-weight:900;letter-spacing:-.02em}.tool-label{border:1px solid rgba(255,138,61,.28);background:rgba(255,138,61,.09);color:var(--accent)}.tool-version{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#bfc9d8}.tool-card h2,.tool-card h3{position:relative;z-index:1;max-width:330px;margin:0 0 11px;font-size:clamp(22px, 2vw, 27px);line-height:1.08;font-weight:920;letter-spacing:-.055em;word-break:keep-all}.tool-card p{position:relative;z-index:1;margin-bottom:8px;color:#c9d2df;font-size:13.5px;font-weight:520;line-height:1.56;letter-spacing:-.025em;word-break:keep-all}.tool-card .small{color:#8f9aaa;font-size:13.5px}.button-group{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 15px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:900;white-space:nowrap;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s}.tool-card.new-tool{border-color:rgba(255,138,61,.5);background:linear-gradient(145deg,rgba(255,138,61,.13),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02)),var(--panel)}.tool-card.coming-soon{min-height:300px;align-items:flex-start;justify-content:flex-end;opacity:.44;border-style:dashed;box-shadow:none;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent),rgba(10,13,18,.62)}.tool-card.coming-soon::before{content:"";position:absolute;inset:18px;border-radius:3px;background:linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.035) 50%,transparent 50.5%),linear-gradient(transparent 49.5%,rgba(255,255,255,.035) 50%,transparent 50.5%);background-size:34px 34px;pointer-events:none}.tool-card.coming-soon::after{display:none}.tool-card.coming-soon:hover{transform:none;border-color:var(--line);background:linear-gradient(135deg,rgba(255,255,255,.025),transparent),rgba(10,13,18,.62)}.coming-label,.coming-mark,.tool-card.coming-soon p{position:relative;z-index:1}.coming-mark{display:grid;width:46px;height:46px;place-items:center;margin-bottom:auto;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:rgba(255,255,255,.48);font-size:27px;font-weight:300}.coming-label{margin-bottom:8px;color:#8b96a6;font-size:10px;font-weight:950;letter-spacing:.13em}.tool-card.coming-soon p{max-width:230px;margin:0;color:#7d8795;font-size:12px;line-height:1.48}.btn.primary{border:1px solid rgba(255,138,61,.55);background:#fff1e6;color:#050608;box-shadow:0 14px 36px rgba(255,138,61,.14)}.btn.secondary{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#e5edf7}.btn.disabled{cursor:default;opacity:.58;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#8d97a5}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(255,138,61,.22)}.btn.secondary:hover{transform:translateY(-2px);border-color:rgba(255,138,61,.38);background:rgba(255,138,61,.08);color:#fff}.btn.disabled:hover{transform:none}.guide{position:relative;margin-top:16px;padding:30px 32px;border:1px solid var(--line);border-radius:4px;background:linear-gradient(90deg,rgba(255,138,61,.055),transparent 42%),rgba(255,255,255,.025)}.guide h2{margin-bottom:13px;font-size:22px;line-height:1.2;font-weight:920;letter-spacing:-.045em}.guide p{max-width:980px;color:#c5cedb;font-size:15px;line-height:1.82;letter-spacing:-.025em;word-break:keep-all}.guide a,footer .support-link{color:var(--accent);font-weight:900;text-decoration:none;border-bottom:1px solid rgba(255,138,61,.5)}.guide a:hover,footer .support-link:hover{color:#fff;border-bottom-color:#fff}footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:32px 0 0;color:#7f8a99;font-size:14px;line-height:1.7}footer .handle{color:var(--accent);font-weight:950}footer .handle a{text-decoration:none}footer .handle a:hover{text-decoration:underline}@media (max-width:980px){.hero{grid-template-columns:1fr;align-items:start;gap:18px}.hero-stats{width:min(100%,420px)}.tools{grid-template-columns:1fr}.tool-card{min-height:0}.tool-card.coming-soon{min-height:220px}}@media (max-width:700px){.page,.top-nav{width:min(100% - 22px,560px)}.top-nav{align-items:stretch;flex-direction:column;justify-content:flex-start;gap:9px;padding-top:12px}.ai-tools-home-chip{min-height:34px;width:fit-content;padding:0 11px;font-size:11px}.nav-links{width:100%;justify-content:flex-start}.nav-item{min-height:34px;padding:0 11px;font-size:12px}.tool-category-heading{align-items:flex-start;flex-direction:column;gap:4px}.page{padding-top:18px}.hero{min-height:0;padding:16px 0 18px;text-align:left;justify-items:start}.badge{margin-bottom:12px}h1{font-size:clamp(32px, 10vw, 44px)}.hero-desc{font-size:14px}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px}.stat-cell{min-height:58px;padding:9px 8px}.stat-cell strong{font-size:18px}.stat-cell span{font-size:10px}.ad-banner{grid-template-columns:minmax(0,1fr) auto;gap:11px 12px;padding:16px}.ad-banner span{grid-column:1/-1;white-space:normal}.ad-banner .play-cta{grid-column:2;grid-row:1}.ad-banner .channel-name{grid-column:1;grid-row:1}.tools{margin-top:22px}.tool-card{padding:23px;border-radius:4px}.tool-card::before{font-size:76px}.button-group{flex-direction:column}.btn{width:100%}.guide{padding:24px}footer{align-items:flex-start;flex-direction:column;padding-bottom:14px}}