@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f4ef;--paper:#fffefa;--ink:#192724;--muted:#6b7771;--line:#dcded6;--green:#164f43;--mint:#deeee7;--accent:#b49762;font-family:'DM Sans','Noto Sans KR',sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,textarea,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{max-width:1440px;margin:auto;padding:0 48px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:33px;height:33px;background:var(--green);color:white;border-radius:6px;font-family:'Noto Serif KR',serif;font-size:20px}.header-note{color:var(--muted);font-size:12px;letter-spacing:.02em}.hero{padding:70px 0 66px;position:relative}.eyebrow,.section-index{color:var(--green);font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 22px}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{width:28px;height:1px;background:var(--green)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Noto Serif KR',serif;letter-spacing:-.065em}h1{font-size:clamp(42px,5vw,68px);line-height:1.31;font-weight:600;margin-bottom:20px}h1 em{font-style:normal;color:var(--green)}.hero-copy{font-size:16px;line-height:1.85;color:#596660;letter-spacing:-.03em}.workspace-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:21px}.workspace-heading h2{font-size:28px;margin:0}.workspace-heading .section-index{margin-bottom:9px}.workspace-heading>p{font-size:13px;color:var(--muted);margin-bottom:5px}.mode-tabs{display:flex;gap:10px;margin-bottom:14px}.mode-tab{background:transparent;border:1px solid var(--line);border-radius:9px;padding:12px 19px 12px 14px;min-width:235px;text-align:left;display:flex;align-items:center;gap:12px;color:var(--ink);transition:.2s}.mode-tab:hover{border-color:var(--green)}.mode-tab.active{background:var(--green);border-color:var(--green);color:white}.tab-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:6px;background:#e8ede5;color:var(--green);font-family:'Noto Serif KR',serif;font-size:15px;font-weight:700}.active .tab-icon{background:#ffffff25;color:white}.mode-tab strong,.mode-tab small{display:block}.mode-tab strong{font-size:13px}.mode-tab small{font-size:11px;opacity:.72;margin-top:3px}.editor-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 38px #19352a0a;overflow:hidden}.editor-grid{display:grid;grid-template-columns:1fr 1fr}.editor-pane{min-width:0;padding:22px 24px 16px}.source-pane{border-right:1px solid var(--line)}.pane-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.pane-heading label{font-size:14px;font-weight:700}.pane-heading label span{font-size:10px;letter-spacing:.08em;color:#a4aaa3;font-weight:600;margin-left:6px}.text-button{border:0;background:none;color:var(--green);font-size:12px;font-weight:600;padding:4px}.text-button:disabled{color:#aab2ac}textarea{width:100%;height:245px;resize:vertical;border:0;outline:none;background:transparent;color:var(--ink);font-size:14px;line-height:1.9;letter-spacing:-.025em}textarea::placeholder{color:#a6aea7}.pane-footer{display:flex;justify-content:space-between;gap:10px;color:#9ba59e;font-size:11px;margin:7px 0 0}.options-row{display:flex;gap:12px;border-top:1px solid var(--line);padding:20px 24px}.field-group{min-width:170px}.field-group label{display:block;font-size:11px;font-weight:700;color:#65716a;margin-bottom:8px}.field-group label span{color:#a4aca5;font-weight:400}.field-group input,.field-group select{height:40px;width:100%;border:1px solid #dfe3db;border-radius:6px;background:#fff;color:var(--ink);padding:0 11px;font-size:12px;outline:none}.field-group input:focus,.field-group select:focus{border-color:var(--green)}.terms-group{flex:1}.is-hidden{display:none}.action-row{border-top:1px solid var(--line);padding:15px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px}.action-note{display:flex;align-items:center;gap:8px;color:#87938a;font-size:11px}.note-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex:none}.primary-button{min-width:210px;height:47px;border:0;border-radius:6px;background:var(--green);color:white;padding:0 19px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;font-weight:700;transition:.2s}.primary-button:hover{background:#0e3c33}.primary-button:disabled{opacity:.6}.message{margin:0 24px 18px;padding:12px 14px;border-radius:6px;background:#f1efe5;color:#6c5435;font-size:12px;line-height:1.6}.message.error{background:#fff0ec;color:#a34934}.principles{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:95px 0 90px}.principles h2{font-size:32px;line-height:1.5;font-weight:600}.principle-list article{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:16px 0}.principle-list article:first-child{padding-top:0}.principle-list article>span{font-size:11px;color:var(--accent);font-weight:700;padding-top:4px}.principle-list h3{font-size:14px;margin:0 0 7px}.principle-list p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}footer{border-top:1px solid var(--line);padding:24px 0 34px;display:flex;justify-content:space-between;color:#8b968d;font-size:11px}footer span:first-child{color:var(--ink);font-weight:700}@media(max-width:800px){.app-shell{padding:0 20px}.site-header{height:68px}.header-note{display:none}.hero{padding:58px 0 48px}.hero-copy{font-size:14px}.workspace-heading>p{display:none}.editor-grid{grid-template-columns:1fr}.source-pane{border-right:0;border-bottom:1px solid var(--line)}textarea{height:180px}.options-row{flex-wrap:wrap}.field-group{flex:1;min-width:135px}.terms-group{flex-basis:100%}.principles{grid-template-columns:1fr;gap:20px;padding:75px 0}.principles h2{font-size:28px}}@media(max-width:530px){h1{font-size:40px}.hero-copy br{display:none}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mode-tab{min-width:0;padding:10px;gap:7px}.tab-icon{width:29px;height:29px;flex:none}.mode-tab strong{font-size:11px}.mode-tab small{font-size:9px}.editor-pane{padding:18px}.options-row{padding:18px}.action-row{padding:16px 18px;display:block}.action-note{margin-bottom:14px}.primary-button{width:100%}.pane-footer{font-size:10px}footer{display:block}footer span{display:block;margin-bottom:6px}}
.options-row{flex-wrap:wrap}.field-group{flex:1}.terms-group{flex-basis:100%}
.detector-panel{margin-top:34px;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.detector-panel .section-index{margin-bottom:10px}.detector-panel h2{font-size:25px;margin-bottom:8px}.detector-panel>p:not(.section-index){font-size:12px;color:var(--muted);line-height:1.7}.detector-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:19px 0}.detector-controls label{font-size:11px;font-weight:700;color:var(--muted)}.detector-controls select{height:39px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 10px;font-size:12px}.detector-controls button{height:39px;border:0;border-radius:6px;padding:0 15px;background:var(--green);color:#fff;font-weight:700;font-size:12px}.detector-controls button:disabled{opacity:.55}.detector-panel .detector-note{margin-bottom:0}.detector-result{margin-top:16px;padding:13px;border-radius:6px;background:var(--mint);font-size:12px;line-height:1.8;white-space:pre-wrap}@media(max-width:530px){.detector-panel{padding:19px}.detector-controls select,.detector-controls button{width:100%}}
.hero-caveat{font-size:11px;color:#8a948a;line-height:1.7;margin:15px 0 0}
.campaign-ribbon{background:#164f43;color:#fff;margin:0 -48px}.campaign-ribbon-inner{max-width:1440px;margin:auto;padding:13px 48px;display:flex;align-items:center;gap:18px}.campaign-ribbon strong{font-size:13px;white-space:nowrap}.campaign-ribbon span{font-size:11px;line-height:1.5;color:#d9e9e2}.campaign-ribbon a{margin-left:auto;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}@media(max-width:800px){.campaign-ribbon{margin:0 -20px}.campaign-ribbon-inner{padding:13px 20px;flex-wrap:wrap;gap:6px 13px}.campaign-ribbon strong{white-space:normal;width:100%}.campaign-ribbon a{margin-left:0}}

/* Framer-inspired system for the academic writing desk. */
:root {
  --bg:#090909; --paper:#151519; --ink:#fff; --muted:#aaaab4;
  --line:#303038; --green:#0099ff; --mint:#20212c; --accent:#b7b7c2;
  font-family:Inter,'Noto Sans KR',sans-serif; color:var(--ink); background:var(--bg);
  font-feature-settings:"cv01","cv05","cv09","cv11","ss03","ss07";
}
body { background:var(--bg); color:var(--ink); }
::selection { background:#0099ff; color:#fff; }
:focus-visible { outline:2px solid #0099ff; outline-offset:3px; }
.site-header { border-color:#29292f; }
.brand { font-size:16px; letter-spacing:-.055em; }
.brand-mark { background:#fff; color:#090909; border-radius:50%; font-family:Inter,'Noto Sans KR',sans-serif; font-weight:800; }
.hero { padding:96px 0 76px; }
.eyebrow,.section-index { color:#aaaab5; }
.eyebrow-line { background:#797984; }
h1,h2 { font-family:Inter,'Noto Sans KR',sans-serif; font-weight:700; letter-spacing:-.075em; }
h1 { font-size:clamp(54px,7vw,94px); line-height:1.07; }
h1 em { color:#fff; }
.hero-copy { color:#c2c2ca; font-size:17px; max-width:700px; }
.hero-caveat { color:#93939d; max-width:750px; }
.workspace-heading h2,.principles h2 { font-size:clamp(29px,3vw,42px); line-height:1.2; }
.workspace-heading>p { color:#aaaab4; }
.mode-tab { background:#16161b; border-color:#383840; border-radius:15px; }
.mode-tab:hover { border-color:#81818b; }
.mode-tab.active { background:#fff; border-color:#fff; color:#090909; }
.tab-icon { background:#2b2b33; color:#fff; border-radius:9px; font-family:Inter,'Noto Sans KR',sans-serif; }
.active .tab-icon { background:#e6e6ea; color:#090909; }
.editor-card,.detector-panel { background:#151519; border-color:#383840; border-radius:20px; box-shadow:none; }
.editor-pane { padding:28px; }
.source-pane { border-color:#383840; }
.pane-heading label span { color:#85858f; }
.text-button { color:#d6d6e2; }
.text-button:disabled { color:#777781; }
textarea { color:#f3f3f5; }
textarea::placeholder { color:#85858f; }
.pane-footer,.action-note { color:#93939e; }
.field-group label { color:#c1c1cb; }
.field-group label span { color:#92929d; }
.field-group input,.field-group select,.detector-controls select {
  color:#fff; background:#222228; border-color:#45454f; border-radius:9px;
}
.field-group input:focus,.field-group select:focus,.detector-controls select:focus { border-color:#0099ff; box-shadow:0 0 0 3px #0099ff30; }
.primary-button,.detector-controls button { background:#fff; color:#090909; border-radius:100px; }
.primary-button:hover,.detector-controls button:hover { background:#e6e6ea; }
.primary-button:disabled { color:#606068; }
.message { background:#292430; color:#e5cbdf; border-radius:10px; }
.message.error { background:#3b2325; color:#ffd0c8; }
.detector-result { background:#20212a; border:1px solid #383840; border-radius:12px; }
.principle-list article { border-color:#35353c; }
.principle-list article>span { color:#b4b4c0; }
footer { color:#9f9fa8; }
.campaign-ribbon { background:#1b1b20; border-bottom:1px solid #303038; }
.campaign-ribbon span { color:#b2b2bc; }
@media(max-width:800px) { .hero { padding:74px 0 60px; } }
@media(max-width:530px) {
  h1 { font-size:clamp(46px,11vw,66px); }
  .mode-tab { border-radius:12px; }
  .editor-pane { padding:21px; }
}

/* Current product title. */
.hero h1::after { content:""; display:block; height:8px; width:clamp(160px,24vw,310px); margin-top:20px; border-radius:100px; background:linear-gradient(90deg,#d44df0,#6a4cf5 55%,#ff7a3d); }