:root{--ink:#11213b;--navy:#10233f;--coral:#f16f58;--paper:#fbfaf7;--card:#fff;--muted:#657086;--line:#dfe5ed;--soft:#fff1ec;--green:#227454;--blue:#edf3fa;--shadow:0 20px 60px rgba(16,35,63,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,"Noto Sans KR","Malgun Gothic",Arial,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}
.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(22px,calc((100vw - 1120px)/2));position:sticky;top:0;z-index:50;background:rgba(251,250,247,.94);border-bottom:1px solid rgba(17,33,59,.1);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font:850 19px/1 Arial;white-space:nowrap}.brand b{color:var(--coral)}.brand-mark{width:31px;height:31px;border:2px solid var(--ink);border-radius:9px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:6px}.brand-mark i{width:3px;border-radius:3px;background:var(--coral)}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:10px}.topbar nav{display:flex;gap:28px;font-size:13px;font-weight:750}.topbar nav a:hover{color:var(--coral)}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.access-user{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px;font-weight:800}.logout-button{border:0;background:none;color:var(--coral);padding:8px 5px;font-size:9px;font-weight:900}.logout-button:hover{text-decoration:underline}.logout-button:disabled{opacity:.55;cursor:wait}.install-button{display:flex;align-items:center;gap:6px;border:1px solid var(--ink);border-radius:999px;background:#fff;padding:9px 14px;font-size:11px;font-weight:850;white-space:nowrap}.install-button span{color:var(--coral);font-size:14px}.install-button:hover{background:var(--ink);color:#fff}.install-button:disabled{cursor:default;border-color:#b9d9c9;background:#edf7f2;color:var(--green)}
.intro{max-width:920px;margin:0 auto;padding:76px 22px 64px;text-align:center}.free-pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e5f4ed;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.07em}.intro h1{font-size:clamp(42px,6vw,70px);line-height:1.08;letter-spacing:-.055em;margin:22px 0}.intro h1 em{color:var(--coral);font-style:normal}.intro-points{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.intro-points span{padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:#ffffffc7;font-size:10px;font-weight:800}.intro-points b{color:var(--coral);margin-right:6px}
.workspace{max-width:1120px;margin:0 auto;padding:56px 22px}.workspace+ .workspace{border-top:1px solid var(--line)}.section-title{display:flex;align-items:flex-start;gap:15px;margin-bottom:24px}.section-title>span{color:var(--coral);font:900 11px/1 Arial;padding-top:7px;border-top:2px solid var(--coral);white-space:nowrap}.section-title>div{flex:1}.section-title h2{font-size:27px;letter-spacing:-.04em;margin:0}.section-title p{color:var(--muted);font-size:12px;margin:7px 0 0}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.source-card{padding:25px}.field-heading{margin-bottom:16px}.field-heading b,.field-heading small{display:block}.field-heading b{font-size:13px}.field-heading small{color:var(--muted);font-size:9px;margin-top:4px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:22px}.tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left}.tabs button.selected{border-color:var(--coral);background:var(--soft);box-shadow:inset 0 0 0 1px var(--coral)}.tabs b{font-size:12px}.tabs small{color:var(--muted);font-size:9px}.source-pane label,.api-row>label{display:block;font-size:11px;font-weight:850;margin-bottom:9px}.source-pane input,.source-pane textarea,.api-row input,.setting-card textarea,.blogger-fields input{width:100%;border:1px solid var(--line);border-radius:11px;background:#f8fafc;padding:13px 14px;outline:none;font-size:12px;line-height:1.7}.source-pane input:focus,.source-pane textarea:focus,.api-row input:focus,.setting-card textarea:focus,.blogger-fields input:focus{border-color:var(--coral);box-shadow:0 0 0 3px var(--soft)}.source-pane textarea,.setting-card textarea{resize:vertical}.source-pane>p,.api-row>p{color:var(--muted);font-size:9px;line-height:1.6;margin:7px 0 0}.counter{display:block;text-align:right;color:var(--muted);font-size:8px;margin-top:5px}.api-row{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.api-row>div{display:grid;grid-template-columns:1fr auto auto;gap:7px}.api-row button{border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 13px;font-size:9px;font-weight:850}.api-row .check-api-button{border-color:var(--ink);background:var(--ink);color:#fff}.api-row .check-api-button:disabled{cursor:wait;opacity:.6}.api-row a{color:var(--coral);font-weight:850}.api-row .gemini-status{display:flex;align-items:center;gap:6px;margin-top:9px;font-weight:800}.gemini-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#aab2c0;flex:none}.gemini-status.checking{color:#805c17}.gemini-status.checking:before{background:#e3a52c}.gemini-status.success{color:var(--green)}.gemini-status.success:before{background:var(--green)}.gemini-status.error{color:#b53a27}.gemini-status.error:before{background:#d55038}
.settings-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.setting-card{padding:22px}.setting-card legend{padding:0 5px;font-size:12px;font-weight:900}.setting-card legend span{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:7px;background:var(--coral);color:#fff;font:850 10px Arial}.choice-grid{display:grid;gap:9px;margin-top:12px}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice-grid label{display:grid;grid-template-columns:17px 1fr;gap:9px;padding:14px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.choice-grid label.selected,.ratio-grid label.selected,.visual-grid label.selected{border-color:var(--coral);background:var(--soft);box-shadow:inset 0 0 0 1px var(--coral)}.choice-grid input,.ratio-grid input,.visual-grid input{position:absolute;opacity:0;pointer-events:none}.choice-grid>label>i{width:15px;height:15px;border:1px solid #aeb6c2;border-radius:50%;margin-top:2px}.choice-grid label.selected>i{border:4px solid var(--coral)}.choice-grid b,.choice-grid small{display:block}.choice-grid b{font-size:11px}.choice-grid small{color:var(--muted);font-size:8px;margin-top:5px;line-height:1.5}
.action-card{margin-top:17px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:26px}.action-kicker{display:block;color:var(--coral);font-size:9px;font-weight:900;letter-spacing:.04em}.action-card h3{font-size:18px;margin:6px 0}.action-card p{color:var(--muted);font-size:10px;margin:0}.primary-button,.primary-link,.flow-button{border:0;border-radius:11px;background:var(--navy);color:#fff;padding:14px 20px;font-size:11px;font-weight:900;white-space:nowrap}.primary-button span{color:var(--coral);margin-left:8px}.primary-button:hover,.primary-link:hover,.flow-button:hover{background:var(--coral)}.primary-button:hover span{color:#fff}.primary-button:disabled{opacity:.45;cursor:not-allowed}.progress-box{display:flex;align-items:center;gap:14px;margin-top:14px;padding:17px 20px;border:1px solid #cddbea;border-radius:13px;background:#f3f7fc}.progress-box .spinner{width:24px;height:24px;border:3px solid #d3ddea;border-top-color:var(--coral);border-radius:50%;animation:spin .8s linear infinite;flex:none}.progress-box b{font-size:11px}.progress-box p{color:var(--muted);font-size:9px;margin:4px 0 0}.progress-box div{flex:1}.progress-box button{border:0;background:none;color:var(--coral);font-size:9px;font-weight:900}.error-box{margin-top:13px;padding:14px 16px;border:1px solid #efc9c1;border-radius:12px;background:#fff7f5;color:#b53a27;font-size:10px;line-height:1.65}@keyframes spin{to{transform:rotate(360deg)}}
.result-title{align-items:center}.result-title>span{padding:7px 10px;border:0;border-radius:999px;background:#e5f4ed;color:var(--green)}.outline-button{border:1px solid var(--ink);border-radius:10px;background:#fff;padding:10px 13px;font-size:9px;font-weight:900}.outline-button:hover{background:var(--ink);color:#fff}.result-layout{display:grid;grid-template-columns:340px 1fr;gap:17px;align-items:start}.title-panel{padding:21px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading span{font-size:12px;font-weight:900}.panel-heading small{color:var(--muted);font-size:8px}.title-list{display:grid;gap:8px;margin-top:15px}.title-list button{display:grid;grid-template-columns:24px 1fr 18px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px;text-align:left}.title-list button.selected{border-color:var(--coral);background:var(--soft);box-shadow:inset 0 0 0 1px var(--coral)}.title-list button>span{color:var(--coral);font:900 9px Arial}.title-list button b{font-size:11px;line-height:1.5}.title-list button i{display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--line);border-radius:50%;color:#fff;font-size:9px;font-style:normal}.title-list button.selected i{border-color:var(--coral);background:var(--coral)}.snippet-card{margin-top:17px;padding:15px;border-radius:11px;background:#f5f7fa}.snippet-card span{color:var(--coral);font-size:8px;font-weight:900}.snippet-card p{color:var(--muted);font-size:10px;line-height:1.7;margin:7px 0 0}.article-panel{overflow:hidden}.article-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 21px;border-bottom:1px solid var(--line)}.article-toolbar span{color:var(--coral);font-size:8px;font-weight:900}.article-toolbar h3{font-size:15px;margin:5px 0 0}.article-toolbar button{border:0;border-radius:9px;background:var(--blue);padding:9px 11px;font-size:9px;font-weight:900}.article-content{max-height:730px;overflow:auto;padding:25px}.article-content h4{font-size:14px;margin:25px 0 7px}.article-content p{color:#3e485c;font-size:11px;line-height:1.9;margin:7px 0 18px;white-space:pre-wrap}.article-content .question{margin-bottom:1px;color:var(--ink);font-weight:850}.article-content .hashtags{color:#536c97}
.locked-card{padding:26px;background:#f6f8fb;box-shadow:none}.locked-card b{font-size:12px}.locked-card p{color:var(--muted);font-size:9px;margin:6px 0 0}.image-settings{display:grid;gap:15px}.ratio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.ratio-grid label{display:flex;align-items:center;gap:9px;min-width:0;border:1px solid var(--line);border-radius:10px;padding:12px;cursor:pointer}.ratio-grid b,.ratio-grid small{display:block}.ratio-grid b{font-size:9px}.ratio-grid small{color:var(--muted);font-size:7px;margin-top:4px}.ratio{display:block;border:2px solid var(--ink);border-radius:3px;flex:none}.r169{width:27px;height:17px}.r916{width:15px;height:27px}.r34{width:18px;height:24px}.r43{width:24px;height:18px}.r11{width:21px;height:21px}.visual-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.visual-grid label{display:block;border:1px solid var(--line);border-radius:10px;padding:13px;cursor:pointer}.visual-grid b,.visual-grid small{display:block}.visual-grid b{font-size:10px}.visual-grid small{color:var(--muted);font-size:7px;line-height:1.5;margin-top:5px}.direction-label{display:block;font-size:10px;font-weight:900;margin:18px 0 8px}.direction-label small{color:var(--muted);font-weight:500;margin-left:5px}.compact-action{margin-top:0}.prompt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.prompt-card{overflow:hidden}.prompt-art{height:115px;position:relative;background:radial-gradient(circle at 65% 35%,#ff8a72 0 7%,transparent 8%),radial-gradient(circle at 42% 65%,#fff 0 9%,transparent 10%),linear-gradient(135deg,#163153 0 25%,#f2d3c4 26% 50%,#7992ad 51% 75%,#f8f6ef 76%)}.prompt-art span{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--navy);color:#fff;font:900 8px Arial}.prompt-body{padding:17px}.prompt-body>small{color:var(--coral);font:900 7px Arial}.prompt-body h3{height:38px;overflow:hidden;font-size:11px;line-height:1.55;margin:6px 0 10px}.prompt-body p{height:96px;overflow:auto;margin:0;padding:10px;border-radius:8px;background:#f6f7f9;color:var(--muted);font:8px/1.6 Arial}.prompt-body button{display:block;margin:11px 0 0 auto;border:0;background:none;text-decoration:underline;font-size:8px;font-weight:900}.thumbnail-section{margin-top:34px;padding:22px}.thumbnail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.thumbnail-grid button{display:grid;grid-template-columns:82px 1fr 18px;gap:11px;align-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;padding:10px;text-align:left}.thumbnail-grid button.selected{border-color:var(--coral);background:var(--soft);box-shadow:inset 0 0 0 1px var(--coral)}.thumb-art{height:82px;border-radius:8px;background:linear-gradient(145deg,var(--navy) 0 58%,var(--coral) 59% 73%,#efd9c9 74%);position:relative;overflow:hidden}.thumb-art:after{content:"";position:absolute;width:50px;height:50px;border:8px solid #ffffffaa;border-radius:50%;right:-15px;top:10px}.thumbnail-grid button:nth-child(2) .thumb-art{background:linear-gradient(35deg,var(--coral) 0 34%,#e4ecee 35% 66%,var(--navy) 67%)}.thumb-copy{min-width:0}.thumb-copy b{display:block;font-size:10px;margin-bottom:6px}.thumb-copy small{display:-webkit-box;overflow:hidden;color:var(--muted);font:7px/1.6 Arial;-webkit-line-clamp:5;-webkit-box-orient:vertical}.thumb-check{display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--line);border-radius:50%;color:#fff;font-size:8px;font-style:normal}.thumbnail-grid button.selected .thumb-check{border-color:var(--coral);background:var(--coral)}.thumbnail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.primary-link,.flow-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px}.flow-button{margin-left:auto}
.prompt-result-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.section-title>.prompt-result-actions{flex:0 0 auto}.prompt-result-actions .flow-button{margin-left:0}.copy-all-button{padding:11px 14px}.filename-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-top:11px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff}.filename-row span,.thumbnail-filename span{color:var(--muted);font-size:7px;font-weight:850}.filename-row code,.thumbnail-filename code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font:750 8px/1.4 "Malgun Gothic",sans-serif}.prompt-body .filename-row button,.prompt-actions button,.thumbnail-filename button{border:0;border-radius:7px;background:var(--blue);padding:7px 8px;text-decoration:none;font-size:7px;font-weight:900;white-space:nowrap}.prompt-actions{display:flex;justify-content:flex-end;margin-top:9px}.prompt-body .prompt-actions button{margin:0;background:var(--navy);color:#fff}.thumbnail-filename{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:13px;padding:11px 12px;border-radius:10px;background:#f5f7fa}.thumbnail-filename code{font-size:9px}
.publish-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.publish-card{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;padding:16px;text-align:left}.publish-card:hover{border-color:var(--ink)}.publish-card i{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;color:#fff;font:900 19px Arial;font-style:normal}.publish-card .naver{background:#03c75a}.publish-card .blogger{background:#f57d00}.publish-card b,.publish-card small{display:block}.publish-card b{font-size:12px}.publish-card small{color:var(--muted);font-size:8px;margin-top:5px;line-height:1.5}.publish-card em{color:var(--coral);font-style:normal;font-weight:900}.blogger-settings{margin-top:13px;padding:21px}.blogger-picker{padding:16px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.blogger-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.blogger-picker-heading label{font-size:10px;font-weight:900}.blogger-picker-heading button{border:0;background:none;color:var(--coral);font-size:8px;font-weight:900}.blogger-picker-heading button:disabled{color:#aab2c0;cursor:not-allowed}.blogger-picker select{width:100%;margin-top:9px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px 36px 12px 13px;outline:none;font-size:11px}.blogger-picker select:focus{border-color:var(--coral);box-shadow:0 0 0 3px var(--soft)}.blogger-picker select:disabled{color:#8992a4;background:#f1f3f6;cursor:not-allowed}.blogger-picker p{overflow-wrap:anywhere;margin:8px 0 0;color:var(--muted);font-size:8px;line-height:1.6}.draft-check{display:flex;align-items:center;gap:9px;margin-top:15px}.draft-check input{width:17px;height:17px;accent-color:var(--coral)}.draft-check b,.draft-check small{display:block}.draft-check b{font-size:10px}.draft-check small{color:var(--muted);font-size:8px;margin-top:3px}.blogger-button{width:100%;margin-top:15px}.origin-note{margin:15px 0 0;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:8px;line-height:1.6}
.toast{position:fixed;left:50%;bottom:24px;z-index:100;max-width:calc(100vw - 30px);transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 16px;border-radius:11px;background:var(--navy);color:#fff;font-size:10px;font-weight:800;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px max(22px,calc((100vw - 1120px)/2));border-top:1px solid var(--line);background:#fff}footer p{color:var(--muted);font-size:9px}
@media(max-width:900px){.topbar nav{display:none}.result-layout{grid-template-columns:1fr}.ratio-grid{grid-template-columns:repeat(3,1fr)}.visual-grid{grid-template-columns:repeat(3,1fr)}.prompt-grid{grid-template-columns:1fr 1fr}.article-content{max-height:none}}
@media(max-width:680px){.topbar{height:64px;padding:0 15px}.brand{font-size:17px}.access-user{display:none}.logout-button{padding:7px 2px}.install-button{padding:8px 10px}.intro{padding:54px 18px 45px}.intro h1{font-size:39px}.intro>p{font-size:13px}.workspace{padding:43px 15px}.source-card,.setting-card{padding:16px}.api-row>div{grid-template-columns:1fr auto}.api-row .check-api-button{grid-column:1/-1;min-height:40px}.choice-grid.three,.ratio-grid,.visual-grid{grid-template-columns:1fr}.action-card{align-items:stretch;flex-direction:column}.primary-button{width:100%}.result-title{flex-wrap:wrap}.result-title .outline-button,.flow-button{margin-left:36px}.prompt-result-actions{width:100%;margin-left:36px;justify-content:flex-start}.prompt-result-actions .outline-button,.prompt-result-actions .flow-button{margin-left:0}.filename-row,.thumbnail-filename{grid-template-columns:1fr auto}.filename-row span,.thumbnail-filename span{grid-column:1/-1}.prompt-grid,.thumbnail-grid,.publish-grid{grid-template-columns:1fr}.thumbnail-actions{flex-direction:column}.thumbnail-actions>*{text-align:center}.article-toolbar{align-items:flex-start;flex-direction:column}.progress-box{align-items:flex-start}.progress-box button{margin-left:auto}.publish-card{grid-template-columns:42px 1fr auto}footer{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.tabs{grid-template-columns:1fr}.intro h1{font-size:34px}.intro-points span{width:45%}.section-title h2{font-size:23px}.thumbnail-grid button{grid-template-columns:72px 1fr 18px}.thumb-art{height:72px}}
/* Title-only research mode */
.tabs{grid-template-columns:repeat(3,1fr)}
.choice-grid.two{grid-template-columns:repeat(2,1fr)}
.source-reference-card{margin-top:12px;padding:15px;border:1px solid #cddbea;border-radius:11px;background:#f3f7fc}.source-reference-card>span{color:var(--green);font-size:8px;font-weight:900}.source-reference-card>p{margin:7px 0 10px;color:var(--muted);font-size:8px;line-height:1.6}.source-reference-card ol{display:grid;gap:8px;margin:0;padding-left:18px}.source-reference-card li{color:var(--muted);font-size:8px;line-height:1.45}.source-reference-card a{display:block;overflow-wrap:anywhere;color:var(--ink);font-weight:800}.source-reference-card a:hover{color:var(--coral);text-decoration:underline}
.article-table{margin:20px 0 24px}.article-table figcaption{margin-bottom:8px;color:var(--ink);font-size:10px;font-weight:900}.article-table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.article-table table{width:100%;min-width:420px;border-collapse:collapse;background:#fff;font-size:10px;line-height:1.6}.article-table th,.article-table td{padding:10px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.article-table th:last-child,.article-table td:last-child{border-right:0}.article-table tr:last-child td{border-bottom:0}.article-table th{background:#f1f5fa;color:var(--ink);font-weight:900}.article-table td{color:#3e485c}.article-table tbody tr:nth-child(even){background:#fafbfd}
.source-pane>p a{color:var(--coral);font-weight:850}
@media(max-width:680px){.tabs,.choice-grid.two{grid-template-columns:1fr}}