body.guide-mode{--guide-w: 392px;--guide-ink: #18212f;--guide-muted: #5a6577;--guide-subtle: #8a94a6;--guide-line: #e4e8ef;--guide-soft: #f3f5f9;--guide-brand: var(--oc-color-fg-brand, #2457f5);--guide-brand-soft: #e9efff;--guide-done: #128a5c}body.guide-mode #app,body.guide-mode #app.panel-left-collapsed,body.guide-mode #app.panel-right-collapsed{position:relative;width:calc(100vw - var(--guide-w))!important;min-width:0}@media(min-width:761px){body.guide-mode #toasts{left:calc((100vw - var(--guide-w)) / 2);max-width:calc(100vw - var(--guide-w) - 32px)}body.guide-mode :is(#insertMenu,#globalSearch){left:calc((100vw - var(--guide-w)) / 2);width:min(720px,calc(100vw - var(--guide-w) - 40px))}body.guide-mode :is(#globalSearchBackdrop,.modal){right:var(--guide-w)}}@media(min-width:761px)and (max-width:900px){body.guide-mode #app #right,body.guide-mode #mobilePanelBackdrop{right:var(--guide-w)}body.guide-mode #quickDock{right:calc(var(--guide-w) + 12px)}}body.guide-mode #topbar :is(#saveStatus,#presence),body.guide-mode #minimapBox{display:none}.guide-rail{position:fixed;top:0;right:0;bottom:0;width:var(--guide-w);z-index:70;display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--guide-line);color:var(--guide-ink);font-family:var(--oc-font-family, "Pretendard Variable", Pretendard, system-ui, sans-serif);-webkit-font-smoothing:antialiased}.guide-head{flex:none;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 24px;border-bottom:1px solid var(--guide-line)}.guide-brand{display:inline-flex;align-items:center;gap:8px;color:var(--guide-ink);font-size:16px;font-weight:700;letter-spacing:-.01em;text-decoration:none}.guide-brand-mark{width:20px;height:20px;border-radius:6px;background:var(--guide-brand);box-shadow:inset -6px -6px #ffffff47}.guide-home{color:var(--guide-muted);font-size:14px;font-weight:600;text-decoration:none;padding:8px 10px;border-radius:8px}.guide-home:hover{color:var(--guide-ink);background:var(--guide-soft)}.guide-body{flex:1;min-height:0;overflow:auto;padding:28px 24px 40px;overscroll-behavior:contain}.guide-rail h1{margin:0;font-size:26px;line-height:1.3;font-weight:750;letter-spacing:-.025em}.guide-intro p{margin:10px 0 0;color:var(--guide-muted);font-size:15px;line-height:1.65}.guide-intro .guide-progress{margin-top:18px;color:var(--guide-subtle);font-size:13px}.guide-primary,.guide-secondary{width:100%;min-height:46px;border-radius:12px;font:inherit;font-size:15px;font-weight:650;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px 16px;text-align:center}.guide-primary{margin-top:10px;border:0;background:var(--guide-brand);color:#fff}.guide-primary:hover{filter:brightness(1.06)}.guide-secondary{border:1px solid var(--guide-line);background:#fff;color:var(--guide-ink)}.guide-secondary:hover{background:var(--guide-soft)}.guide-rail :focus-visible{outline:2px solid var(--guide-brand);outline-offset:2px}.guide-search{width:100%;height:42px;margin:26px 0 6px;padding:0 14px 0 38px;border:1px solid transparent;border-radius:11px;background:var(--guide-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%238a94a6' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/svg%3E") 13px 50% / 16px no-repeat;color:var(--guide-ink);font:inherit;font-size:15px;box-shadow:none}.guide-search:focus{border-color:var(--guide-brand);background-color:#fff;box-shadow:none}.guide-group h2{margin:22px 0 6px;color:var(--guide-subtle);font-size:13px;font-weight:650;letter-spacing:0}.guide-group ul{list-style:none;margin:0;padding:0}.guide-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 10px 11px 12px;margin:0 -12px;width:calc(100% + 24px);border:0;border-radius:12px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.guide-row:hover{background:var(--guide-soft)}.guide-row-copy{min-width:0;display:grid;gap:2px}.guide-row-copy strong{font-size:15px;font-weight:650}.guide-row-copy span{overflow:hidden;color:var(--guide-muted);font-size:13px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.guide-row-go{width:8px;height:8px;margin-right:6px;border-top:2px solid #b6bfcd;border-right:2px solid #b6bfcd;transform:rotate(45deg)}.guide-row-done{display:inline-flex;align-items:center;gap:5px;color:var(--guide-done);font-size:12.5px;font-weight:650;white-space:nowrap}.guide-row-done:before{content:"";width:9px;height:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(-45deg)}.guide-empty{color:var(--guide-muted);font-size:14px}.guide-back{display:inline-flex;align-items:center;gap:6px;margin:-6px 0 18px -8px;padding:6px 8px;border:0;border-radius:8px;background:none;color:var(--guide-muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.guide-back:before{content:"";width:7px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.guide-back:hover{color:var(--guide-ink);background:var(--guide-soft)}.guide-meta{margin:0 0 8px;color:var(--guide-subtle);font-size:13px;font-weight:600}.guide-summary{margin:10px 0 0;color:var(--guide-muted);font-size:15px;line-height:1.65}.guide-steps{list-style:none;margin:26px 0 0;padding:0;counter-reset:none}.guide-steps li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:0 0 22px;color:var(--guide-muted)}.guide-steps li:not(:last-child):after{content:"";position:absolute;left:13.5px;top:32px;bottom:6px;width:1px;background:var(--guide-line)}.guide-step-mark{width:28px;height:28px;display:grid;place-items:center;border:1.5px solid #d3d9e3;border-radius:50%;background:#fff;color:var(--guide-subtle);font-size:13px;font-weight:750;font-variant-numeric:tabular-nums;transition:background-color .2s,border-color .2s,color .2s}.guide-step-copy{padding-top:3px;font-size:15px;line-height:1.55}.guide-steps li.is-current{color:var(--guide-ink)}.guide-steps li.is-current .guide-step-copy>span:first-child{font-weight:650}.guide-steps li.is-current .guide-step-mark{border-color:var(--guide-brand);background:var(--guide-brand);color:#fff;box-shadow:0 0 0 5px var(--guide-brand-soft)}.guide-steps li.is-done{color:var(--guide-ink)}.guide-steps li.is-done .guide-step-mark{border-color:var(--guide-done);background:var(--guide-done)}.guide-steps li.is-done .guide-step-mark:before{content:"";width:10px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}.guide-steps.is-complete li.is-done .guide-step-mark{animation:guide-pop .45s cubic-bezier(.2,1.4,.4,1) both}.guide-steps.is-complete li:nth-child(2) .guide-step-mark{animation-delay:.06s}.guide-steps.is-complete li:nth-child(3) .guide-step-mark{animation-delay:.12s}.guide-keys{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px}.guide-keys kbd,.guide-cursor-chips kbd{min-width:26px;height:25px;display:inline-grid;place-items:center;padding:0 7px;border:1px solid #d3d9e3;border-bottom-width:2px;border-radius:7px;background:#fff;color:var(--guide-ink);font:650 12.5px/1 var(--oc-font-family, system-ui, sans-serif)}.guide-key-word{height:25px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:var(--guide-soft);color:var(--guide-muted);font-size:12.5px;font-weight:600}.guide-key-plus{color:var(--guide-subtle);font-size:12px}.guide-status{min-height:46px;margin:4px 0 14px;padding:12px 14px;border-radius:12px;background:var(--guide-soft);color:var(--guide-muted);font-size:14px;line-height:1.55}.guide-actions{display:grid;gap:8px}.guide-actions .guide-primary{margin-top:0}.guide-cursor{position:fixed;left:0;top:0;z-index:2147483000;pointer-events:none;will-change:transform}.guide-cursor svg{display:block;margin:-3px 0 0 -3px;overflow:visible;filter:drop-shadow(0 2px 3px rgba(16,24,40,.28))}.guide-cursor path{fill:var(--guide-brand);stroke:#fff;stroke-width:1.7;stroke-linejoin:round}.guide-cursor-name{position:absolute;left:20px;top:20px;padding:3px 9px;border-radius:999px;background:var(--guide-brand);color:#fff;font:700 12px/1.4 var(--oc-font-family, system-ui, sans-serif);white-space:nowrap;box-shadow:0 2px 6px #2457f54d}.guide-cursor-keys{position:absolute;left:20px;top:48px;opacity:0}.guide-cursor-keys.is-shown{animation:guide-keys 1.6s ease both}.guide-cursor-chips{display:flex;align-items:center;gap:4px;padding:5px;border-radius:11px;background:#fffffff5;box-shadow:0 6px 18px #10182829;white-space:nowrap}.guide-cursor-chips kbd{height:28px;min-width:30px;font-size:13.5px}.guide-cursor-chips .guide-key-word{height:28px;background:var(--guide-brand-soft);color:var(--guide-brand)}.guide-ripple{position:fixed;z-index:2147482900;width:34px;height:34px;margin:-17px 0 0 -17px;border:2px solid var(--guide-brand);border-radius:50%;pointer-events:none;animation:guide-ripple .6s ease-out both}.guide-ripple.is-right{border-style:dashed}.guide-shield{position:fixed;inset:0 var(--guide-w) 0 0;z-index:2147482000;cursor:pointer}.guide-hint-ring{position:fixed;z-index:2147481000;border:2px solid var(--guide-brand);border-radius:12px;pointer-events:none;animation:guide-pulse 1.4s ease-in-out infinite}@keyframes guide-ripple{0%{transform:scale(.35);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes guide-keys{0%{opacity:0;transform:translateY(4px) scale(.96)}12%,78%{opacity:1;transform:none}to{opacity:0;transform:translateY(-2px)}}@keyframes guide-pulse{0%,to{box-shadow:0 0 0 3px #2457f524}50%{box-shadow:0 0 0 8px #2457f50f}}@keyframes guide-pop{0%{transform:scale(.7)}to{transform:none}}@media(prefers-reduced-motion:reduce){.guide-cursor-keys.is-shown{animation:none;opacity:1}.guide-ripple,.guide-hint-ring,.guide-steps.is-complete li.is-done .guide-step-mark{animation:none}}@media(max-width:760px){body.guide-mode{--guide-h: min(46dvh, 420px)}body.guide-mode #app,body.guide-mode #app.panel-left-collapsed,body.guide-mode #app.panel-right-collapsed{width:100vw!important;height:calc(100dvh - var(--guide-h))!important}.guide-rail{top:auto;left:0;width:auto;height:var(--guide-h);border-left:0;border-top:1px solid var(--guide-line);border-radius:18px 18px 0 0;box-shadow:0 -8px 24px #10182814}.guide-head{height:48px;padding:0 12px 0 16px}.guide-body{padding:18px 16px 28px}.guide-rail h1{font-size:22px}.guide-shield{inset:0 0 var(--guide-h) 0}body.guide-mode #quickDock{bottom:calc(var(--guide-h) + 44px)}body.guide-mode #insertMenu{bottom:calc(var(--guide-h) + 108px);max-height:calc(100dvh - var(--guide-h) - 170px)}body.guide-mode #toasts{bottom:calc(var(--guide-h) + 112px)}body.guide-mode #app #left,body.guide-mode #app #right,body.guide-mode #mobilePanelBackdrop{bottom:calc(var(--guide-h) + 36px)}.guide-steps{margin-top:18px}}.help-guide-link{display:grid;gap:3px;margin:4px 0 18px;padding:14px 16px;border-radius:12px;background:#eef3ff;color:#18212f;text-decoration:none}.help-guide-link strong{color:var(--oc-color-fg-brand, #2457f5);font-size:15px}.help-guide-link span{color:#5a6577;font-size:13px}.help-guide-link:hover{background:#e3ebff}.guide-offer{position:fixed;top:64px;right:16px;z-index:120;width:min(320px,calc(100vw - 32px));padding:16px 16px 14px;border:1px solid #e4e8ef;border-radius:14px;background:#fff;color:#18212f;box-shadow:0 12px 32px #10182824;font-family:var(--oc-font-family, system-ui, sans-serif);animation:guide-offer-in .28s ease-out both}.guide-offer strong{font-size:15px;font-weight:700}.guide-offer p{margin:6px 0 12px;color:#5a6577;font-size:14px;line-height:1.55}.guide-offer div{display:flex;gap:8px}.guide-offer-go{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:10px;background:var(--oc-color-fg-brand, #2457f5);color:#fff;font-size:14px;font-weight:650;text-decoration:none}.guide-offer-close{height:36px;padding:0 12px;border:0;border-radius:10px;background:#f3f5f9;color:#5a6577;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.guide-offer-close:hover{color:#18212f}@keyframes guide-offer-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.guide-offer{animation:none}}.guide-skip{justify-self:center;margin-top:2px;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--guide-muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.guide-skip:hover{color:var(--guide-ink);background:var(--guide-soft)}.guide-skip[hidden]{display:none}.guide-note{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:#fff6e0;color:#6b4e00;font-size:13.5px;line-height:1.55}.guide-row-copy .guide-row-note{color:#8a6100;font-size:12px;font-weight:600}