:root{font-family:Inter,Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;color:#2a2632;background:#fbf9fa;--rose: #e11d48;--rose-bright: #f43f5e;--rose-dark: #be123c;--rose-soft: #fff1f4;--line: #efe6e9;--muted: #827982}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 51% 36% at 96% 0%,rgba(251,113,133,.12),transparent 75%),#fbf9fa}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible,#dropzone:focus-visible{outline:3px solid #fda4af;outline-offset:3px}svg{display:block}.hidden,[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{width:min(100%,974px);margin:0 auto;padding:24px 28px 17px}.app-header{height:54px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#25232e}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:#fff0f3;border:1px solid #ffe4e9;border-radius:13px}.brand-mark img{width:36px;height:36px}.brand-name{font-size:27px;font-weight:820;letter-spacing:-1.4px}.brand-dot{color:var(--rose)}.composer{padding:25px 28px 23px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 9px 34px #4823310d}.composer-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.composer-title-group h2{margin:0 0 7px;font-size:18px;font-weight:760;letter-spacing:-.5px}.composer-title-group p{margin:0;font-size:12px;color:var(--muted)}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #eadce0;color:#a83752;background:#fff9fa;padding:10px 13px;font-size:12px;font-weight:740;border-radius:9px;transition:background .15s,border-color .15s;white-space:nowrap}.secondary-button:hover{background:#fff0f4;border-color:#f3b7c5}.secondary-button svg,.file-pick svg,.primary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mode-toggle[aria-pressed=true]{color:var(--rose-dark);background:var(--rose-soft);border-color:#f6c5d1}.dropzone{width:100%;min-height:288px;border:1.5px dashed #f3bbc8;border-radius:15px;background:linear-gradient(150deg,snow,#fff5f7);transition:background .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.dropzone:hover,.dropzone.drag-over,body.file-dragging .dropzone{border-color:var(--rose-bright);background:#fff0f4;box-shadow:inset 0 0 0 2px #ffe2e9}.drop-empty{min-height:287px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center}.drop-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;color:var(--rose);background:#fff;box-shadow:0 4px 15px #d9355b0f,inset 0 0 0 1px #fee2e9;margin-bottom:14px}.drop-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.drop-heading{font-size:17px;font-weight:750;letter-spacing:-.3px}.drop-subtitle{margin:8px 0 0;color:#8c7c86;font-size:12px}.file-pick{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:9px;color:#fff;background:var(--rose-bright);box-shadow:0 5px 13px #f43f5e25;padding:10px 16px;font-size:12px;font-weight:750;margin-top:14px}.file-pick:hover{background:var(--rose-dark)}.supported-formats{margin:13px 0 0;max-width:95%;color:#9a8992;font-size:10.5px;line-height:1.55;overflow-wrap:anywhere}.input-hint{margin:8px 0 0;color:#a18b95;font-size:11px}kbd{display:inline-block;border-radius:4px;border:1px solid #e9dce1;padding:0 5px;background:#fff;font:inherit;font-weight:680}.drop-preview{min-height:287px;display:flex;flex-direction:column;justify-content:space-between;padding:10px;gap:10px}.preview-media{display:flex;flex:1;align-items:center;justify-content:center;min-height:204px;max-height:310px;border-radius:10px;background:#f7f3f5;overflow:hidden}.preview-media img{width:100%;height:204px;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.preview-details{padding:0 7px 3px;display:flex;justify-content:space-between;align-items:center;gap:8px}.preview-meta{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.preview-meta strong{font-size:12px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-meta span{color:var(--muted);font-size:11px}.preview-actions{display:flex;gap:4px;align-items:center}.secondary-button.small,.text-button.small{padding:8px 10px;font-size:11px}.text-button{border:0;border-radius:8px;background:transparent;color:#9c6370;font-weight:650}.text-button:hover{background:#ffe7ec;color:var(--rose-dark)}.preview-error{color:#b42347;font-size:13px;padding:15px;text-align:center}.memo-panel{border-radius:15px;background:#fff9fa;border:1px solid #f0e5e9;padding:16px;min-height:288px}.memo-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.memo-top label{font-size:13px;font-weight:720}.memo-top span{color:#a3929c;font-size:11px}textarea{display:block;width:100%;height:184px;min-height:124px;resize:vertical;padding:12px 14px;border:1px solid #e8dfe4;border-radius:10px;background:#fff;color:#292635;line-height:1.65;font-size:13px;outline:0}textarea:focus{border-color:#f43f5e;box-shadow:0 0 0 3px #ffe8ed}textarea::placeholder{color:#b8adb5}.memo-hint{margin:10px 0 0;color:#9a8d97;font-size:11px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #f1ecee;padding-top:18px;margin-top:18px}.action-hint{margin:0;color:#92858e;font-size:12px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:47px;min-width:208px;padding:11px 17px;color:#fff;background:var(--rose);border:0;border-radius:10px;font-size:13px;font-weight:760;transition:background .16s,box-shadow .16s;box-shadow:0 5px 16px #e11d481e}.primary:hover:not(:disabled){background:var(--rose-dark);box-shadow:0 7px 19px #e11d4831}.primary:disabled{color:#aaa0a6;background:#eee8eb;box-shadow:none;cursor:not-allowed}.primary .arrow-icon{width:15px;margin-left:3px}.status{border:1px solid #fee1e7;background:#fff1f3;color:#b42347;border-radius:9px;padding:10px 12px;font-size:12px;line-height:1.5;margin:12px 0 0}.status.success{color:#35694b;border-color:#dcefe2;background:#f4faf6}footer{display:flex;justify-content:center;align-items:center;gap:13px;padding:23px 0 0;font-size:12px}footer a{color:#93858f;text-decoration:none}footer a:hover{text-decoration:underline;color:var(--rose-dark)}footer span{color:#dbd0d5}body.file-dragging:after{content:"";pointer-events:none;position:fixed;top:8px;right:8px;bottom:8px;left:8px;z-index:20;border:3px dashed #f43f5e;border-radius:18px;background:#fff1f42b}.privacy-shell{width:min(100%,750px);margin:0 auto;padding:25px 24px 55px}.privacy-content{background:#fff;border:1px solid var(--line);padding:25px;border-radius:18px;font-size:14px;line-height:1.8}.privacy-content h1{font-size:25px;margin:0 0 18px}.privacy-content h2{font-size:17px;margin:24px 0 5px}.privacy-content p,.privacy-content ul{color:#635b66}.privacy-content a{color:var(--rose-dark)}@media(max-height:760px)and (min-width:741px){.app-shell{padding-top:14px}.composer{padding:19px 24px}.composer-heading{margin-bottom:13px}.dropzone,.drop-empty,.drop-preview,.memo-panel{min-height:235px}.preview-media{min-height:150px}.preview-media img{height:155px}textarea{height:135px}.composer-bottom{margin-top:13px;padding-top:13px}footer{padding-top:14px}}@media(max-width:740px){.app-shell{padding:18px 17px 23px}.composer{padding:20px 17px 18px;border-radius:16px}.dropzone,.drop-empty,.drop-preview,.memo-panel{min-height:275px}.composer-bottom{flex-direction:column;align-items:stretch}.primary{width:100%}.action-hint{text-align:center}}@media(max-width:430px){.brand-name{font-size:25px}.composer-heading{gap:7px}.composer-title-group h2{font-size:16px}.composer-title-group p{font-size:11px;max-width:215px;line-height:1.5}.mode-toggle{padding:9px 10px}.mode-toggle svg{display:none}.drop-subtitle{max-width:260px;line-height:1.6}.supported-formats{max-width:260px;font-size:10px}.drop-heading{font-size:15px}.preview-details{flex-wrap:wrap}.preview-actions{margin-left:auto}.memo-hint{line-height:1.7}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}main{padding-top:12px}