:root{--ink:#1b344f;--navy:#19395a;--red:#c9493b;--paper:#f7f6f2;--border:#dce0df;--sans:'DM Sans','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,textarea{font:inherit}button{cursor:pointer;transition:background .15s,border-color .15s}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid #c18a3e;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:82px;max-width:1240px;margin:auto;padding:0 36px;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.8px}.brand-dot{color:var(--red)}.brand-seal{position:relative;display:grid;place-items:center;width:35px;height:37px;background:var(--navy);color:white;font-family:Georgia,serif;font-size:27px;line-height:1;border-radius:2px 2px 13px 13px;flex-shrink:0}.brand-seal span{position:absolute;right:1px;top:1px;font-size:11px;color:#e2b66c}main{max-width:1240px;margin:auto;padding:0 36px 40px}.hero{padding:32px 0 28px}h1{font-size:34px;font-weight:800;letter-spacing:-1.4px;line-height:1.4;margin:0}h1>span{color:var(--red)}.generator{display:grid;grid-template-columns:1fr 1.08fr;border:1px solid #d5dcda;border-radius:10px;overflow:hidden;background:white;box-shadow:0 8px 28px #19395a04;align-items:stretch}.input-panel,.output-panel{padding:28px;min-width:0;display:flex;flex-direction:column}.output-panel{background:#edf1f2;border-left:1px solid var(--border)}.panel-heading{margin-bottom:20px;min-height:24px;display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-size:15px;font-weight:700;letter-spacing:-.3px;margin:0}.textarea-wrap{border:1px solid #d6dddf;border-radius:6px;background:white;overflow:hidden;transition:box-shadow .15s,border-color .15s}.textarea-wrap:focus-within{border-color:#7f9ab4;box-shadow:0 0 0 3px #19395a0c}textarea{display:block;width:100%;height:280px;min-height:0;max-height:none;resize:none;overflow-y:auto;scrollbar-width:thin;border:0;padding:18px 19px;outline:none!important;border-radius:6px;background:transparent;color:#334354;font-size:15px;line-height:1.95;word-break:break-word}textarea::placeholder{color:#87949c}.examples{margin-top:23px;margin-bottom:24px}.examples h3{font-size:12px;font-weight:600;color:#526777;margin:0 0 10px}.example-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.example-buttons button{min-width:0;min-height:51px;border:1px solid #e0e5e3;border-radius:5px;background:#f8f9f6;color:#4c6374;font-size:12px;font-weight:500;text-align:left;padding:13px 14px;line-height:1.5}.example-buttons button:hover{background:#f0f4f6;border-color:#adbfc9;color:var(--navy)}.generate-button{width:100%;display:flex;align-items:center;justify-content:center;background:var(--red);color:white;border:1px solid var(--red);border-radius:5px;padding:13px 16px;min-height:49px;font-size:14px;font-weight:700;margin-top:auto}.generate-button:hover{background:#b53e32;border-color:#b53e32}.input-error{margin:0 0 12px;font-size:12px;color:#b4362c}.statement-card{display:flex;flex-direction:column;background:white;border:1px solid #d9e0e1;border-radius:6px;box-shadow:0 3px 10px #19395a03;min-height:0;flex:1}.statement-author{display:flex;align-items:center;gap:11px;padding:23px 23px 0}.avatar{width:42px;height:42px;flex:0 0 42px;overflow:hidden;border-radius:50%;background:#ecede6}.avatar svg{width:100%;height:100%;display:block}.author-name{font-size:14px;line-height:1.5;font-weight:700;letter-spacing:-.2px;display:flex;align-items:center;gap:5px}.verified{display:block;width:15px;height:15px;min-width:15px;flex:0 0 15px;fill:var(--navy);overflow:visible}.verified path:last-child{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.author-handle{font-size:11px;line-height:1.7;color:#7b8991;display:block;margin-top:2px}.statement-text{font-size:14px;line-height:1.95;color:#2e3e4b;letter-spacing:-.15px;padding:20px 23px 25px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:280px;flex:1}.statement-text.refreshed{animation:statement-in .25s ease-out}.result-actions button:disabled{cursor:default;opacity:.4}.result-actions{display:flex;align-items:center;gap:7px;margin-top:15px;flex-wrap:wrap}.secondary-button,.copy-button{display:flex;align-items:center;justify-content:center;border-radius:5px;min-height:40px;padding:9px 12px;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.5}.secondary-button{background:transparent;border:1px solid #cbd5d9;color:#526d7e}.secondary-button:hover{background:#dfe7ea;border-color:#a7bac5}.copy-button{background:var(--navy);color:white;border:1px solid var(--navy);margin-left:auto;min-width:78px}.copy-button:hover{background:#254d73}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:11px 22px;border-radius:6px;font-size:12px;z-index:10;box-shadow:0 5px 20px #19395a25;max-width:calc(100% - 32px);text-align:center}.shared-mode .input-panel,.shared-mode .hero,.shared-mode .output-panel>.panel-heading,.shared-mode #regenerate{display:none}.shared-mode .generator{display:block;max-width:670px;margin:32px auto 0}.shared-mode .output-panel{border:0}.new-statement-link{font-size:12px;font-weight:600;color:var(--red);margin-left:auto}.shared-mode .new-statement-link{display:block!important}.shared-mode .statement-text{min-height:0}@keyframes statement-in{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){.site-header,main{max-width:1300px}.input-panel,.output-panel{padding:32px}.hero{padding:36px 0 30px}h1{font-size:37px}textarea{height:300px;font-size:16px}.statement-text{font-size:15px}.example-buttons button{font-size:13px;min-height:55px}.statement-author{padding:26px 26px 0}.statement-text{padding:22px 26px 29px}.result-actions{gap:8px}.secondary-button,.copy-button{font-size:12px;padding:10px 13px;min-height:42px}}@media(max-width:1000px){.site-header{padding:0 26px}main{padding:0 26px 30px}.input-panel,.output-panel{padding:23px}.brand{font-size:19px}h1{font-size:31px}.statement-author{padding:20px 19px 0}.statement-text{padding:18px 19px 23px;font-size:13px}.author-name{font-size:13px}.avatar{width:38px;height:38px;flex-basis:38px}.example-buttons button{font-size:11px;padding:12px;min-height:49px}.secondary-button,.copy-button{font-size:10px;padding:9px 10px}.result-actions{gap:6px}.copy-button{min-width:68px}textarea{font-size:14px;padding:17px;height:270px}}@media(max-width:760px){.generator{grid-template-columns:1fr 1.1fr}.input-panel,.output-panel{padding:20px}.site-header{height:73px}main{padding:0 22px 25px}.site-header{padding:0 22px}.hero{padding:26px 0 23px}h1{font-size:29px}.brand{font-size:18px}.panel-heading h2{font-size:13px}.example-buttons{gap:7px}.example-buttons button{font-size:10px;padding:10px 9px;min-height:48px}.statement-author{gap:8px;padding:19px 16px 0}.statement-text{padding:16px 16px 22px;font-size:12px}.author-name{font-size:12px}.author-handle{font-size:10px}.verified{width:14px;height:14px;min-width:14px;flex-basis:14px}.secondary-button,.copy-button{font-size:10px;padding:8px;min-height:36px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.copy-button{margin:0}.generate-button{font-size:13px}textarea{height:280px;padding:14px;font-size:13px}}@media(max-width:580px){.site-header{height:68px;padding:0 20px}.brand{font-size:17px;gap:8px}.brand-seal{width:30px;height:32px;font-size:24px}main{padding:0 16px 24px}.hero{padding:24px 4px 22px}h1{font-size:28px;letter-spacing:-1.2px}.generator{grid-template-columns:1fr;border-radius:8px}.input-panel,.output-panel{padding:22px}.output-panel{border-left:0;border-top:1px solid var(--border)}.panel-heading{margin-bottom:16px;min-height:22px}.panel-heading h2{font-size:14px}textarea{height:144px;padding:14px 16px;font-size:14px;line-height:1.9}.examples{margin-top:19px;margin-bottom:22px}.examples h3{font-size:12px;margin-bottom:9px}.example-buttons{gap:8px}.example-buttons button{font-size:12px;min-height:49px;padding:12px}.generate-button{min-height:48px;font-size:14px;padding:12px}.statement-author{padding:20px 19px 0;gap:10px}.avatar{width:40px;height:40px;flex-basis:40px}.author-name{font-size:14px}.author-handle{font-size:10px}.verified{width:15px;height:15px;min-width:15px;flex-basis:15px}.statement-text{font-size:13px;padding:18px 19px 23px;line-height:1.95;min-height:220px}.result-actions{gap:8px;margin-top:13px}.secondary-button,.copy-button{font-size:11px;min-height:40px;padding:9px 10px}.shared-mode .generator{margin-top:20px}.new-statement-link{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
dialog{width:460px;max-width:calc(100% - 32px);padding:25px;border:1px solid var(--border);border-radius:9px;color:var(--ink);background:white;box-shadow:0 15px 60px #19395a22}dialog::backdrop{background:#19395a66}dialog h2{margin:0 0 17px;font-size:19px}dialog input{display:block;width:100%;padding:12px;font:12px var(--sans);border:1px solid #cbd5d9;border-radius:4px;color:var(--ink);background:#f7f9f8}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:17px}.dialog-actions .copy-button{margin:0}
.site-header .brand h1{font-size:26px;letter-spacing:-1px}.site-header{height:90px}.generator{margin-top:28px}.shared-mode .generator{margin-top:28px}@media(max-width:580px){.site-header{height:78px}.site-header .brand{gap:11px}.site-header .brand h1{font-size:22px;letter-spacing:-.9px}.generator{margin-top:20px}.shared-mode .new-statement-link{font-size:10px}.shared-mode .site-header .brand h1{font-size:18px}}