/* The New: a compact typesetting workbench. Page partials own the shared shell. */
.tn-lip-page{--lip-paper:#faf6ee;--lip-surface:#fffaf0;--lip-wash:#f5efdf;--lip-ink:#1a1208;--lip-muted:#5a4a30;--lip-line:#b8a888;--lip-soft:#ddd4be;--lip-accent:#c44a00;--lip-primary:#1a1208;--lip-primary-hover:#6a3b1f;--lip-primary-text:#f7ead1;--lip-button:#ede6d4;--lip-button-hover:#dfd4bb;--lip-field:#fffaf0;--lip-sans:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;width:100%;max-width:1180px;min-width:0;margin-inline:auto}
body:is([data-scheme=dark],[data-scheme=inverse],[data-scheme=auto][data-l=dark],[data-scheme=auto][data-d=dark]) .tn-lip-page,html[data-scheme=dark] body:not([data-scheme=light]) .tn-lip-page{--lip-paper:#241d12;--lip-surface:#322a1a;--lip-wash:#2c2517;--lip-ink:#efe6d2;--lip-muted:#c3b492;--lip-line:#826744;--lip-soft:#574a37;--lip-accent:#e8823f;--lip-primary:#6a3b1f;--lip-primary-hover:#824826;--lip-primary-text:#f7ead1;--lip-button:#2f2115;--lip-button-hover:#3a2a1b;--lip-field:#21170f;color-scheme:dark}
@media(prefers-color-scheme:dark){body[data-scheme=auto]:not([data-l=light]):not([data-d=light]) .tn-lip-page{--lip-paper:#241d12;--lip-surface:#322a1a;--lip-wash:#2c2517;--lip-ink:#efe6d2;--lip-muted:#c3b492;--lip-line:#826744;--lip-soft:#574a37;--lip-accent:#e8823f;--lip-primary:#6a3b1f;--lip-primary-hover:#824826;--lip-primary-text:#f7ead1;--lip-button:#2f2115;--lip-button-hover:#3a2a1b;--lip-field:#21170f;color-scheme:dark}}
.tn-lip-page .tn-lip-ad{width:100%;max-width:728px;min-height:90px;background:transparent}
.tn-lip-page .tn-lip-ad--top{margin:54px auto 20px}
.tn-lip-page .tn-lip-ad--bottom{margin:24px auto 28px}
.tn-lip-page .tn-lip-tool,.tn-lip-page .tn-lip-tool *{box-sizing:border-box}
.tn-lip-page .tn-lip-tool{width:100%;min-width:0;padding:20px;margin:0;border:1px solid var(--lip-line);border-top:2px solid var(--lip-ink);border-radius:0;background:var(--lip-paper);color:var(--lip-ink);-webkit-text-fill-color:var(--lip-ink);font:400 14px/1.6 var(--lip-sans);text-align:left;-webkit-font-smoothing:antialiased}
.tn-lip-tool :where(p,ul,li,fieldset,legend,h2,h3){margin:0;padding:0}
.tn-lip-tool fieldset{min-width:0;border:0}
.tn-lip-tool :where(p,span,strong,small){overflow-wrap:anywhere}
.tn-lip-tool [hidden]{display:none!important}
.tn-lip-tool .tn-lip-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 16px;margin-bottom:20px;border-bottom:1px solid var(--lip-soft)}
.tn-lip-tool .tn-lip-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--lip-muted);-webkit-text-fill-color:var(--lip-muted)}
.tn-lip-tool .tn-lip-sample{font:italic 26px/1 Georgia,"Times New Roman",serif;color:var(--lip-accent);-webkit-text-fill-color:var(--lip-accent)}
.tn-lip-tool .tn-lip-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.8fr);gap:24px;align-items:start}
.tn-lip-tool .tn-lip-settings{display:grid;align-content:start;gap:18px;min-width:0;padding:4px 0}
.tn-lip-tool .tn-lip-result{display:grid;gap:12px;min-width:0;padding-left:24px;border-left:1px solid var(--lip-soft)}
.tn-lip-tool .tn-lip-section-head{display:grid;gap:5px}
.tn-lip-tool .tn-lip-label,.tn-lip-tool .tn-lip-section-head h2,.tn-lip-tool .tn-lip-result-head h2{display:block;font:800 14px/1.4 var(--lip-sans);color:var(--lip-ink);-webkit-text-fill-color:var(--lip-ink);text-wrap:balance}
.tn-lip-tool .tn-lip-hint,.tn-lip-tool #lipHint,.tn-lip-tool .tn-lip-privacy,.tn-lip-tool .tn-lip-section-head p{font:400 12px/1.6 var(--lip-sans);color:var(--lip-muted);-webkit-text-fill-color:var(--lip-muted)}
.tn-lip-tool .tn-lip-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--lip-soft);background:var(--lip-wash)}
.tn-lip-tool .tn-lip-field>.tn-lip-label{margin-bottom:5px}
.tn-lip-tool .tn-lip-field>.tn-lip-hint{margin-top:5px}
.tn-lip-tool .tn-lip-count-row{display:flex;align-items:stretch;border:1px solid var(--lip-line);background:var(--lip-field)}
.tn-lip-tool .tn-lip-count-row:has([aria-invalid=true]){border-color:var(--lip-accent)}
.tn-lip-tool #lipUnit{display:flex;align-items:center;justify-content:center;flex:0 0 42px;min-width:42px;border-left:1px solid var(--lip-soft);font:600 13px/1 var(--lip-sans);color:var(--lip-muted);-webkit-text-fill-color:var(--lip-muted)}
.tn-lip-page .tn-lip-tool button{display:inline-flex;justify-content:center;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;margin:0;padding:10px 14px;border:0!important;border-radius:0;background:var(--lip-button)!important;color:var(--lip-ink)!important;-webkit-text-fill-color:var(--lip-ink)!important;font:700 13px/1.35 var(--lip-sans)!important;letter-spacing:0!important;text-transform:none;text-align:center;box-shadow:none;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
.tn-lip-page .tn-lip-tool button:hover:not(:disabled){background:var(--lip-button-hover)!important;border-color:var(--lip-accent)!important}
.tn-lip-page .tn-lip-tool button:active:not(:disabled){transform:scale(.96)}
.tn-lip-page .tn-lip-tool button:disabled{opacity:.48;cursor:default}
.tn-lip-page .tn-lip-tool :is(button,input,textarea):focus-visible{outline:2px solid var(--lip-accent)!important;outline-offset:3px}
.tn-lip-page .tn-lip-tool [data-lip-mode]{padding-inline:8px;border-color:transparent!important;background:transparent!important}
.tn-lip-page .tn-lip-tool [data-lip-mode][aria-pressed=true]{border-color:var(--lip-line)!important;background:var(--lip-surface)!important;color:var(--lip-accent)!important;-webkit-text-fill-color:var(--lip-accent)!important}
.tn-lip-page .tn-lip-tool #lipCount{display:block;flex:1 1 auto;width:0;min-width:0;height:54px;min-height:54px;margin:0;padding:10px 14px;border:0!important;border-radius:0;background:var(--lip-field)!important;color:var(--lip-ink)!important;-webkit-text-fill-color:var(--lip-ink)!important;font:700 24px/1.3 var(--lip-sans)!important;font-variant-numeric:lining-nums tabular-nums;text-align:left;box-shadow:none}
.tn-lip-page .tn-lip-tool #lipCount[aria-invalid=true]{border-color:var(--lip-accent)!important}
.tn-lip-tool .tn-lip-presets{display:flex;flex-wrap:wrap;gap:6px}
.tn-lip-page .tn-lip-tool [data-lip-preset]{flex:1;padding:8px;min-height:40px;background:var(--lip-surface)!important;border-color:var(--lip-soft)!important;font-size:12px!important;font-variant-numeric:tabular-nums}
.tn-lip-page .tn-lip-tool [data-lip-preset][aria-pressed=true]{border-color:var(--lip-accent)!important;color:var(--lip-accent)!important;-webkit-text-fill-color:var(--lip-accent)!important}
.tn-lip-tool .tn-lip-actions{display:flex;flex-wrap:wrap;gap:8px}
.tn-lip-tool .tn-lip-settings .tn-lip-actions{display:grid;grid-template-columns:minmax(0,1fr) auto}
.tn-lip-page .tn-lip-tool #lipGenerate,.tn-lip-page .tn-lip-tool #lipCopy{border-color:var(--lip-primary)!important;background:var(--lip-primary)!important;color:var(--lip-primary-text)!important;-webkit-text-fill-color:var(--lip-primary-text)!important}
.tn-lip-page .tn-lip-tool :is(#lipGenerate,#lipCopy):hover:not(:disabled){border-color:var(--lip-primary-hover)!important;background:var(--lip-primary-hover)!important}
.tn-lip-tool .tn-lip-result-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}
.tn-lip-tool #lipSummary{font:600 11px/1.5 var(--lip-sans);font-variant-numeric:tabular-nums;color:var(--lip-muted);-webkit-text-fill-color:var(--lip-muted)}
.tn-lip-page .tn-lip-tool #lipOutput{display:block;width:100%;max-width:100%;min-width:0;height:310px;min-height:180px;resize:vertical;margin:0;padding:20px;border:1px solid var(--lip-line)!important;border-radius:0;background:var(--lip-field)!important;color:var(--lip-ink)!important;-webkit-text-fill-color:var(--lip-ink)!important;font:400 16px/1.85 Georgia,"Times New Roman",serif!important;letter-spacing:0!important;text-align:left;box-shadow:none;overflow:auto;scrollbar-color:var(--lip-line) var(--lip-field)}
.tn-lip-tool #lipOutput::selection{background:var(--lip-button-hover);color:var(--lip-ink)}
.tn-lip-tool #lipStatus{min-height:38px;font:400 12px/1.6 var(--lip-sans);color:var(--lip-muted);-webkit-text-fill-color:var(--lip-muted)}
.tn-lip-tool #lipStatus[data-state=error]{color:var(--lip-accent);-webkit-text-fill-color:var(--lip-accent)}
.tn-lip-tool .tn-lip-privacy{padding-top:12px;border-top:1px solid var(--lip-soft)}
@media(max-width:760px){.tn-lip-tool .tn-lip-layout{grid-template-columns:minmax(0,1fr);gap:20px}.tn-lip-tool .tn-lip-settings{gap:14px}.tn-lip-tool .tn-lip-result{padding:18px 0 0;border-left:0;border-top:1px solid var(--lip-soft)}.tn-lip-page .tn-lip-tool #lipOutput{height:260px}.tn-lip-tool #lipStatus{min-height:20px}}
@media(max-width:560px){.tn-lip-page .tn-lip-ad--top{margin-top:48px}.tn-lip-page .tn-lip-tool{padding:12px}.tn-lip-tool .tn-lip-topline{display:none}.tn-lip-tool .tn-lip-settings{gap:10px}.tn-lip-tool .tn-lip-layout{gap:14px}.tn-lip-tool .tn-lip-result{padding-top:14px}.tn-lip-page .tn-lip-tool #lipOutput{padding:14px;font-size:16px!important}.tn-lip-tool .tn-lip-result .tn-lip-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tn-lip-page .tn-lip-tool button{min-height:44px;padding-inline:10px}.tn-lip-tool .tn-lip-result-head{gap:5px}.tn-lip-tool .tn-lip-result-head #lipSummary{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.tn-lip-page .tn-lip-tool button{transition:none}.tn-lip-page .tn-lip-tool button:active:not(:disabled){transform:none}}
