:root{font-family:Inter,Pretendard,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color:#ebebed;background:#101011;font-synthesis:none}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 85% 45% at 50% -32%,#303034 0,transparent 95%),#101011}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #aaa;outline-offset:2px}.topbar{height:74px;border-bottom:1px solid #27272a;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1356px)/2));background:rgba(19,19,20,.9)}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{height:36px;width:36px;border:1px solid #424246;border-radius:10px;display:grid;place-items:center;background:#272729;color:#e6e6e8}.brand-name{font-weight:750;letter-spacing:-.65px;font-size:18px}.brand-label{color:#85858b;font-size:11px;border:1px solid #3a3a3e;border-radius:5px;padding:4px 6px;margin-left:1px}.privacy{display:flex;align-items:center;gap:8px;color:#94949b;font-size:12px}.privacy-dot{height:7px;width:7px;background:#7d9b7f;border-radius:50%;box-shadow:0 0 0 3px #273028}.main{max-width:1356px;margin:auto;padding:45px 32px 26px}.intro{padding:0 0 33px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;color:#aaaab0;display:flex;align-items:center;gap:12px}.eyebrow-rule{height:1px;width:31px;background:#56565d}.intro h1{font-size:clamp(25px,3.15vw,39px);font-weight:770;letter-spacing:-1.4px;line-height:1.3;margin:14px 0 9px}.intro h1 span{color:#87878e}.intro p{font-size:14px;line-height:1.8;color:#a2a2a8;margin:0}.intro p strong{color:#e2e2e5}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px}.panel{background:#1b1b1e;border:1px solid #303035;border-radius:13px;overflow:hidden;box-shadow:0 18px 50px #00000025}.panel-header{height:59px;padding:0 22px;border-bottom:1px solid #313135;display:flex;justify-content:space-between;align-items:center}.panel-heading{font-weight:700;font-size:14px;display:flex;align-items:center;gap:10px}.panel-index{font-size:11px;color:#85858d;border:1px solid #404046;padding:4px 5px;border-radius:4px;font-family:ui-monospace,monospace}.quiet-actions{display:flex;align-items:center;gap:12px}.text-action{border:0;background:none;color:#a9a9b0;font-size:12px;padding:5px 2px}.text-action:hover{color:#fff}.vline{width:1px;height:14px;background:#47474c}.controls{padding:20px 22px 17px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px}.field{display:flex;flex-direction:column;gap:9px;min-width:0}.field-name,.setting-name{font-size:12px;color:#c7c7cd;font-weight:600}.field input,.field select{color:#ededed;border:1px solid #3c3c42;background:#252529;border-radius:7px;padding:11px 12px;outline:none;height:41px;font-size:13px;width:100%}.field select{appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23a3a3a8' stroke-width='1.7'%3E%3Cpath d='m5 8 5 5 5-5'/%3E%3C/svg%3E");background-position:right 8px center;background-size:18px;background-repeat:no-repeat}.field input:focus,.field select:focus{border-color:#8b8b93}.editor-wrap{margin:0 22px;position:relative;background:#141416;border:1px solid #3b3b41;border-radius:9px;overflow:hidden}.editor-toolbar{height:39px;border-bottom:1px solid #2f2f35;padding:0 13px;display:flex;align-items:center;justify-content:space-between}.editor-caption{font-size:10px;color:#7f7f88;letter-spacing:1.3px;font-weight:700;display:flex;gap:9px;align-items:center}.code-symbol{font-size:15px;font-family:monospace;letter-spacing:-1px}.detected{font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#c1c1c8;border:1px solid #414148;border-radius:4px;padding:4px 6px}.editor-wrap textarea{width:100%;height:350px;min-height:260px;resize:vertical;display:block;border:0;background:none;padding:16px;color:#e3e3e5;line-height:1.65;font:12.5px/1.7 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;tab-size:4;outline:none;white-space:pre;overflow:auto}.editor-wrap textarea::placeholder{color:#64646c}.drag-cover{position:absolute;inset:0;display:none;place-items:center;border:2px dashed #ababaf;border-radius:9px;background:#18181eeb;color:#eee;font-size:17px;font-weight:700;pointer-events:none}.editor-wrap.drag-over .drag-cover{display:grid}.editor-footer{padding:14px 22px 17px;display:flex;justify-content:space-between;align-items:center;gap:8px}.left-footer{display:flex;align-items:center;gap:12px}.upload-button{cursor:pointer;display:flex;align-items:center;gap:7px;border:1px solid #424248;border-radius:7px;padding:8px 11px;font-size:12px;color:#d6d6da;background:#28282b}.upload-button:hover{background:#34343a}.file-hint,.stats{color:#84848c;font-size:11px}.settings{border-top:1px solid #303035;margin:0 22px;padding:5px 0 12px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;gap:10px}.segmented{border:1px solid #38383d;background:#141416;border-radius:7px;display:flex;padding:3px;gap:2px}.segmented button{border:0;border-radius:5px;padding:6px 13px;background:none;color:#8f8f98;font-size:11px;font-weight:650}.segmented button.active{background:#3b3b41;color:#fff}.switch-row{cursor:pointer}.switch{position:relative;display:inline-flex}.switch input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.switch-track{height:21px;width:38px;border-radius:30px;background:#424248;position:relative;transition:background .15s}.switch-track:after{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;background:#dedee0;border-radius:50%;transition:transform .15s}.switch input:checked+.switch-track{background:#77777e}.switch input:checked+.switch-track:after{transform:translateX(17px);background:#fff}.switch input:focus-visible+.switch-track{outline:2px solid white;outline-offset:2px}.live-indicator{font:700 10px ui-monospace,monospace;color:#92929a;letter-spacing:.6px;display:flex;align-items:center;gap:6px}.live-indicator span{height:6px;width:6px;background:#8ca18c;border-radius:50%}.mail-preview-wrap{padding:22px;background:#222225}.mail-window{background:white;color:#28282b;border-radius:9px;overflow:hidden;box-shadow:0 12px 26px #0002}.mail-metadata{padding:18px 22px;border-bottom:1px solid #ececef;font-size:12px;display:grid;gap:10px}.mail-meta-line{display:flex;gap:17px;align-items:center;min-width:0}.mail-meta-label{color:#8b8b93;width:45px;flex-shrink:0}.fake-recipient{color:#85858f;border:1px solid #e3e3e6;border-radius:15px;padding:4px 9px;font-size:11px;overflow:hidden;text-overflow:ellipsis}.mail-body{padding:22px 20px 27px;overflow:hidden}.mail-greeting,.mail-text,.mail-ending{font-size:12px;color:#4e4e56;line-height:1.6;margin:0 0 16px}.mail-text{margin-bottom:18px}.mail-ending{margin:20px 0 0}.preview-content{max-height:480px;overflow:auto;border-radius:8px}.preview-content table{max-width:100%}.copy-section{padding:20px 22px 22px;border-top:1px solid #313135}.primary-btn{min-height:49px;width:100%;background:#e6e6e9;color:#1b1b1e;border:1px solid #fff;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:750;transition:background .15s}.primary-btn:hover{background:#fff}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.shortcut{font-size:10px;font-weight:650;color:#77777f;margin-left:auto;margin-right:12px}.primary-btn>svg{margin-left:auto}.secondary-actions{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.outline-btn{border:1px solid #424248;border-radius:7px;background:#28282c;color:#cfcfd4;min-height:36px;font-size:12px;font-weight:600}.outline-btn:hover{background:#37373b}.copy-note{text-align:center;margin:17px 0 0;font-size:11px;color:#97979e;line-height:1.6}.copy-note strong{color:#cfcfd5}.instructions{display:flex;align-items:flex-start;gap:14px;margin:20px 0 0;border:1px solid #303034;border-radius:10px;padding:18px 20px;background:#19191b}.instruction-icon{width:27px;height:27px;flex-shrink:0;color:#b7b7bd}.instructions strong{font-size:13px}.instructions p{margin:5px 0 0;color:#95959c;font-size:12px;line-height:1.7}.instructions b{font-weight:650;color:#c3c3c9}footer{text-align:center;color:#74747b;font-size:11px;padding:28px 0 0;letter-spacing:.3px}footer span{padding:0 8px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#e7e7ea;color:#19191c;padding:12px 18px;border-radius:10px;box-shadow:0 8px 26px #0008;font-size:13px;font-weight:650;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}@media(max-width:980px){.workspace{grid-template-columns:1fr}.mail-preview-wrap{padding:20px}.editor-wrap textarea{height:290px}.main{padding-top:30px}}@media(max-width:550px){.topbar{padding:0 18px;height:64px}.brand-label{display:none}.privacy{font-size:0;gap:5px}.privacy:after{content:"로컬 처리";font-size:10px}.main{padding:28px 14px 22px}.intro{padding-bottom:24px}.intro h1{letter-spacing:-.8px;font-size:26px}.intro p{font-size:12px}.panel-header{padding:0 15px}.controls{padding:17px 15px;grid-template-columns:1fr 1fr;gap:9px}.editor-wrap{margin:0 15px}.editor-footer{padding:14px 15px}.file-hint{display:none}.settings{margin:0 15px}.mail-preview-wrap{padding:12px}.mail-body{padding:18px 12px}.copy-section{padding:16px}.shortcut{display:none}.primary-btn>svg{margin-left:0}.primary-btn{gap:9px}.mail-metadata{padding:15px}.instruction{margin-top:14px}.instructions{padding:15px}.quiet-actions{gap:6px}.text-action{font-size:11px}}