@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Gowun+Batang:wght@700&display=swap";
:root{--paper:#f7f5ef;--surface:#fffdf8;--ink:#20251f;--muted:#747970;--line:#dedfd7;--green:#1f5b43;--green-2:#397b5c;--green-soft:#e7f0e9;--red:#c5523f;--yellow:#f0c866;--shadow:0 18px 60px #1f35291a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 5% 2%, #f0c86626, transparent 28rem), radial-gradient(circle at 95% 18%, #1f5b4317, transparent 30rem), var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif}button,input,textarea,select{font:inherit}button,a{color:inherit}.shell{min-height:100vh}.topbar{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:84px;margin:0 auto;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 7px 20px #1f5b4338}.brand-name{letter-spacing:-.03em;font-family:Gowun Batang,serif;font-size:22px}.brand-sub{color:var(--muted);margin-left:8px;font-size:12px}.profile-button,.ghost-button,.icon-button{border:1px solid var(--line);cursor:pointer;background:#fffdf8b8;transition:all .16s}.profile-button:hover,.ghost-button:hover,.icon-button:hover{background:#fff;border-color:#b6bbb2}.profile-button{border-radius:999px;align-items:center;gap:9px;padding:9px 13px;font-size:13px;display:flex}.profile-wrap{position:relative}.profile-button.needs-setup{border-color:var(--red);background:#fff;animation:1.8s ease-in-out infinite profile-pulse}.profile-hint{z-index:20;color:#fff;background:var(--red);font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 8px 20px #00000024}.profile-hint:before{content:"";background:var(--red);width:10px;height:10px;position:absolute;top:-5px;right:22px;transform:rotate(45deg)}.profile-hint-arrow{animation:1s ease-in-out infinite profile-arrow}@keyframes profile-arrow{0%,to{transform:translateY(2px)}50%{transform:translateY(-3px)}}@keyframes profile-pulse{0%,to{box-shadow:0 0 #c5523f59}50%{box-shadow:0 0 0 6px #c5523f00}}@media (prefers-reduced-motion:reduce){.profile-button.needs-setup,.profile-hint-arrow{animation:none}}.profile-dot{color:#fff;background:var(--red);border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;font-weight:700;display:grid}.top-actions{align-items:center;gap:8px;display:flex}.help-button{border:1px solid var(--line);color:var(--green);cursor:pointer;background:#fffdf8b8;border-radius:999px;align-items:center;gap:6px;padding:10px 12px;font-size:11px;font-weight:700;display:inline-flex}.help-button:hover{background:#fff;border-color:#b6bbb2}.logout-button{border:1px solid var(--line);color:var(--muted);background:#fffdf8b8;border-radius:999px;align-items:center;gap:6px;padding:10px 12px;font-size:11px;text-decoration:none;display:inline-flex}.logout-button:hover{color:var(--ink);background:#fff}.main{width:min(1180px,100% - 40px);margin:0 auto;padding:42px 0 90px}.hero{max-width:780px;margin-bottom:42px}.eyebrow{color:var(--red);letter-spacing:.09em;margin:0 0 13px;font-size:13px;font-weight:700}.hero h1{letter-spacing:-.055em;margin:0;font-family:Gowun Batang,serif;font-size:clamp(34px,5vw,58px);line-height:1.17}.hero h1 em{color:var(--green);white-space:nowrap;font-style:normal;position:relative}.hero h1 em:after{content:"";z-index:-1;background:#f0c8668c;height:8px;position:absolute;bottom:2px;left:0;right:0;transform:rotate(-1deg)}.hero-copy{max-width:620px;color:var(--muted);margin:20px 0 0;font-size:16px;line-height:1.8}.workspace{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:24px;display:grid}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf8e0;border-radius:24px}.compose-card{padding:clamp(22px,4vw,38px)}.step-head{align-items:flex-start;gap:14px;display:flex}.step-number{background:var(--green);color:#fff;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.step-head h2{letter-spacing:-.03em;margin:0;font-size:18px}.step-head p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.6}.section-gap{border-top:1px solid var(--line);margin-top:34px;padding-top:34px}.topic-input{background:#fff;border:1px solid #cfd2ca;border-radius:14px;outline:none;width:100%;margin-top:17px;padding:18px 19px;font-size:16px;transition:all .16s}.topic-input:focus,.field input:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px #1f5b4317}.chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip{border:1px solid var(--line);color:#666c64;cursor:pointer;background:0 0;border-radius:999px;padding:8px 12px;font-size:12px}.chip:hover,.chip.active{color:var(--green);background:var(--green-soft);border-color:#8eaf9d}.dropzone{text-align:center;cursor:pointer;background:#f7f5ef8c;border:1.5px dashed #aeb4a9;border-radius:17px;place-items:center;min-height:190px;margin-top:17px;padding:28px 20px;transition:all .17s;display:grid}.dropzone:hover,.dropzone.dragging{border-color:var(--green);background:var(--green-soft);transform:translateY(-1px)}.drop-icon{width:48px;height:48px;color:var(--green);background:#fff;border-radius:14px;place-items:center;margin:0 auto 12px;display:grid;box-shadow:0 7px 25px #1f5b431a}.dropzone strong{font-size:15px;display:block}.dropzone span{color:var(--muted);margin-top:7px;font-size:12px;display:block}.photo-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px;display:grid}.photo-item{aspect-ratio:1;background:#e8e8e2;border-radius:12px;position:relative;overflow:hidden}.photo-item img{object-fit:cover;width:100%;height:100%}.photo-index{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141915b8;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;bottom:6px;left:6px}.photo-remove{color:#fff;cursor:pointer;background:#141915b8;border:0;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:5px;right:5px}.upload-note{color:var(--muted);align-items:center;gap:7px;margin-top:12px;font-size:11px;display:flex}.consent{color:#545a52;background:#f2efe4;border-radius:13px;align-items:flex-start;gap:11px;margin-top:24px;padding:15px 16px;font-size:12px;line-height:1.55;display:flex}.consent input{accent-color:var(--green);margin-top:3px}.generate-button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:20px;padding:17px 20px;font-size:15px;font-weight:700;transition:all .17s;display:flex;box-shadow:0 12px 24px #1f5b4338}.generate-button:hover:not(:disabled){background:#174b37;transform:translateY(-2px)}.generate-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.side-card{box-shadow:none;padding:22px}.side-title{align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.side-title svg{color:var(--red)}.side-list{margin:18px 0 0;padding:0;list-style:none}.side-list li{border-top:1px solid var(--line);color:#5c625b;gap:10px;padding:12px 0;font-size:12px;line-height:1.55;display:flex}.side-list li:first-child{border-top:0;padding-top:0}.check{color:var(--green-2);flex:none}.privacy-note{background:var(--green-soft);color:#40604f;border-radius:13px;margin-top:16px;padding:14px;font-size:11px;line-height:1.65}.demo-badge{color:#765b10;background:#fff2cd;border-radius:999px;margin-top:16px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.result-wrap{margin-top:32px;animation:.42s both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.result-card{overflow:hidden}.result-top{border-bottom:1px solid var(--line);background:#e7f0e973;justify-content:space-between;align-items:center;gap:18px;padding:25px 30px;display:flex}.result-top h2{letter-spacing:-.04em;margin:0;font-family:Gowun Batang,serif;font-size:24px}.result-top p{color:var(--muted);margin:7px 0 0;font-size:12px}.copy-all{color:#fff;background:var(--green);cursor:pointer;white-space:nowrap;border:0;border-radius:11px;align-items:center;gap:7px;padding:11px 15px;font-size:12px;font-weight:700;display:inline-flex}.result-body{padding:clamp(22px,4vw,34px)}.seo-score-card{background:linear-gradient(145deg,#f6faf6,#eef5ef);border:1px solid #cbd9ce;border-radius:17px;margin-bottom:32px;padding:22px}.seo-score-main{align-items:center;gap:19px;display:flex}.score-ring{--score:0deg;background:conic-gradient(var(--green) var(--score), #d8e3da 0);border-radius:50%;flex:none;place-items:center;width:90px;height:90px;display:grid;position:relative}.score-ring:after{content:"";background:#f8fbf8;border-radius:50%;position:absolute;inset:8px}.score-ring>div{z-index:1;grid-template-columns:auto auto;place-items:baseline;gap:3px;display:grid;position:relative}.score-ring strong{letter-spacing:-.06em;font-size:28px;line-height:1}.score-ring span{color:var(--muted);font-size:9px}.score-copy{min-width:0}.score-title-row{align-items:center;gap:9px;display:flex}.score-title-row h3{letter-spacing:-.03em;margin:0;font-size:17px}.score-title-row span{color:#fff;background:var(--green-2);border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700}.score-copy p{color:#4e5a52;margin:7px 0 4px;font-size:12px;line-height:1.6}.score-copy small{color:#818980;font-size:9px;line-height:1.5}.score-categories{grid-template-columns:repeat(5,1fr);gap:9px;margin-top:20px;display:grid}.score-category{background:#ffffffb8;border-radius:10px;padding:10px}.score-category>div:first-child{color:#687169;justify-content:space-between;gap:5px;font-size:9px;display:flex}.score-category strong{color:var(--ink);font-size:9px}.score-track{background:#dce4dd;border-radius:99px;height:4px;margin-top:8px;overflow:hidden}.score-track i{border-radius:inherit;background:var(--green);height:100%;display:block}.score-suggestions{border-top:1px solid #cfdbd1;margin-top:16px;padding-top:15px}.score-suggestions>strong{color:var(--green);align-items:center;gap:6px;font-size:11px;display:flex}.score-suggestions ul{color:#59625a;margin:9px 0 0;padding-left:18px;font-size:10px;line-height:1.8}.label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.title-options{gap:9px;margin-top:12px;display:grid}.title-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-items:flex-start;gap:10px;padding:13px 14px;display:flex}.title-option.selected{border-color:var(--green-2);background:var(--green-soft)}.title-option input{accent-color:var(--green);margin-top:4px}.title-option span{font-size:14px;line-height:1.55}.editor{resize:vertical;border:1px solid var(--line);color:#303630;background:#fff;border-radius:14px;outline:none;width:100%;min-height:560px;margin-top:12px;padding:23px;font-family:Noto Sans KR,sans-serif;font-size:14px;line-height:2}.editor:focus{border-color:#9eaea4;box-shadow:0 0 0 4px #1f5b430f}.editor-meta{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.preview-hint{color:var(--green-2);font-size:10px;font-weight:700}.naver-copy-guide{color:#4b584f;background:var(--green-soft);border-radius:12px;gap:5px;margin-top:12px;padding:14px 16px;font-size:11px;line-height:1.65;display:grid}.naver-copy-guide strong{color:var(--green);font-size:12px}.preview-frame{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:12px;padding:clamp(18px,4vw,38px);overflow:hidden}.preview-frame>h2{letter-spacing:-.04em;margin:0 0 30px;font-family:Gowun Batang,serif;font-size:clamp(22px,4vw,30px);line-height:1.45}.article-preview h3{letter-spacing:-.025em;margin:34px 0 14px;font-size:19px}.article-preview p{color:#353b35;white-space:pre-wrap;margin:0 0 18px;font-size:14px;line-height:2}.inline-photo{margin:26px 0 30px}.inline-photo img{object-fit:contain;background:#f1f1ec;border-radius:9px;width:100%;max-height:680px;display:block}.inline-photo figcaption{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:9px;font-size:10px;display:flex}.photo-copy-button{color:var(--green);cursor:pointer;background:#fff;border:1px solid #a8bbaa;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex}.photo-copy-button:hover{background:var(--green-soft)}.missing-photo{color:#8a3329;background:#fbe8e4;border-radius:10px;margin:20px 0;padding:14px;font-size:12px}.preview-hashtags{border-top:1px solid var(--line);color:var(--green-2);word-break:keep-all;margin-top:32px;padding-top:22px;font-size:12px;line-height:1.9}.hash-row{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.hash{color:#4f6558;background:#f0f1ec;border-radius:8px;padding:7px 10px;font-size:11px}.result-section{border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.fold{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.fold summary{cursor:pointer;align-items:center;gap:9px;padding:15px 17px;font-size:13px;font-weight:700;list-style:none;display:flex}.fold summary::-webkit-details-marker{display:none}.fold-list{color:#5f655e;margin:0;padding:0 18px 18px 43px;font-size:12px;line-height:1.8}.final-review{background:linear-gradient(145deg,#f6faf6,#eef5ef);border:1px solid #bfd2c4;border-radius:17px;padding:24px}.final-review-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.final-review-head h3{letter-spacing:-.035em;margin:8px 0 0;font-family:Gowun Batang,serif;font-size:21px}.review-step{color:var(--green);white-space:nowrap;background:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}.final-checks{gap:9px;margin-top:18px;display:grid}.final-checks label{cursor:pointer;background:#ffffffc7;border:1px solid #d6e0d8;border-radius:12px;align-items:flex-start;gap:11px;padding:13px 14px;display:flex}.final-checks input{accent-color:var(--green);margin-top:3px}.final-checks span{color:#5b665e;gap:3px;font-size:11px;line-height:1.55;display:grid}.final-checks strong{color:var(--ink);font-size:12px}.review-copy-button,.naver-open-button{border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:15px 18px;font-size:13px;font-weight:700;display:flex}.review-copy-button{color:#fff;background:var(--green);cursor:pointer;border:0}.review-copy-button:disabled{opacity:.42;cursor:not-allowed}.naver-open-button{color:#fff;background:#03c75a;text-decoration:none}.naver-open-button.disabled{opacity:.35;cursor:not-allowed}.final-note{color:#6f7770;margin:13px 3px 0;font-size:10px;line-height:1.65}.auth-shell{place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);background:#fffdf8f0;border-radius:26px;padding:clamp(28px,6vw,48px)}.auth-mark{width:48px;height:48px;margin-bottom:24px}.auth-card h1{letter-spacing:-.05em;margin:0;font-family:Gowun Batang,serif;font-size:clamp(30px,6vw,43px);line-height:1.28}.auth-copy{color:var(--muted);margin:18px 0 0;font-size:13px;line-height:1.8}.auth-benefits{color:#536057;background:var(--green-soft);border-radius:14px;gap:11px;margin:22px 0;padding:17px;font-size:12px;list-style:none;display:grid}.auth-benefits li{align-items:center;gap:9px;display:flex}.auth-benefits svg{color:var(--green);flex:none}.auth-primary{color:#fff;background:var(--green);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:15px 18px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.profile-retry{cursor:pointer;border:0;width:100%;margin-top:22px}.auth-secondary{color:var(--green);text-align:center;margin-top:15px;font-size:12px;font-weight:700;display:block}.toast{z-index:50;color:#fff;box-shadow:var(--shadow);background:#212721;border-radius:999px;padding:12px 17px;font-size:12px;animation:.2s toast-in;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.error{color:#8a3329;background:#fbe8e4;border-radius:11px;margin-top:13px;padding:12px 14px;font-size:12px;line-height:1.55}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#191f1b80;grid-template-columns:minmax(0,1fr);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:24px;width:min(620px,100%);max-height:min(780px,100vh - 40px);overflow:auto;box-shadow:0 30px 100px #121c164d}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:27px 30px 20px;display:flex}.modal-head h2{letter-spacing:-.04em;margin:0;font-family:Gowun Batang,serif;font-size:25px}.modal-head p{color:var(--muted);margin:7px 0 0;font-size:12px}.icon-button{border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.modal-body{padding:25px 30px 30px}.field-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{gap:7px;display:grid}.field+.field.full,.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700}.required{color:var(--red)}.field input,.field textarea{background:#fff;border:1px solid #cfd2ca;border-radius:11px;outline:none;width:100%;padding:12px 13px;font-size:13px}.field textarea{resize:vertical;min-height:80px}.tone-fixed{color:var(--green);background:var(--green-soft);border:1px solid #c9ddd2;border-radius:11px;align-items:center;gap:9px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.modal-actions{justify-content:flex-end;gap:9px;margin-top:25px;display:flex}.ghost-button{border-radius:11px;padding:11px 15px;font-size:12px}.save-button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:11px;padding:12px 18px;font-size:12px;font-weight:700}.save-button:disabled{opacity:.5;cursor:not-allowed}.guide-modal{width:100%;min-width:0;max-width:560px;padding:28px 32px 30px}.guide-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.guide-eyebrow{color:var(--green);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.guide-modal h2{letter-spacing:-.04em;margin:18px 0 0;font-family:Gowun Batang,serif;font-size:29px}.guide-description{color:var(--muted);margin:10px 0 22px;font-size:13px;line-height:1.7}.guide-steps{margin:0;padding:0;list-style:none}.guide-steps li{border-top:1px solid var(--line);align-items:flex-start;gap:13px;padding:14px 0;display:flex}.guide-steps li>div{min-width:0}.guide-steps li>span{color:#fff;background:var(--green);border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:grid}.guide-steps strong{margin-top:2px;font-size:13px;display:block}.guide-steps p{color:#606860;margin:5px 0 0;font-size:11px;line-height:1.65}.guide-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding-top:17px;display:flex}.guide-footer p{color:#59635b;align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.guide-footer p svg{color:var(--green);flex:none}.guide-start{white-space:nowrap}.guide-hide-today{color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:14px auto 0;padding:4px 6px;font-size:11px;text-decoration:underline;display:block}.guide-hide-today:hover{color:var(--green)}@media (max-width:840px){.workspace{grid-template-columns:1fr}.side-card{order:-1}.side-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.side-list li{background:#f4f2eb;border:0;border-radius:10px;padding:10px}.privacy-note{display:none}}@media (max-width:600px){.topbar{width:calc(100% - 28px);height:70px}.brand-sub,.profile-button>span:last-child,.help-button span{display:none}.help-button{justify-content:center;width:38px;height:38px;padding:0}.logout-button span{display:none}.logout-button{padding:10px}.main{width:calc(100% - 28px);padding-top:25px}.hero{margin-bottom:30px}.hero-copy{font-size:14px}.compose-card{border-radius:19px}.side-card{border-radius:17px;padding:16px}.side-list{grid-template-columns:1fr;gap:4px;margin-top:10px}.side-list li{align-items:center;padding:7px 9px}.photo-grid{grid-template-columns:repeat(3,1fr)}.result-top{flex-direction:column;align-items:stretch;padding:20px}.result-top h2{font-size:21px}.copy-all{justify-content:center;width:100%;padding:14px 16px}.copy-all span{display:inline}.seo-score-main{align-items:flex-start}.score-ring{width:78px;height:78px}.score-ring strong{font-size:24px}.score-categories{grid-template-columns:1fr 1fr}.score-category:last-child{grid-column:1/-1}.editor{min-height:490px;padding:17px;font-size:13px}.preview-frame{padding:18px}.article-preview p{font-size:13px}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:24px 24px 0 0;width:100%;max-height:92vh}.guide-modal{padding:24px 20px 30px}.guide-modal h2{font-size:25px}.guide-footer{flex-direction:column;align-items:stretch}.guide-start{width:100%}.modal-head,.modal-body{padding-left:20px;padding-right:20px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.final-review{padding:18px}}