:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7faff;--surface:#fff;--surface-soft:#f8fbff;--text:#0f172a;--muted:#667085;--border:#dfe7f5;--blue:#2563eb;--blue-soft:#eaf2ff;--purple:#8b5cf6;--pink:#ec4899;--green:#22c55e;--shadow:0 18px 55px #3b5bac21;--shadow-soft:0 10px 30px #3b5bac14;font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 88% 18%,#8b5cf62e,#0000 28%),radial-gradient(circle at 6% 12%,#2563eb1f,#0000 25%),linear-gradient(#fbfdff 0%,#f4f8ff 44%,#fff 100%);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid #dfe7f5d1;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(18px,8vw,150px);display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:0;background:0 0;border:0;align-items:center;gap:10px;font-size:23px;font-weight:800;display:inline-flex}.brand strong{color:var(--purple)}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--blue), var(--purple));border-radius:10px;place-items:center;width:36px;height:36px;display:inline-grid;box-shadow:0 12px 25px #6366f147}.brand-mark.centered{margin:0 auto}.nav{align-items:center;gap:18px;display:flex}.nav button,.site-footer button{color:#111827;background:0 0;border:0;font-weight:650}.nav button{border-bottom:2px solid #0000;padding:10px 6px}.nav button.active{color:var(--blue);border-color:var(--blue)}.header-actions{align-items:center;gap:12px;display:flex}.primary-button,.secondary-button,.ghost-button,.menu-button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg, var(--blue), var(--purple));box-shadow:0 14px 26px #6366f140}.primary-button.small{min-height:42px}.secondary-button,.ghost-button{color:#172033;border-color:var(--border);background:#fff}.menu-button{border-color:var(--border);background:#fff;width:44px;padding:0;display:none}.full{width:100%}.hero-section{grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:clamp(32px,5vw,76px);max-width:1540px;margin:0 auto;padding:74px clamp(18px,7vw,130px) 34px;display:grid}.hero-copy h1{letter-spacing:0;max-width:720px;margin:18px 0;font-size:clamp(42px,4.6vw,72px);line-height:1.08}.hero-copy h1 span{color:var(--blue);display:block}.hero-copy p{max-width:680px;color:var(--muted);font-size:19px;line-height:1.7}.eyebrow{color:var(--blue);background:#eef4ff;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-weight:800;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:14px;margin:30px 0 24px;display:flex}.quick-generator{border:1px solid var(--border);max-width:720px;box-shadow:var(--shadow-soft);background:#ffffffd1;border-radius:18px;grid-template-columns:80px 1fr;align-items:center;gap:14px;padding:18px;display:grid}.quick-generator label,label,.field-group>span{color:#172033;font-size:14px;font-weight:800}input,textarea,select{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:12px;outline:none;padding:13px 14px}input:focus,textarea:focus,select:focus{border-color:#9bbcff;box-shadow:0 0 0 4px #2563eb1a}.platform-pills{flex-wrap:wrap;gap:10px;display:flex}.platform-pills button{border:1px solid var(--border);color:#172033;background:#fff;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex}.platform-pills button.selected{color:var(--blue);background:#f2f6ff;border-color:#a8c2ff}.quick-generator .platform-pills,.quick-generator .primary-button{grid-column:2}.preview-panel,.input-panel,.output-panel,.panel-card,.auth-card{box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #cddafe;border-radius:24px}.preview-panel{padding:16px}.preview-tabs,.result-tabs,.filter-tabs{gap:8px;padding-bottom:10px;display:flex;overflow-x:auto}.preview-tabs button,.result-tabs button,.filter-tabs button{white-space:nowrap;color:#475467;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-weight:850;display:inline-flex}.preview-tabs button.active,.result-tabs button.active,.filter-tabs button.active{color:var(--blue);border-color:var(--blue)}.preview-grid{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}.result-card,.template-card,.feature-card,.pricing-card,.stat-card{border:1px solid var(--border);background:#fff;border-radius:16px;box-shadow:0 8px 24px #0f172a0a}.result-card{padding:18px}.card-title{color:#111827;align-items:center;gap:9px;margin-bottom:14px;font-weight:900;display:flex}.card-title button{border:1px solid var(--border);min-height:34px;color:var(--blue);background:#fff;border-radius:9px;align-items:center;gap:6px;margin-left:auto;font-weight:850;display:inline-flex}.numbered-list{color:#243044;gap:10px;margin:0;padding-left:24px;display:grid}.body-copy,.script-lines p,.template-card p,.feature-card li,.pricing-card p,.panel-card p,.site-footer p,.auth-card p{color:var(--muted);line-height:1.65}.tag-cloud{flex-wrap:wrap;gap:10px;display:flex}.tag-cloud span{color:var(--blue);background:#eef5ff;border-radius:999px;padding:8px 11px;font-weight:800}.script-lines{gap:4px;display:grid}.script-lines p{margin:0}.text-link{color:var(--blue);background:0 0;border:0;align-items:center;gap:5px;font-weight:850;display:inline-flex}.score-list{gap:16px;display:grid}.score-row{color:#344054;grid-template-columns:1fr auto;align-items:center;gap:8px;font-weight:800;display:grid}.score-track{background:#edf2fb;border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.score-track span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--purple));height:100%;display:block}.tool-strip,.content-band,.page-shell,.site-footer{max-width:1500px;margin:0 auto;padding-left:clamp(18px,6vw,96px);padding-right:clamp(18px,6vw,96px)}.tool-strip{grid-template-columns:repeat(6,1fr);gap:0;padding-top:26px;padding-bottom:18px;display:grid}.tool-strip article{border:1px solid var(--border);background:#fff;gap:14px;min-height:88px;padding:16px;display:flex}.tool-strip article:first-child{border-radius:16px 0 0 16px}.tool-strip article:last-child{border-radius:0 16px 16px 0}.tool-strip h3,.template-card h3,.feature-card h3,.generation-list h3{margin:0 0 6px;font-size:16px}.tool-strip p,.generation-list p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.icon-badge{border:1px solid var(--border);width:42px;height:42px;color:var(--blue);background:#f4f8ff;border-radius:12px;flex:none;place-items:center;display:inline-grid}.icon-badge.purple{color:var(--purple);background:#f7f0ff}.content-band{padding-top:10px;padding-bottom:52px}.two-column{grid-template-columns:1.05fr .95fr;gap:20px;display:grid}.content-band>div{border:1px solid var(--border);background:#ffffffe0;border-radius:18px;padding:22px}.section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.section-heading h2,.page-heading h1,.output-meta h2,.panel-card h2{margin:0}.section-heading span{color:var(--blue);font-weight:800}.template-row,.feature-grid,.card-grid,.pricing-grid,.stats-grid{gap:14px;display:grid}.template-row{grid-template-columns:repeat(4,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}.template-card,.feature-card,.pricing-card,.stat-card{padding:18px}.template-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.badge,.pro-lock{width:fit-content;color:var(--blue);background:#eef5ff;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;font-weight:900;display:inline-flex}.badge.pro,.pro-lock{color:var(--purple);background:#f5efff}.feature-card ul,.pricing-card ul{gap:9px;margin:10px 0 0;padding-left:18px;display:grid}.page-shell{padding-top:54px;padding-bottom:70px}.page-heading{max-width:850px;margin-bottom:30px}.page-heading.center{text-align:center;margin-left:auto;margin-right:auto}.page-heading h1{letter-spacing:0;font-size:clamp(34px,4vw,56px);line-height:1.14}.page-heading p{color:var(--muted);font-size:18px;line-height:1.7}.generator-layout{grid-template-columns:390px minmax(0,1fr);align-items:start;gap:22px;display:grid}.input-panel,.output-panel,.panel-card{padding:22px}.input-panel{gap:18px;display:grid}.input-panel label,.auth-card label{gap:8px;display:grid}.field-group{gap:10px;display:grid}.field-error{color:#dc2626;font-size:13px;font-weight:800}.output-meta{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.output-meta p{color:var(--muted);margin:4px 0 0}.output-meta>span{color:var(--blue);background:#eef5ff;border-radius:999px;padding:8px 12px;font-weight:900}.output-stack{gap:14px;display:grid}.output-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px;display:none}.output-card.active{display:block}.filter-tabs{margin-bottom:18px}.card-grid{grid-template-columns:repeat(3,1fr)}.pricing-grid{grid-template-columns:repeat(4,1fr)}.pricing-card{gap:14px;display:grid;position:relative}.pricing-card.featured{box-shadow:var(--shadow);border-color:#a8c2ff;transform:translateY(-8px)}.pricing-card>span{color:var(--blue);font-weight:900}.pricing-card h2{margin:0;font-size:36px}.pricing-card small{color:var(--muted);font-size:14px}.pricing-card li{color:#344054;align-items:center;gap:8px;list-style:none;display:flex}.pricing-card ul{padding:0}.stats-grid{grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-card{gap:10px;display:grid}.stat-card span{color:var(--muted);font-weight:800}.stat-card strong{font-size:28px}.dashboard-grid{grid-template-columns:1.4fr .8fr;gap:20px;display:grid}.generation-list{gap:12px;display:grid}.generation-list article{border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.generation-list article>span{color:var(--green);background:#ecfdf3;border-radius:999px;padding:6px 10px;font-weight:900}.voice-box{border:1px solid var(--border);background:var(--surface-soft);border-radius:16px;padding:16px}.voice-box span,.voice-box strong{display:block}.voice-box span{color:var(--blue);font-weight:900}.voice-box strong{margin:8px 0}.auth-page{place-items:center;min-height:calc(100vh - 176px);padding:54px 18px;display:grid}.auth-card{text-align:center;gap:16px;width:min(440px,100%);padding:30px;display:grid}.auth-card label{text-align:left}.auth-card h1{margin:0}.site-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding-top:28px;padding-bottom:34px;display:flex}.site-footer div:last-child{gap:18px;display:flex}@media (width<=1180px){.hero-section,.generator-layout,.two-column,.dashboard-grid{grid-template-columns:1fr}.hero-section{padding-top:46px}.tool-strip{grid-template-columns:repeat(3,1fr)}.tool-strip article,.tool-strip article:first-child,.tool-strip article:last-child{border-radius:14px}.template-row,.pricing-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.site-header{flex-wrap:wrap;padding:14px 18px}.brand{font-size:20px}.menu-button{display:inline-flex}.nav{flex-direction:column;order:3;align-items:stretch;gap:2px;width:100%;display:none}.nav.open{display:flex}.nav button{text-align:left;border-bottom:0}.ghost-button,.header-actions .primary-button{display:none}.hero-section{padding-left:18px;padding-right:18px}.hero-copy h1{font-size:40px}.quick-generator{grid-template-columns:1fr}.quick-generator .platform-pills,.quick-generator .primary-button{grid-column:1}.preview-grid,.feature-grid,.card-grid,.pricing-grid,.stats-grid,.template-row,.tool-strip{grid-template-columns:1fr}.pricing-card.featured{transform:none}.section-heading,.output-meta,.site-footer,.generation-list article{flex-direction:column;align-items:flex-start}}