@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{color-scheme:light}html,body,#root{height:100%;min-height:100%;margin:0;background-color:#fff!important;color:#111}html,body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}.header{width:100%;height:100px;background-color:#fff;display:flex;justify-content:center;box-sizing:border-box}.header-container{width:1280px;height:100%;display:flex;align-items:flex-end}.header-logo1{margin-left:30px;display:flex}.logo-img1{width:80px;height:auto;object-fit:cover;cursor:pointer}.header-logo2{margin-left:10px;display:flex}.logo-img2{width:120px;height:auto;object-fit:cover;cursor:pointer}html,body{font-family:Pretendard,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}.home{width:100%;display:flex;justify-content:center;background:#fff;box-sizing:border-box}.home-component{width:1280px;min-height:100%;box-sizing:border-box;padding:40px 0 80px}.title{text-align:center;margin-top:20px}.title h2{font-size:32px;font-weight:700;letter-spacing:-.2px;margin:0 0 40px;color:#000}.service-button{display:inline-flex;align-items:center;gap:12px;padding:14px 24px;border-radius:12px;background:#d9f0df;border:1px solid #cfe9d6;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.service-button:hover{transform:translateY(-1px);box-shadow:0 6px 12px #0000000f}.service-button:active{transform:translateY(0);box-shadow:none}.service-button .bigTitle{font-size:18px;font-weight:600;line-height:1;color:#000}.service-button img{width:20px;height:20px;display:block}.how-to-use{margin-top:100px}.how-to-use>h2{text-align:center;font-size:28px;font-weight:700;margin:0 0 36px;color:#000}.use-wrap{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:start;column-gap:32px;row-gap:0;position:relative}.use{text-align:center;padding:0 8px}.use-img{width:112px;height:auto;display:inline-block;margin:0 auto 16px}.horizontal-img{width:28px;height:auto;align-self:center;margin:0 4px 36px;opacity:.85;pointer-events:none;-webkit-user-select:none;user-select:none}.use .title{font-size:20px;font-weight:600;margin:6px 0 8px;color:#000}.use .content{font-size:14px;color:#585a5a;line-height:1.6;margin:0;white-space:pre-line}.b2t{width:100%;display:flex;justify-content:center;background:#fff;box-sizing:border-box}.b2t-container{width:1280px;box-sizing:border-box;padding:24px 0 56px}.b2t-top{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:stretch}.video-pane{position:relative;min-height:420px;background:#fff;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-img{max-width:95%;max-height:95%;object-fit:contain;display:block}.chat-pane{background:#f9efe7;border:1px solid #d8d0c9;border-radius:8px;padding:14px 12px;min-height:420px;box-sizing:border-box;display:flex;flex-direction:column}.chat-scroll{overflow-y:auto;padding-right:6px}.msg{display:flex;align-items:flex-end;gap:8px;margin:8px 0}.msg.left{justify-content:flex-start}.bubble{max-width:78%;background:#dfe9f7;color:#222;padding:10px 12px;border-radius:14px 6px 14px 14px;line-height:1.5;word-break:break-word;white-space:pre-wrap;text-align:left}.time{font-size:12px;color:#666;white-space:nowrap;padding-bottom:2px}.morse-board{margin-top:28px}.sheet-wrap{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.sheet{margin-top:12px;display:flex;justify-content:center}.sheet-img{width:100%;height:auto;background:#fff}.sheet3{margin-top:30px;display:flex;justify-content:center}.sheet3 img{width:55%;height:auto;background:#fff;border:1px solid #cfcfcf;border-radius:4px}.video-pane{position:relative;min-height:450px;background:#fff;border:1px solid #cfcfcf;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-video{width:100%;height:100%;object-fit:contain;transform:scaleX(-1);background:#fff;display:block}.video-error{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:16px}.video-error .hint{font-size:12px;color:#666}.video-controls{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}.video-btn{padding:8px 12px;border-radius:8px;border:1px solid #cfe9d6;background:#e7f4eb;cursor:pointer;font-weight:600}.video-btn:hover{background:#dbefe2}.video-pane{position:relative}.video-wrap{position:relative;display:inline-block}.preview-video{width:640px;height:480px;background:#000}.video-overlay{position:absolute;top:8px;left:8px;max-width:calc(100% - 16px);display:flex;flex-direction:column;gap:4px;pointer-events:none}.overlay-line{background:#0000008c;color:#fff;padding:4px 8px;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.3;animation:fadehold 4.5s linear forwards}@keyframes fadehold{0%{opacity:0}8%{opacity:1}80%{opacity:1}to{opacity:0}}.ws-status{margin-top:4px;font-size:12px;color:#7aa2ff}.chat-scroll{max-height:480px;overflow:auto;padding-right:6px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}