.app-container[data-v-9b4c8f75]{display:flex;flex-direction:column;align-items:center;min-width:1280px;padding-top:40px;background-color:var(--color-main-bg);font-family:sans-serif}.search-section[data-v-9b4c8f75]{width:1280px;position:relative;display:flex;align-items:center;gap:12px}.search-input[data-v-9b4c8f75]{flex:1;padding:12px 16px;font-size:18px;border:1px solid var(--color-border);border-radius:6px;box-sizing:border-box;background-color:#fff;color:var(--color-font-main)}.search-input[data-v-9b4c8f75]:focus{border-color:var(--color-accent);outline:none}.language-selector[data-v-9b4c8f75]{position:relative;width:60px;height:44px;background-color:var(--color-accent);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color .2s,transform .2s;z-index:50}.language-selector[data-v-9b4c8f75]:hover{background-color:var(--color-accent-hover);transform:scale(1.03)}.flag-icon[data-v-9b4c8f75]{width:32px;height:auto;border-radius:3px}.language-dropdown[data-v-9b4c8f75]{position:absolute;top:50px;left:0;width:160px;background:#fff;border:1px solid #d0d7de;border-radius:6px;box-shadow:0 2px 6px #00000026;list-style:none;padding:4px 0;margin:0;z-index:100}.language-dropdown li[data-v-9b4c8f75]{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background .2s}.language-dropdown li[data-v-9b4c8f75]:hover{background-color:#f5f5f5}.language-dropdown img.flag-icon[data-v-9b4c8f75]{width:28px;height:auto}.tutorial-count[data-v-9b4c8f75]{width:50px;height:44px;background-color:var(--color-accent);border-radius:6px;font-size:18px;color:var(--color-font-main);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tutorial-count[data-v-9b4c8f75]:hover{background-color:var(--color-accent-hover)}.suggestions[data-v-9b4c8f75]{position:absolute;top:100%;left:0;width:calc(100% - 134px);background:#fffffffa;border:1px solid var(--accent);border-radius:8px;box-shadow:0 2px 6px #00000014;margin-top:4px;list-style:none;padding:0;z-index:10;max-height:420px;overflow-y:auto;box-shadow:0 2px 8px #0000001a;scrollbar-width:medium;scrollbar-color:var(--color-accent) var(--color-text-bg)}.suggestions[data-v-9b4c8f75]::-webkit-scrollbar{width:12px}.suggestions[data-v-9b4c8f75]::-webkit-scrollbar-track{background:var(--text-bg);border-radius:6px}.suggestions[data-v-9b4c8f75]::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:6px;border:3px solid var(--text-bg)}.suggestions[data-v-9b4c8f75]::-webkit-scrollbar-thumb:hover{background-color:#8b63ff}.suggestions li[data-v-9b4c8f75]{padding:10px 16px;cursor:pointer;transition:background .1s}.suggestions li[data-v-9b4c8f75]:hover{background-color:#f5f5f5}.viewer-section[data-v-9b4c8f75]{width:1280px;margin-top:24px}.viewer-frame[data-v-9b4c8f75]{position:relative;width:1280px;height:720px;border:2px solid var(--color-accent);border-radius:6px;overflow:hidden;background-color:var(--color-main-bg)}.viewer-frame[data-v-9b4c8f75],.viewer-frame[data-v-9b4c8f75] *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-wrapper[data-v-9b4c8f75]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.screenshot[data-v-9b4c8f75]{width:1280px;height:720px;object-fit:contain}.placeholder[data-v-9b4c8f75]{color:var(--color-font-main);font-size:18px;text-align:center}.placeholder p[data-v-9b4c8f75]{margin-top:0;margin-bottom:4px}.description-box[data-v-9b4c8f75]{color:var(--color-font-main);width:1280px;margin:1.5rem auto 0;padding:1rem;background-color:var(--color-text-bg);border-radius:.5rem;overflow-y:auto;box-sizing:border-box}.desc-item[data-v-9b4c8f75]{margin-bottom:.75rem}.desc-paragraph[data-v-9b4c8f75]{font-size:16px;line-height:1.6;color:#222;margin-bottom:.75rem;text-align:left}.desc-step[data-v-9b4c8f75]{font-size:16px;line-height:1.6;color:#111;margin-left:1.5rem;margin-bottom:.5rem;text-align:left;padding-left:0;border-left:none}.desc-paragraph[data-v-9b4c8f75],.desc-step[data-v-9b4c8f75]{color:#2b0055}.step-number[data-v-9b4c8f75]{min-width:2.2rem;text-align:right;font-weight:700;color:#2b5bd7;margin-right:.5rem;flex-shrink:0}.step-content[data-v-9b4c8f75]{flex:1;font-size:16px;line-height:1.5;color:#1a1a1a}.nav-zone[data-v-9b4c8f75]{position:absolute;top:0;width:15%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,opacity .2s;background-color:var(--color-accent);opacity:.025}.nav-zone[data-v-9b4c8f75]:hover{opacity:.3}.nav-zone.left[data-v-9b4c8f75]{left:0}.nav-zone.right[data-v-9b4c8f75]{right:0}.nav-zone img.arrow[data-v-9b4c8f75]{width:40px;height:40px;opacity:.8;transition:opacity .2s,filter .2s,transform .2s;filter:brightness(0) saturate(100%) invert(32%) sepia(11%) saturate(6645%) hue-rotate(252deg) brightness(84%) contrast(88%)}.nav-zone:hover img.arrow[data-v-9b4c8f75]{opacity:1;transform:scale(1.1)}:root{--color-main-bg: #faf8ff;--color-text-bg: rgba(255, 255, 255, .7);--color-font-main: #2b0055;--color-accent: #bfa2ff;--color-accent-hover: #d3baff;--color-border: #dcd0ff}html,body{margin:0;padding:0;height:100%;background-color:#faf8ff}