:root{--font-sans: "Albert Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);--navy: #0f1518;--primary: #00c244;--primary-foreground: #ffffff;--green-soft: #edfff3;--green-text: #047731;--brand-100: #dfffe4;--brand-100-fg: #047731;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--page: #f4f5f7;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .08);--shadow-panel: 0 10px 30px -8px rgba(16, 24, 40, .1), 0 2px 8px rgba(16, 24, 40, .05)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--page);color:var(--foreground);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit}@keyframes waBounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-4px);opacity:1}}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:3px}::-webkit-scrollbar-track{background:transparent}.shell{height:100vh;overflow:hidden;padding:22px}.workbench{width:100%;height:100%;display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:22px;align-items:stretch}@media (max-width: 980px){.shell{height:auto;overflow:visible;padding:12px}.workbench{grid-template-columns:1fr;grid-template-rows:auto;height:auto;gap:14px}.wizard{height:auto!important;padding:20px 18px 18px}.wiz-body{overflow:visible}.json-editor{min-height:320px}}.panel{background:var(--card);border-radius:22px;box-shadow:var(--shadow-panel);min-height:0}.wizard{display:flex;flex-direction:column;height:100%;padding:26px 28px 22px}.wiz-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-logo{height:30px;width:auto;display:block;flex-shrink:0}.brand-divider{width:1px;height:26px;background:var(--border)}.brand-product{font-size:13px;font-weight:600;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--secondary);font-size:12px;font-weight:600;color:var(--secondary-foreground);white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:var(--primary);flex-shrink:0}.wiz-body{flex:1;min-height:0;overflow-y:auto;padding-right:4px;margin-right:-4px}.step-title{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0 0 3px}.step-desc{font-size:13px;color:var(--muted-foreground);margin:0 0 20px}.group-label{font-size:13px;font-weight:600;color:var(--green-text);margin:22px 0 12px}.group-label:first-child{margin-top:0}.wiz-nav{display:flex;gap:10px;padding-top:18px;margin-top:6px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field-label{font-size:12.5px;font-weight:600;color:var(--foreground)}.field-hint{font-size:11.5px;color:var(--muted-foreground)}.input{width:100%;height:40px;padding:0 13px;border:1px solid var(--input);border-radius:var(--radius-md);background:var(--card);font:inherit;font-size:13.5px;color:var(--foreground);box-shadow:var(--shadow-xs);transition:border-color .12s,box-shadow .12s}.input::placeholder{color:var(--muted-foreground)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}textarea.input{height:auto;padding:10px 13px;resize:vertical;line-height:1.55}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);margin-bottom:12px}.switch-text{display:flex;flex-direction:column;gap:2px}.switch-text b{font-size:13px;font-weight:600}.switch-text span{font-size:11.5px;color:var(--muted-foreground)}.switch{flex-shrink:0;width:38px;height:22px;border-radius:999px;border:none;background:var(--border);cursor:pointer;padding:2px;transition:background .15s}.switch.on{background:var(--primary)}.switch-thumb{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-xs);transform:translate(0);transition:transform .15s}.switch.on .switch-thumb{transform:translate(16px)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg{text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);padding:11px 12px;cursor:pointer;transition:border-color .12s,background .12s}.seg:hover{border-color:var(--ring)}.seg.on{border-color:var(--primary);background:var(--green-soft)}.seg-title{font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:6px}.seg-title svg{width:14px;height:14px;flex-shrink:0}.seg-note{font-size:11px;color:var(--muted-foreground);margin-top:2px}.tabbar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--radius-md);border:1px solid transparent;font-family:var(--font-sans);font-size:13.5px;font-weight:600;cursor:pointer;transition:filter .16s ease,background .12s,border-color .12s,opacity .12s,color .12s;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){filter:brightness(.95)}.btn-outline{background:var(--card);border-color:var(--border);color:var(--foreground);box-shadow:var(--shadow-xs)}.btn-outline:hover:not(:disabled){background:var(--muted)}.btn-ghost{background:transparent;color:var(--muted-foreground)}.btn-ghost:hover:not(:disabled){background:var(--muted);color:var(--foreground)}.btn-grow{flex:1}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:var(--radius-sm);font-size:11.5px;font-weight:600;border:1px solid transparent}.badge-green{background:var(--green-soft);color:var(--green-text)}.badge-outline{border-color:var(--border);color:var(--muted-foreground)}.erro{margin:10px 0 0;padding:10px 12px;border-radius:var(--radius-md);background:#fdecea;color:#b42318;font-size:12.5px}.warn{margin:10px 0 0;padding:10px 12px;border-radius:var(--radius-md);background:#fef3da;color:#92600a;font-size:12.5px}.flash-ok{margin-bottom:12px;padding:10px 12px;border-radius:var(--radius-lg);font-size:13px;font-weight:600;color:#086a34;background:#00c2441f;border:1px solid rgba(0,194,68,.3)}.flash-err{margin-bottom:12px;padding:10px 12px;border-radius:var(--radius-lg);font-size:13px;font-weight:600;color:#b42318;background:#fdecea;border:1px solid #f4c7c3}.tab-flow{display:flex;flex-direction:column;height:100%;min-height:0}.json-editor{flex:1;min-height:200px;resize:none;font-family:var(--font-mono);font-size:12px;line-height:1.55}.issues{max-height:120px;overflow-y:auto}.schema-ref{margin-top:12px;font-size:12px;color:var(--muted-foreground)}.schema-ref summary{cursor:pointer;font-weight:600;font-size:12px}.schema-ref pre{font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--secondary-foreground);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;margin:8px 0 0;overflow-x:auto}.story-box{display:flex;flex-direction:column;gap:10px;margin-top:4px}.story-canvas{width:216px;aspect-ratio:9 / 16;border-radius:14px;border:1px solid var(--border);background:#000;display:block;box-shadow:var(--shadow-sm)}.story-progress{width:216px;height:6px;border-radius:999px;background:var(--border);overflow:hidden}.story-progress-fill{height:100%;background:var(--primary);transition:width .2s linear}.png-preview{width:216px;height:auto;max-height:420px;object-fit:contain;object-position:top;border-radius:14px;border:1px solid var(--border);background:#fff;display:block;box-shadow:var(--shadow-sm)}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 11px center;padding-right:34px}.avatar-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.fv{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px;padding-bottom:8px}.fv-summary{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex-shrink:0}.fv-summary .badge svg,.fv-card-head .badge svg{width:11px;height:11px}.badge-amber{background:#fef3da;color:#92600a}.fv-hint{font-size:11.5px;color:var(--muted-foreground);margin:0;flex-shrink:0}.fv-card{border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden;flex-shrink:0;transition:border-color .2s,box-shadow .2s}.fv-card.focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent)}.fv-card-head{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--muted);border-bottom:1px solid var(--border)}.fv-id{font-family:var(--font-mono);font-size:12px;font-weight:700}.fv-label{font-size:11.5px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fv-spacer{margin-left:auto}.fv-card-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.fv-chip{display:flex;justify-content:center}.fv-chip span{background:var(--secondary);color:var(--muted-foreground);font-size:11px;font-weight:600;padding:3px 10px;border-radius:8px}.fv-row{display:flex}.fv-row.user{justify-content:flex-end}.fv-bubble{max-width:88%;border-radius:10px;padding:8px 11px;font-size:12.5px;line-height:1.5}.fv-bubble.user{background:var(--brand-100);border-top-right-radius:2px}.fv-bubble.bot{background:var(--muted);border:1px solid var(--border);border-top-left-radius:2px}.fv-media{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted-foreground);background:#fff;border:1px solid var(--border);border-radius:6px;padding:2px 8px;margin:0 6px 6px 0}.fv-media svg{width:12px;height:12px}.fv-btns{margin-top:8px;border-top:1px solid var(--border)}.fv-btnline{display:flex;align-items:center;gap:7px;padding:7px 2px 0;font-size:12px}.fv-btnline svg{width:13px;height:13px;color:var(--muted-foreground);flex-shrink:0}.fv-btnlabel{font-weight:500;min-width:0}.fv-goto{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--green-text);background:var(--green-soft);border:1px solid var(--brand-100);border-radius:999px;padding:2px 8px;cursor:pointer;white-space:nowrap}.fv-goto:hover{border-color:var(--primary)}.fv-goto.broken{color:#92600a;background:#fef3da;border-color:#f2dfae;cursor:default}.fv-goto svg{width:11px;height:11px}.fv-next{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11.5px;color:var(--muted-foreground)}.fv-next svg{width:13px;height:13px;flex-shrink:0}.fv-empty{font-size:12px;color:var(--muted-foreground);font-style:italic}.share-link{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;font-family:var(--font-mono);font-size:11px;color:var(--secondary-foreground);word-break:break-all;max-height:120px;overflow-y:auto}.share-meta{font-size:11.5px;color:var(--muted-foreground)}.share-note{font-size:11.5px;color:var(--muted-foreground);line-height:1.6;border-top:1px solid var(--border);padding-top:14px;margin-top:18px}.preview-wrap{display:flex;flex-direction:column;align-items:center;height:100%;min-height:0;padding:8px 16px 16px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 6px 14px;flex-shrink:0;width:100%;max-width:640px}.preview-toolbar .tb-title{font-size:13px;font-weight:600;color:var(--muted-foreground);display:flex;align-items:center;gap:8px}.preview-toolbar .tb-title svg{width:15px;height:15px}.tb-actions{display:flex;gap:8px;flex-wrap:wrap}.phone-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%;overflow-y:auto;padding:4px 0}.stage-caption{padding-top:12px;font-size:11.5px;color:var(--muted-foreground);text-align:center;flex-shrink:0}.phone-fit{transform-origin:center center}@media (max-height: 900px) and (min-width: 981px){.phone-fit{transform:scale(.88)}}@media (max-height: 800px) and (min-width: 981px){.phone-fit{transform:scale(.78)}}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--page)}.login-card{width:100%;max-width:440px;background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-panel);padding:32px 32px 22px}.login-logos{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.login-logo{height:30px;width:auto}.login-head{margin-bottom:18px}.login-head h1{font-size:17px;font-weight:700;margin:0 0 14px;color:var(--foreground)}.login-head h2{font-size:15px;font-weight:600;margin:0 0 3px}.login-head p{font-size:13px;color:var(--muted-foreground);margin:0}.login-error{margin-bottom:14px;padding:10px 12px;border-radius:var(--radius-md);background:#fdecea;color:#b42318;font-size:12.5px}.login-form{display:flex;flex-direction:column;gap:14px}.login-pass{position:relative}.login-pass .input{padding-right:40px}.login-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;padding:6px;color:var(--muted-foreground);display:grid;place-items:center}.login-eye:hover{color:var(--foreground)}.login-eye svg{width:18px;height:18px}.login-foot{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}.login-secure{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted-foreground)}.login-secure svg{width:13px;height:13px}.btn-lg{height:48px;font-size:14.5px;border-radius:999px}.spin{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-icon{width:34px;height:34px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);cursor:pointer;display:grid;place-items:center;flex-shrink:0}.btn-icon:hover{border-color:var(--primary);color:var(--green-text);background:var(--green-soft)}.btn-icon svg{width:17px;height:17px}.viewer-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:var(--page)}.phone-scale{transform-origin:center center}@media (max-height: 960px){.viewer-shell .phone-scale{transform:scale(.86);margin:-55px 0}}@media (max-height: 830px){.viewer-shell .phone-scale{transform:scale(.74);margin:-101px 0}}.viewer-logo{height:34px;width:auto}.viewer-foot{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;color:var(--muted-foreground)}.viewer-foot img{height:26px;width:auto}.viewer-back{position:fixed;top:16px;left:16px}.viewer-error{width:100%;max-width:440px;background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-panel);padding:32px;text-align:center}.viewer-error h2{font-size:16px;font-weight:700;margin:12px 0 6px}.viewer-error p{font-size:13px;color:var(--muted-foreground);margin:0;line-height:1.6}.viewer-error svg{width:28px;height:28px;color:#92600a}