:root{--ink:#17211d;--muted:#66716d;--line:#dfe8e4;--soft:#f5f7f2;--surface:#ffffff;--teal:#0f8b7a;--teal-dark:#09695d;--blue:#3f63b6;--navy:#24324a;--amber:#b97912;--red:#ba3a2e;--green:#2f7c4f;--shadow:0 18px 60px rgba(22,35,30,0.08);--shadow-tight:0 10px 34px rgba(19,36,42,0.1)}*{box-sizing:border-box}html{min-width:320px;background:var(--soft);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:28px;padding:28px;border-right:1px solid var(--line);background:#fbfcf8}.brandBlock{display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center}.brandMark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:var(--teal);color:white;font-weight:800}.eyebrow{margin:0 0 6px;color:var(--teal-dark);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:18px;line-height:1.25}h1,h2{margin-bottom:0}h2{font-size:28px;line-height:1.15}h3{margin-bottom:0;font-size:18px}.navList{display:grid;grid-gap:8px;gap:8px}.navItem{display:block;min-height:40px;padding:10px 12px;border-radius:8px;color:var(--muted);text-decoration:none}.navItem.active,.navItem:hover{background:#e8f4ef;color:var(--teal-dark)}.notice{display:grid;grid-gap:8px;gap:8px;margin-top:auto;padding:14px;border:1px solid #e7d7b9;border-radius:8px;background:#fff9ed;color:#6a4a16;font-size:13px}.workspace{display:grid;grid-gap:22px;gap:22px;align-content:start;padding:28px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.statusPills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.statusPills span,.version{display:inline-flex;min-height:30px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 10px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:700}.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.mainGrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);grid-gap:16px;gap:16px}.panel{padding:18px}.panel.wide{grid-column:span 2}.panelHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.lintPanel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);grid-gap:16px;gap:16px}.editorColumn,.resultColumn{display:grid;align-content:start;grid-gap:12px;gap:12px}label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:#fbfcfb;color:var(--ink);outline:none}textarea{min-height:250px;resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,139,122,.14)}.primaryButton{min-height:42px;border:0;border-radius:8px;background:var(--teal);color:white;cursor:pointer;font-weight:800}.primaryButton:disabled{cursor:wait;opacity:.68}.secondaryButton{min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--teal-dark);cursor:pointer;font-weight:800}.secondaryButton:disabled{cursor:not-allowed;opacity:.68}.saveStudio{display:grid;grid-gap:16px;gap:16px}.authStrip{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fbfcfb}.authStrip div{display:grid;grid-template-columns:10px minmax(0,auto);grid-column-gap:9px;column-gap:9px;grid-row-gap:3px;row-gap:3px;align-items:center}.authStrip small{grid-column:2;color:var(--muted);font-size:12px}.authDot{width:10px;height:10px;border-radius:999px;background:var(--amber)}.authDot.signedIn{background:var(--green)}.authGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;grid-gap:12px;gap:12px;align-items:end}.buttonRow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.buttonRow .primaryButton,.buttonRow .secondaryButton{min-width:132px;padding:0 14px}.helperText{grid-column:1/-1;margin-bottom:0;color:var(--muted);font-size:13px}.oauthRow{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.socialButton{min-height:42px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-weight:900}.socialButton.google{background:#ffffff;color:#25302c}.socialButton.kakao{border-color:#e5cf35;background:#fee500;color:#241f1f}.socialButton:disabled{cursor:not-allowed;opacity:.68}.draftGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);grid-gap:16px;gap:16px}.formRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.draftPreview{display:grid;grid-gap:10px;gap:10px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--surface)}.draftPreview pre{overflow:auto;max-height:360px;margin:0;white-space:pre-wrap;color:var(--muted);font-family:inherit;font-size:13px;line-height:1.55}.saveReceipt{display:grid;grid-gap:6px;gap:6px;border:1px solid rgba(47,124,79,.3);border-radius:8px;padding:12px;background:#f0f7f2;color:var(--green)}.saveReceipt span{overflow-wrap:anywhere;color:var(--muted);font-size:12px}.resultColumn{min-height:350px;border:1px solid var(--line);border-radius:8px;padding:14px;background:#fbfcfb}.resultColumn.passed{border-color:rgba(47,124,79,.35)}.resultColumn.flagged{border-color:rgba(185,121,18,.45)}.resultColumn.blocked{border-color:rgba(186,58,46,.45)}.resultHeader{display:flex;justify-content:space-between;align-items:center;gap:10px}.resultHeader span{color:var(--muted);font-size:13px;font-weight:700}.resultHeader strong{color:var(--teal-dark)}.blocked .resultHeader strong{color:var(--red)}.flagged .resultHeader strong{color:var(--amber)}.passed .resultHeader strong{color:var(--green)}.metaGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0}.metaGrid div{min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--surface)}.metaGrid dt{color:var(--muted);font-size:12px}.metaGrid dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;font-weight:800}.issueList{display:grid;grid-gap:10px;gap:10px}.issueItem{display:grid;grid-gap:8px;gap:8px;border:1px solid var(--line);border-radius:8px;padding:12px;background:white}.issueItem div{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.issueItem strong{color:var(--red);font-size:13px}.emptyState,.issueItem p,.issueItem span{color:var(--muted);font-size:13px}.issueItem p{margin-bottom:0;line-height:1.45}code{width:-moz-fit-content;width:fit-content;max-width:100%;overflow-wrap:anywhere;border-radius:6px;padding:4px 6px;background:#fff1ee;font-size:12px}.errorText,code{color:var(--red)}.errorText{margin-bottom:0;font-size:13px}.dropzone{min-height:190px;place-items:center;grid-gap:8px;gap:8px;border:1px dashed #a9b8b2;background:#f9fbf8;text-align:center}.dropzone,.dropzone span{display:grid;border-radius:8px}.dropzone span{width:54px;height:54px;place-items:center;background:#e8f4ef;color:var(--teal-dark);font-weight:900}.dropzone small,.packageRow span{color:var(--muted)}.outputList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.outputList span{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:11px;background:#fbfcfb;font-size:13px;font-weight:700}.packageRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.packageRow div{display:grid;grid-gap:6px;gap:6px;padding:14px}.packageRow div,.reviewTable{border:1px solid var(--line);border-radius:8px}.reviewTable{overflow:hidden}.reviewTableHead,.reviewTableRow{display:grid;grid-template-columns:1.1fr .8fr .8fr 1.2fr;grid-gap:12px;gap:12px;align-items:center;min-height:46px;padding:0 14px}.reviewTableHead{border-bottom:1px solid var(--line);background:#fbfcfb;color:var(--muted);font-size:12px;font-weight:900}.reviewTableRow+.reviewTableRow{border-top:1px solid var(--line)}.reviewTableRow em,.reviewTableRow span{color:var(--muted);font-size:13px;font-style:normal;line-height:1.4}.reviewTableRow strong{font-size:13px}.reviewTableRow em{width:-moz-fit-content;width:fit-content;border-radius:999px;padding:5px 9px;background:#eef4ff;color:var(--blue);font-weight:800}.studioStepGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.studioStep{grid-template-columns:34px minmax(0,1fr);grid-gap:4px 12px;gap:4px 12px;align-items:start;min-height:104px;border:1px solid var(--line);padding:16px;background:var(--surface);box-shadow:var(--shadow-tight)}.studioStep,.studioStep span{display:grid;border-radius:8px}.studioStep span{width:34px;height:34px;place-items:center;background:#eaf1ff;color:var(--blue);font-size:13px;font-weight:900}.studioStep strong{align-self:center}.studioStep em{grid-column:2;color:var(--muted);font-size:13px;font-style:normal;line-height:1.45}.actionPanel{border-color:rgba(15,139,122,.22)}.tossLanding{--toss-ink:#191f28;--toss-muted:#6b7684;--toss-line:#e5e8eb;--toss-blue:#0064ff;--toss-blue-dark:#0050d5;--toss-sky:#eef6ff;--toss-green:#00a66f;--toss-amber:#c77800;--toss-navy:#202632;min-height:100vh;overflow:hidden;background:#ffffff;color:var(--toss-ink)}.tossLanding a{text-decoration:none}.tossNav{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:64px;border-bottom:1px solid rgba(229,232,235,.76);padding:0 max(20px,calc((100% - 1120px) / 2));background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tossBrand{display:inline-flex;min-width:0;gap:10px;align-items:center;color:var(--toss-ink);font-size:15px;font-weight:900}.tossBrand span{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:8px;background:var(--toss-blue);color:white;font-size:16px}.tossNavActions{display:flex;gap:8px;align-items:center;color:var(--toss-muted);font-size:14px;font-weight:800}.tossNavActions>a{display:inline-flex;min-height:38px;align-items:center;border-radius:8px;padding:0 12px}.tossNavActions>a:hover,.tossNavButton{background:#f2f4f6;color:var(--toss-ink)}.tossHero{position:relative;display:grid;grid-gap:42px;gap:42px;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:78px 0 62px}.tossHero:before{position:absolute;inset:18px 0 auto;height:370px;border-radius:8px;background-image:url(/landing-hero.png);background-position:50%;background-size:cover;content:"";opacity:.11}.tossHeroCopy{position:relative;z-index:1;display:grid;justify-items:center;grid-gap:18px;gap:18px;text-align:center}.tossKicker,.tossSectionLabel{margin:0;color:var(--toss-blue);font-size:14px;font-weight:900;letter-spacing:0}.tossHero h1{max-width:820px;margin:0;font-size:64px;line-height:1.08;letter-spacing:0}.tossHeroCopy>p:not(.tossKicker){max-width:680px;margin:0;color:var(--toss-muted);font-size:19px;line-height:1.7}.tossHeroActions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;align-items:center}.tossPrimary,.tossSecondary{display:inline-flex;min-height:48px;align-items:center;border-radius:8px;padding:0 18px;font-size:15px;font-weight:900}.tossPrimary{background:var(--toss-blue);color:white}.tossPrimary:hover{background:var(--toss-blue-dark)}.tossSecondary{background:#f2f4f6;color:var(--toss-ink)}.tossBadges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:620px}.tossBadges span,.tossChecklist span,.tossFormatGrid span{display:inline-flex;min-height:34px;align-items:center;border:1px solid var(--toss-line);border-radius:8px;padding:0 11px;background:white;color:var(--toss-muted);font-size:13px;font-weight:800}.tossProductPreview{position:relative;z-index:1;display:grid;grid-gap:18px;gap:18px;width:min(940px,100%);margin:0 auto;border:1px solid var(--toss-line);border-radius:8px;padding:22px;background:rgba(255,255,255,.96);box-shadow:0 28px 80px rgba(25,31,40,.14)}.tossPreviewTop,.tossRecordHead,.tossRecordRow{display:grid;grid-gap:12px;gap:12px;align-items:center}.tossPreviewTop{grid-template-columns:minmax(0,1fr) auto;min-height:34px}.tossFeature p,.tossPreviewRows span,.tossPreviewTop span,.tossRecordHead,.tossRecordRow span,.tossRecords p{color:var(--toss-muted)}.tossPreviewTop strong{color:var(--toss-green);font-size:14px}.tossPreviewGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.72fr);grid-gap:18px;gap:18px;align-items:stretch}.tossDocumentVisual{display:grid;align-content:start;grid-gap:10px;gap:10px;min-width:0}.tossDocumentImage{min-height:176px;border:1px solid var(--toss-line);border-radius:8px;background-image:url(/landing-hero.png);background-position:50%;background-size:cover}.tossDocumentVisual strong,.tossFeature strong,.tossPreviewRows strong,.tossRecordRow strong{color:var(--toss-ink)}.tossDocumentVisual span{color:var(--toss-muted);font-size:14px;line-height:1.5}.tossPreviewRows{display:grid;align-content:stretch;border:1px solid var(--toss-line);border-radius:8px;overflow:hidden}.tossPreviewRows div{display:grid;grid-gap:5px;gap:5px;align-content:center;min-height:72px;padding:13px 14px;background:white}.tossPreviewRows div+div{border-top:1px solid var(--toss-line)}.tossPreviewRows span{font-size:12px;font-weight:800}.tossChecklist{display:flex;flex-wrap:wrap;gap:8px}.tossChecklist span:first-child{border-color:rgba(0,166,111,.28);background:#effaf5;color:#087c56}.tossChecklist span:nth-child(2){border-color:rgba(199,120,0,.28);background:#fff8e7;color:var(--toss-amber)}.tossCta,.tossRecords,.tossSection{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:62px 0}.tossSection{display:grid;grid-gap:24px;gap:24px}.tossCta h2,.tossRecords h2,.tossSection h2{max-width:760px;margin:0;color:var(--toss-ink);font-size:34px;line-height:1.22}.tossFeatureGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.tossFeature{display:grid;grid-gap:12px;gap:12px;min-height:230px;border:1px solid var(--toss-line);border-radius:8px;padding:22px;background:#ffffff;box-shadow:0 16px 48px rgba(25,31,40,.07)}.tossFeature span{width:-moz-fit-content;width:fit-content;border-radius:8px;padding:7px 10px;background:var(--toss-sky);color:var(--toss-blue);font-size:12px;font-weight:900}.tossFeature strong{font-size:21px;line-height:1.32}.tossFeature p,.tossRecords p{margin:0;font-size:15px;line-height:1.65}.tossRecords{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr);grid-gap:34px;gap:34px;align-items:start}.tossRecords>div:first-child{display:grid;grid-gap:12px;gap:12px}.tossRecordTable{overflow:hidden;border:1px solid var(--toss-line);border-radius:8px;background:#ffffff;box-shadow:0 16px 48px rgba(25,31,40,.07)}.tossRecordHead,.tossRecordRow{grid-template-columns:1.05fr .76fr .78fr 1.25fr;min-height:50px;padding:0 16px}.tossRecordHead{border-bottom:1px solid var(--toss-line);background:#f8fafc;font-size:12px;font-weight:900}.tossRecordRow+.tossRecordRow{border-top:1px solid var(--toss-line)}.tossRecordRow em,.tossRecordRow span{min-width:0;font-size:13px;font-style:normal;line-height:1.45}.tossRecordRow em{width:-moz-fit-content;width:fit-content;border-radius:8px;padding:5px 8px;background:var(--toss-sky);color:var(--toss-blue);font-weight:900}.tossFormats{padding-top:70px;background:#f7f9fc;box-shadow:0 0 0 100vmax #f7f9fc;-webkit-clip-path:inset(0 -100vmax);clip-path:inset(0 -100vmax)}.tossFormatGrid{display:flex;flex-wrap:wrap;gap:10px;max-width:760px}.tossCta{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:24px;gap:24px;align-items:center;background:var(--toss-navy);box-shadow:0 0 0 100vmax var(--toss-navy);-webkit-clip-path:inset(0 -100vmax);clip-path:inset(0 -100vmax)}.tossCta h2{color:white}.tossCta .tossSectionLabel{color:#93c5fd}.tossCta .tossPrimary{background:white;color:var(--toss-blue)}@media (max-width:980px){.draftGrid,.lintPanel,.mainGrid,.packageRow,.shell,.studioStepGrid,.tossCta,.tossFeatureGrid,.tossPreviewGrid,.tossRecords{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.panel.wide{grid-column:span 1}.reviewTableHead,.reviewTableRow,.tossRecordHead,.tossRecordRow{grid-template-columns:1fr;gap:5px;padding:12px 16px}.tossHero{padding-top:62px}.tossHero h1{font-size:54px}}@media (max-width:560px){.sidebar,.workspace{padding:18px}.topbar{display:grid}.statusPills{justify-content:start}.authGrid,.formRow,.metaGrid,.oauthRow,.outputList{grid-template-columns:1fr}.tossNav{padding:12px 18px}.tossBrand,.tossNav{align-items:flex-start}.tossBrand{max-width:190px;line-height:1.35}.tossNavActions{display:grid;justify-items:end}.tossNavActions>a:not(.tossNavButton){display:none}.tossHero{width:min(1120px,calc(100% - 28px));gap:28px;padding:50px 0 44px}.tossHero:before{height:310px}.tossHero h1{font-size:40px}.tossHeroCopy>p:not(.tossKicker){font-size:16px}.tossCta .tossPrimary,.tossHeroActions,.tossHeroActions .tossPrimary,.tossHeroActions .tossSecondary{width:100%;justify-content:center}.tossProductPreview{padding:16px}.tossPreviewTop{grid-template-columns:1fr;gap:4px}.tossCta,.tossRecords,.tossSection{width:min(1120px,calc(100% - 28px));padding:46px 0}.tossCta h2,.tossRecords h2,.tossSection h2{font-size:28px}.tossFeature{min-height:0}.authStrip{display:grid}}