:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.page{min-height:100vh;background:#f7f5f2;display:flex;flex-direction:column;align-items:center;padding:48px 16px 64px;font-family:Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}.header{text-align:center;margin-bottom:40px}.logo-mark{font-size:28px;color:#b5a48a}.title{font-size:28px;font-weight:700;color:#1a1a1a;margin:8px 0 6px;letter-spacing:-.5px}.subtitle{font-size:14px;color:#888;margin:0}.card{background:#fff;border-radius:20px;padding:36px 32px;width:100%;max-width:440px;box-shadow:0 4px 32px #00000012;display:flex;flex-direction:column;gap:28px}.field{display:flex;flex-direction:column;gap:10px;flex:1}.label{font-size:13px;font-weight:600;color:#555;letter-spacing:.3px}.upload-zone{border:2px dashed #ddd;border-radius:14px;min-height:220px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative;overflow:hidden;background:#fafafa}.upload-zone:hover{border-color:#b5a48a;background:#fdf8f3}.upload-zone.dragging{border-color:#b5a48a;background:#fdf3e7}.upload-zone.has-photo{border-style:solid;border-color:#e0d8cc}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;text-align:center}.upload-icon{font-size:36px}.upload-text{font-size:14px;color:#555;margin:0}.upload-hint{font-size:12px;color:#aaa;margin:0}.preview-img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.change-photo-btn{position:absolute;bottom:12px;right:12px;background:#0000008c;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.change-photo-btn:hover{background:#000000bf}.row{display:flex;gap:16px}.input-wrap{display:flex;align-items:center;border:1.5px solid #e5e5e5;border-radius:12px;overflow:hidden;transition:border-color .2s;background:#fafafa}.input-wrap:focus-within{border-color:#b5a48a;background:#fff}.input{flex:1;border:none;outline:none;padding:14px 16px;font-size:16px;background:transparent;color:#1a1a1a;width:0}.input::placeholder{color:#ccc}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{-webkit-appearance:none}.unit{padding:0 14px 0 4px;font-size:13px;color:#aaa;font-weight:500;white-space:nowrap}.submit-btn{background:#1a1a1a;color:#fff;border:none;border-radius:14px;padding:16px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;letter-spacing:-.2px}.submit-btn:hover:not(:disabled){background:#333}.submit-btn:active:not(:disabled){transform:scale(.98)}.submit-btn:disabled{background:#d9d9d9;color:#aaa;cursor:not-allowed}.error-msg{color:#e05c5c;font-size:13px;margin:-8px 0 0;text-align:center}.dots:after{content:"";animation:dots 1.2s steps(3,end) infinite}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.loading-text{display:inline-flex;align-items:center;gap:2px}.result-wrap{width:100%;max-width:560px;display:flex;flex-direction:column;gap:16px}.profile-bar{background:#fff;border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px #0000000f}.profile-thumb{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #e0d8cc;flex-shrink:0}.profile-info{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:#333}.dot{color:#ccc}.section-card{background:#fff;border-radius:16px;padding:24px 24px 20px;box-shadow:0 2px 12px #0000000f}.section-card.streaming{min-height:80px}.section-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 14px;display:flex;align-items:center;gap:8px}.section-icon{font-size:18px}.section-body{font-size:14px;line-height:1.8;color:#444;margin:0;white-space:pre-wrap}.streaming-indicator{text-align:center;font-size:13px;color:#aaa;padding:8px 0}.reset-btn{background:transparent;border:1.5px solid #ddd;border-radius:14px;padding:14px;font-size:14px;font-weight:600;color:#555;cursor:pointer;transition:border-color .2s,color .2s;margin-top:4px}.reset-btn:hover{border-color:#b5a48a;color:#1a1a1a}