@keyframes toastSlideIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideOut{from{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes toolResultIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wizardFadeIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}:root{--ou-accent: #8b5cf6;--ou-accent-hover: #7c3aed;--ou-accent-glow: rgba(var(--tool-accent-rgb, 37, 99, 235), 0.15)}.offlineUxPage{min-height:100vh;background:var(--color-bg-secondary, #f8fafc);color:var(--color-text-primary, #0f172a);padding:32px 5% 48px;transition:background .3s ease,color .3s ease}.offlineUx{max-width:900px;margin:0 auto;padding:0 16px}.offlineUx__sectionTitle{font-size:2rem;font-weight:600;color:var(--color-text-primary, #0f172a);margin:0 0 16px}.offlineUx__scenarioSection{background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:16px;padding:24px;margin-bottom:24px}.offlineUx__scenarios{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}@media screen and (max-width: 768px){.offlineUx__scenarios{grid-template-columns:1fr}}.offlineUx__scenarioBtn{background:var(--color-bg-card, #fff);border:2px solid var(--color-border, #e2e8f0);border-radius:12px;padding:16px;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(0.22, 1, 0.36, 1);display:flex;flex-direction:column;gap:6px}.offlineUx__scenarioBtn:hover{border-color:var(--ou-accent);box-shadow:0 0 0 3px var(--ou-accent-glow)}.offlineUx__scenarioBtn_state_active{border-color:var(--ou-accent);background:rgba(var(--tool-accent-rgb, 37, 99, 235), 0.05)}.offlineUx__scenarioIcon{font-size:2.4rem}.offlineUx__scenarioName{font-size:1.6rem;font-weight:600;color:var(--color-text-primary, #0f172a);display:block}.offlineUx__scenarioDesc{font-size:1.4rem;color:var(--color-text-secondary, #475569);display:block}.offlineUx__checkSection{background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:16px;padding:24px;margin-bottom:24px}.offlineUx__checklist{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.offlineUx__checkItem{display:flex;align-items:flex-start;gap:8px;padding:8px 16px;border-radius:8px;border:1px solid var(--color-border, #e2e8f0);background:var(--color-bg-card, #fff);cursor:pointer;transition:all .15s cubic-bezier(0.22, 1, 0.36, 1)}.offlineUx__checkItem:hover{border-color:var(--ou-accent)}.offlineUx__checkItem_state_checked{background:rgba(var(--tool-accent-rgb, 37, 99, 235), 0.05);border-color:var(--ou-accent)}.offlineUx__checkItem_state_checked .offlineUx__checkBox{background:var(--ou-accent);border-color:var(--ou-accent)}.offlineUx__checkItem_state_checked .offlineUx__checkBox::after{content:"✓";color:#fff;font-size:1.2rem}.offlineUx__checkBox{width:20px;height:20px;border-radius:4px;border:2px solid var(--color-border, #e2e8f0);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px;transition:all .15s cubic-bezier(0.22, 1, 0.36, 1)}.offlineUx__checkLabel{flex:1;min-width:0}.offlineUx__checkTitle{font-size:1.5rem;font-weight:500;color:var(--color-text-primary, #0f172a);display:block;margin-bottom:2px}.offlineUx__checkDesc{font-size:1.4rem;color:var(--color-text-secondary, #475569);display:block;line-height:1.4}.offlineUx__checkProgress{display:flex;align-items:center;gap:8px}.offlineUx__checkProgressBar{flex:1;height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden}.offlineUx__checkProgressFill{height:100%;background:var(--ou-accent);border-radius:999px;transition:width .4s ease}.offlineUx__checkProgressText{font-size:1.4rem;color:var(--color-text-secondary, #475569);white-space:nowrap}.offlineUx__outputSection{background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:16px;padding:24px;margin-bottom:24px;padding:0;overflow:hidden}.offlineUx__outputTabs{display:flex;border-bottom:1px solid var(--color-border, #e2e8f0)}.offlineUx__outputTab{padding:8px 24px;background:none;border:none;border-bottom:2px solid rgba(0,0,0,0);cursor:pointer;font-size:1.5rem;font-weight:500;color:var(--color-text-secondary, #475569);transition:all .15s cubic-bezier(0.22, 1, 0.36, 1);margin-bottom:-1px}.offlineUx__outputTab:hover{color:var(--ou-accent)}.offlineUx__outputTab_state_active{color:var(--ou-accent);border-bottom-color:var(--ou-accent)}.offlineUx__outputBody{position:relative}.offlineUx__outputPanel{display:none}.offlineUx__outputPanel_state_active{display:block}.offlineUx__outputActions{display:flex;justify-content:flex-end;padding:8px 16px;border-bottom:1px solid var(--color-border, #e2e8f0)}.offlineUx__copyBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;min-height:48px;background:rgba(0,0,0,0);color:var(--color-text-primary, #0f172a);border:1px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:1.6rem;font-weight:600;cursor:pointer;transition:border-color .15s cubic-bezier(0.22, 1, 0.36, 1),color .15s cubic-bezier(0.22, 1, 0.36, 1),background .15s cubic-bezier(0.22, 1, 0.36, 1);text-decoration:none;padding:6px 16px;font-size:1.4rem}.offlineUx__copyBtn:hover{border-color:#2563eb;color:#2563eb;background:rgba(37,99,235,.08)}.offlineUx__copyBtn:active{background:rgba(37,99,235,.12)}.offlineUx__copyBtn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.offlineUx__copyBtn:disabled{opacity:.5;cursor:not-allowed}.offlineUx__code{margin:0;padding:16px;font-family:"Roboto Mono",monospace;font-size:1.3rem;line-height:1.8;color:var(--color-text-primary, #0f172a);overflow-x:auto;white-space:pre;max-height:360px;overflow-y:auto;background:var(--color-bg-secondary, #f8fafc)}.offlineUx__generateBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;min-height:48px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:1.6rem;font-weight:600;cursor:pointer;transition:background .15s cubic-bezier(0.22, 1, 0.36, 1),box-shadow .15s cubic-bezier(0.22, 1, 0.36, 1);text-decoration:none;width:100%;background:var(--ou-accent);margin:16px;width:calc(100% - 32px)}.offlineUx__generateBtn:hover{background:#1d4ed8;box-shadow:0 4px 14px rgba(37,99,235,.15)}.offlineUx__generateBtn:active{background:#1555e2}.offlineUx__generateBtn:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}.offlineUx__generateBtn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.offlineUx__generateBtn:hover{background:var(--ou-accent-hover)}