:root{color:#111827;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}html,body,#root{height:100%;overflow:hidden}*{box-sizing:border-box}body{margin:0}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{height:100vh;min-height:0;display:grid;grid-template-columns:64px 1fr;overflow:hidden}.rail{background:#111827;color:#f9fafb;display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 10px}.rail button,.brand-mark{width:42px;height:42px;border:0;border-radius:8px;display:grid;place-items:center}.rail button{background:transparent;color:#cbd5e1}.rail button:hover{background:#1f2937;color:#fff}.rail button.active{background:#2563eb;color:#fff}.brand-mark{background:#2f6df6;font-weight:800}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.topbar{flex:0 0 auto;height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;border-bottom:1px solid #e5e7eb;background:#ffffffe6}.title-stack{min-width:0}.eyebrow{margin:0 0 3px;color:#64748b;font-size:13px;font-weight:800;text-transform:uppercase}.deck-title-input{width:min(560px,48vw);border:1px solid transparent;border-radius:8px;background:transparent;color:#111827;font-size:23px;font-weight:800;padding:4px 8px}.deck-title-input:focus{border-color:#bfdbfe;background:#f8fafc;outline:2px solid #dbeafe}.topbar-title{margin:0;color:#111827;font-size:25px;line-height:1.1}.topbar-actions{display:flex;align-items:center;gap:12px}.language-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #dbe3ef;border-radius:999px;background:#fff}.language-toggle button{min-width:40px;height:26px;border:0;border-radius:999px;background:transparent;color:#64748b;font-size:12px;font-weight:900}.language-toggle button.active{background:#2f6df6;color:#fff}.auth-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.save-state{min-width:74px;border-radius:999px;background:#eef2ff;color:#475569;padding:6px 10px;text-align:center;font-size:13px;font-weight:800;text-transform:capitalize}.save-state.saving{background:#fef3c7;color:#92400e}.save-state.saved{background:#dcfce7;color:#166534}.save-state.error{background:#fee2e2;color:#991b1b}.primary-action{border:0;border-radius:8px;background:#2f6df6;color:#fff;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.secondary-action{border:1px solid #d8e1ee;border-radius:8px;background:#fff;color:#334155;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.secondary-action:hover{border-color:#93c5fd;color:#1d4ed8;background:#eff6ff}.secondary-action:disabled,.primary-action:disabled{cursor:not-allowed;opacity:.48}.auth-segment{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:5px;border:1px solid #d8e1ee;border-radius:12px;background:#f8fafc}.auth-segment.three{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-segment button{border:0;border-radius:9px;background:transparent;color:#64748b;padding:10px 12px;font-weight:900}.auth-segment button.active{background:#fff;color:#1d4ed8;box-shadow:0 6px 18px #0f172a14}.code-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:end;gap:12px}.auth-panel label.code-field{gap:7px}.code-field input,.sms-code-action{height:47px}.sms-code-action{border-color:#2f6df6;background:#2f6df6;color:#fff;padding:0 14px;align-self:end;margin:0;white-space:nowrap;box-shadow:0 10px 22px #2f6df638}.sms-code-action:hover{border-color:#1d4ed8;background:#1d4ed8;color:#fff}.sms-code-action:disabled{background:#d8e1ee;border-color:#d8e1ee;color:#64748b;box-shadow:none}.human-check{display:grid;gap:8px}.human-check>span{color:#334155;font-size:13px;font-weight:900}.turnstile-box{min-height:65px;display:flex;align-items:center}.dev-human-check{border:1px solid #bbf7d0;border-radius:10px;background:#f0fdf4;color:#166534;padding:12px;display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important;font-size:13px!important}.dev-human-check input{width:16px;height:16px;accent-color:#16a34a}.ghost-action{border:0;border-radius:8px;background:transparent;color:#334155;padding:10px 12px;font-weight:850}.ghost-action:hover{background:#eef2ff;color:#1d4ed8}.user-pill{border-radius:999px;background:#f1f5f9;color:#334155;padding:8px 12px;font-size:13px;font-weight:900}.user-switcher{height:38px;max-width:220px;border:1px solid #d8e1ee;border-radius:8px;background:#fff;color:#334155;padding:0 10px;font-weight:800}.user-switcher.large{width:min(320px,100%);max-width:none}.icon-action{width:38px;height:38px;border:1px solid #dbe3ef;border-radius:8px;background:#fff;color:#334155;display:inline-grid;place-items:center}.icon-action:not(:disabled):hover{border-color:#93c5fd;color:#1d4ed8;background:#eff6ff}.editor-layout{min-height:0;flex:1;display:grid;grid-template-columns:220px minmax(0,1fr) 8px var(--ai-dock-width, 440px);overflow:hidden}.ai-resizer{position:relative;z-index:3;cursor:col-resize;background:#f8fafc;border-left:1px solid #dbe3ef;border-right:1px solid #dbe3ef}.ai-resizer:before{content:"";position:absolute;top:0;right:2px;bottom:0;left:2px;border-radius:999px;background:transparent}.ai-resizer:hover:before,.ai-resizer.active:before{background:#bfdbfe}.thumbs{border-right:1px solid #dbe3ef;background:#fff;padding:14px;overflow:auto}.thumb-action,.thumb{width:100%;border:1px solid #dbe3ef;border-radius:8px;background:#fff;color:#111827}.thumb-action{height:40px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800;margin-bottom:12px}.thumb{min-height:74px;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;text-align:left;padding:10px;margin-bottom:10px;cursor:grab;position:relative;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,border-color .18s ease,opacity .16s ease,background-color .18s ease;will-change:transform}.thumb:active{cursor:grabbing}.thumb.dragging{opacity:.42;transform:scale(.985);border-style:dashed;box-shadow:none}.thumb.drop-before{transform:translateY(6px)}.thumb.drop-after{transform:translateY(-6px)}.thumb.drop-before:before,.thumb.drop-after:after{content:"";position:absolute;left:8px;right:8px;height:4px;border-radius:999px;background:linear-gradient(90deg,#2f6df6,#60a5fa);box-shadow:0 0 0 4px #2f6df61f;pointer-events:none}.thumb.drop-before:before{top:-8px}.thumb.drop-after:after{bottom:-8px}.thumb span{width:26px;height:26px;border-radius:6px;background:#eef2ff;display:grid;place-items:center;color:#475569;font-size:12px;font-weight:900}.thumb-title-cell{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:6px}.thumb-title-cell strong{min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;font-size:13px;font-weight:900;line-height:1.25}.thumb-title-cell input{width:100%;min-width:0;grid-column:1 / -1;border:1px solid #93c5fd;border-radius:6px;background:#eff6ff;color:#111827;font-size:13px;font-weight:900;line-height:1.25;padding:6px 8px}.thumb-title-cell input:focus{outline:2px solid #bfdbfe}.thumb-rename{width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:#94a3b8;display:grid;place-items:center;opacity:0}.thumb:hover .thumb-rename,.thumb.active .thumb-rename,.thumb-rename:focus-visible{opacity:1}.thumb-rename:hover{background:#eef2ff;color:#2563eb}.thumb.active{border-color:#2f6df6;box-shadow:0 0 0 2px #dbeafe}.canvas-zone{min-width:0;overflow:hidden;display:grid;grid-template-rows:1fr auto;place-items:center;gap:14px;padding:28px;position:relative}.slide-frame{max-width:100%;background:#fff;box-shadow:0 24px 80px #0f172a29;overflow:hidden}.slide-scale{position:relative;transform-origin:top left}.slide-scale.slide-html{position:relative;inset:auto}.slide-html [data-editable-id]{cursor:pointer}.canvas-toolbar{height:46px;display:flex;align-items:center;gap:10px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;padding:6px;box-shadow:0 12px 30px #0f172a1a}.canvas-toolbar button{height:34px;border:0;border-radius:8px;background:#f1f5f9;color:#334155;padding:0 10px;display:inline-flex;align-items:center;gap:7px;font-weight:800}.error-banner{position:absolute;top:18px;left:28px;right:28px;border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:#991b1b;padding:10px 12px;font-weight:700}.error-banner.inline{position:static;margin-bottom:18px}.success-banner.inline{width:min(820px,100%);border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4;color:#166534;padding:10px 12px;font-weight:800;margin-bottom:18px}.marketing-shell,.auth-shell{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#eef2ffeb,#f8fafcfa 42%,#fff),#f8fafc}.marketing-nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 min(7vw,84px);position:sticky;top:0;z-index:5;background:#f8fafcc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.marketing-nav strong{color:#111827;font-size:22px;font-weight:950}.marketing-nav div,.form-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.marketing-hero{width:min(1180px,calc(100% - 40px));margin:38px auto 0}.marketing-hero.wixel-inspired{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:42px;align-items:center;min-height:calc(100vh - 120px)}.hero-copy{text-align:left}.marketing-hero h1{margin:10px 0 22px;color:#0f172a;font-size:clamp(48px,7vw,94px);line-height:.92;letter-spacing:0}.prompt-card{width:min(720px,100%);margin:0;border:1px solid #d8e1ee;border-radius:16px;background:#ffffffeb;display:grid;gap:12px;padding:14px;box-shadow:0 24px 70px #0f172a1f}.prompt-card textarea{min-height:138px;border:0;border-radius:12px;background:#fff;color:#111827;resize:vertical;padding:16px;line-height:1.5}.prompt-card textarea[readonly]{cursor:default;-webkit-user-select:none;user-select:none}.quick-intents{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin-top:18px}.quick-intents button{border:1px solid #d8e1ee;border-radius:999px;background:#fff;color:#334155;padding:9px 14px;font-weight:850}.hero-studio{position:relative;min-height:620px;border:1px solid rgba(148,163,184,.38);border-radius:28px;background:linear-gradient(135deg,#0f172af5,#1e293beb),#111827;overflow:hidden;box-shadow:0 40px 90px #0f172a42}.hero-studio:before{content:"";position:absolute;top:68px;right:38px;bottom:34px;left:38px;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 76%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 76%,transparent 100%)}.studio-topbar{position:relative;height:58px;display:flex;align-items:center;gap:8px;padding:0 20px;color:#e2e8f0;border-bottom:1px solid rgba(255,255,255,.12)}.studio-topbar span{width:10px;height:10px;border-radius:999px;background:#fb7185}.studio-topbar span:nth-child(2){background:#facc15}.studio-topbar span:nth-child(3){background:#22c55e}.studio-topbar strong{margin-left:8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.studio-chat{position:absolute;z-index:2;top:92px;left:36px;width:270px;display:grid;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#f8fafcf0;padding:16px;color:#0f172a;animation:studioFloat 6s ease-in-out infinite}.studio-chat span{color:#64748b;font-weight:800}.studio-chat strong{font-size:24px;line-height:1}.studio-canvas{position:absolute;top:122px;right:34px;bottom:34px;left:34px}.slide-art{position:absolute;display:grid;gap:10px;border-radius:20px;padding:22px;color:#fff;box-shadow:0 24px 48px #00000047}.slide-art span{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;opacity:.82}.slide-art strong{font-size:34px;line-height:1}.slide-art-main{right:34px;top:10px;width:340px;height:220px;background:linear-gradient(135deg,#2563eb,#7c3aed 48%,#111827);animation:cardDriftA 9s ease-in-out infinite}.slide-art-main em{align-self:end;height:46px;border-radius:12px;background:linear-gradient(90deg,#fff 0 34%,transparent 34% 42%,#fff 42% 70%,transparent 70%),#fff3}.slide-art-pink{left:76px;top:220px;width:240px;height:170px;background:linear-gradient(135deg,#fb7185,#f97316);animation:cardDriftB 8s ease-in-out infinite}.slide-art-green{right:82px;bottom:56px;width:260px;height:178px;background:linear-gradient(135deg,#059669,#14b8a6);animation:cardDriftC 7s ease-in-out infinite}.slide-art-green i{display:block;height:10px;border-radius:999px;background:#ffffff94}.slide-art-green i:nth-child(4){width:62%}.slide-art-mini{left:250px;bottom:24px;width:190px;height:120px;background:linear-gradient(135deg,#0f172a,#475569);animation:cardDriftD 10s ease-in-out infinite}@keyframes studioFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes cardDriftA{0%,to{transform:translateZ(0) rotate(-2deg)}50%{transform:translate3d(-14px,12px,0) rotate(1deg)}}@keyframes cardDriftB{0%,to{transform:translateZ(0) rotate(4deg)}50%{transform:translate3d(12px,-10px,0) rotate(1deg)}}@keyframes cardDriftC{0%,to{transform:translateZ(0) rotate(2deg)}50%{transform:translate3d(-8px,-14px,0) rotate(-1deg)}}@keyframes cardDriftD{0%,to{transform:translateZ(0) rotate(-5deg)}50%{transform:translate3d(14px,8px,0) rotate(-2deg)}}.feature-band{width:min(1180px,calc(100% - 40px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:34px auto 72px}.feature-band article{border:1px solid #d8e1ee;border-radius:14px;background:#fff;display:grid;gap:8px;padding:18px}.feature-band strong{color:#111827;font-size:18px}.feature-band span{color:#64748b;line-height:1.45;font-weight:700}@media(max-width:960px){.marketing-hero.wixel-inspired{grid-template-columns:1fr;min-height:auto}.hero-copy{text-align:center}.prompt-card{margin:0 auto}.quick-intents{justify-content:center}.hero-studio{min-height:520px}}@media(max-width:640px){.marketing-nav{padding:0 18px}.marketing-nav div{gap:6px}.marketing-hero h1{font-size:46px}.hero-studio{min-height:470px;border-radius:20px}.studio-chat{left:18px;width:calc(100% - 36px)}.slide-art-main{right:18px;top:108px;width:250px}.slide-art-pink{left:24px;top:250px}.slide-art-green,.slide-art-mini{display:none}.feature-band{grid-template-columns:1fr}}.auth-shell{display:grid;align-items:start;justify-items:center;padding:28px}.auth-panel{width:min(440px,100%);margin:auto 0;border:1px solid #d8e1ee;border-radius:18px;background:#fff;display:grid;gap:14px;padding:26px;box-shadow:0 24px 70px #0f172a1f}.auth-panel h1{margin:0;color:#111827;font-size:36px}.auth-panel label,.account-form label{display:grid;gap:7px;color:#334155;font-size:13px;font-weight:900}.auth-panel input,.account-form input,.admin-row input,.admin-row select{width:100%;border:1px solid #d8e1ee;border-radius:9px;background:#fff;color:#111827;padding:10px 12px}.auth-hint{margin:0;color:#64748b;font-size:12px;line-height:1.45;font-weight:750}.portal-page{min-height:0;flex:1;overflow:auto;background:#f8fafc;padding:32px}.portal-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.portal-hero h2{margin:0 0 8px;color:#111827;font-size:34px;line-height:1.05}.portal-hero p{max-width:760px;margin:0;color:#64748b;font-weight:700;line-height:1.55}.portal-actions{display:flex;align-items:center;gap:10px}.ai-new-deck-action{min-height:46px;border-radius:12px;padding:12px 18px;background:linear-gradient(135deg,#2f6df6,#7c3aed);box-shadow:0 16px 34px #2f6df638}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.asset-card{position:relative;min-height:190px;border:1px solid #d8e1ee;border-radius:12px;background:#fff;color:#111827;overflow:hidden}.asset-card:hover{border-color:#2f6df6;box-shadow:0 16px 38px #2f6df61f}.asset-create-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;text-align:left;padding:18px;cursor:pointer;border-style:dashed;background:linear-gradient(135deg,#eff6ff,#fff 58%,#f5f3ff)}.asset-create-card .asset-preview{background:linear-gradient(135deg,#2f6df6,#7c3aed);color:#fff}.asset-create-card strong{color:#1d4ed8}.asset-open{width:100%;min-height:190px;border:0;background:transparent;color:inherit;display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;text-align:left;padding:18px}.asset-delete{position:absolute;top:12px;right:12px;width:32px;height:32px;border:1px solid #fecaca;border-radius:9px;background:#ffffffeb;color:#dc2626;display:grid;place-items:center;opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,background .15s ease}.asset-card:hover .asset-delete,.asset-delete:focus-visible{opacity:1;transform:translateY(0)}.asset-delete:hover{background:#fee2e2}.asset-preview{width:48px;height:48px;border-radius:10px;background:#eff6ff;color:#2563eb;display:grid;place-items:center}.asset-card strong{color:#111827;font-size:18px;line-height:1.22}.asset-card em{color:#64748b;font-style:normal;font-weight:700;line-height:1.4}.asset-card small{color:#94a3b8;font-weight:850}.portal-empty{width:min(520px,100%);border:1px dashed #94a3b8;border-radius:12px;background:#fff;padding:28px}.portal-empty h3{margin:0 0 8px;font-size:22px}.portal-empty p{color:#64748b;font-weight:700}.account-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.account-card{min-height:170px;border:1px solid #d8e1ee;border-radius:12px;background:#fff;display:grid;align-content:start;gap:10px;padding:20px}.account-card span{color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.account-card strong{color:#111827;font-size:28px;line-height:1.1;text-transform:capitalize}.account-card em{color:#64748b;font-style:normal;font-weight:700;line-height:1.45}.account-forms{width:min(1120px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.account-form{border:1px solid #d8e1ee;border-radius:12px;background:#fff;display:grid;gap:14px;padding:20px}.account-form.password-card{grid-column:1 / -1;grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr) auto;align-items:end}.account-form-header{display:flex;align-items:flex-start;gap:12px}.account-form-header>span{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#eff6ff;color:#2563eb;display:grid;place-items:center}.account-form h3{margin:0;color:#111827;font-size:20px}.account-form-header p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.45;font-weight:750}.password-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.binding-status{border:1px solid #bbf7d0;border-radius:12px;background:#f0fdf4;color:#15803d;display:flex;align-items:flex-start;gap:12px;padding:14px}.binding-status strong{display:block;color:#14532d;font-size:18px}.binding-status span{color:#166534;font-size:13px;font-weight:750}.account-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.admin-table{width:min(1120px,100%);border:1px solid #d8e1ee;border-radius:12px;background:#fff;overflow:hidden}.admin-row{display:grid;grid-template-columns:minmax(240px,1.5fr) 130px 130px 150px 100px;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid #edf2f7}.admin-row.head{border-top:0;background:#f8fafc;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase}.admin-row span{min-width:0;display:grid;gap:2px}.admin-row strong{min-width:0;overflow:hidden;color:#111827;text-overflow:ellipsis;white-space:nowrap}.admin-row small{min-width:0;overflow:hidden;color:#64748b;font-weight:700;text-overflow:ellipsis;white-space:nowrap}@media(max-width:980px){.feature-band,.account-grid,.account-forms,.account-form.password-card,.password-fields,.account-code-row{grid-template-columns:1fr}.account-form.password-card{align-items:stretch}.admin-row{grid-template-columns:1fr}}.empty-deck{width:min(620px,calc(100% - 48px));border:1px dashed #94a3b8;border-radius:16px;background:#fff;padding:30px;text-align:center;box-shadow:0 24px 60px #0f172a14}.empty-deck h2{margin:0 0 8px}.empty-deck p{color:#64748b}.empty-ai-create{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.empty-ai-input-wrap{position:relative;min-width:0}.empty-ai-create input{position:relative;z-index:1;min-height:48px;width:100%;border:1px solid #d8e1ee;border-radius:12px;background:transparent;color:#111827;padding:0 14px;font-weight:800}.empty-ai-create input::placeholder{color:transparent}.empty-ai-suggestion{pointer-events:none;position:absolute;z-index:0;left:15px;right:15px;top:50%;color:#94a3b8;font-weight:850;text-align:left;transform:translateY(-50%);animation:emptySuggestionRoll 2.2s ease-in-out both}.empty-ai-input-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:#f8fafc}@keyframes emptySuggestionRoll{0%{opacity:0;transform:translateY(calc(-50% + 12px))}18%,78%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(calc(-50% - 18px))}}.panel-page{min-width:0;overflow:auto;padding:34px;background:#f8fafc}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.panel-header h2{margin:0;color:#111827;font-size:34px;line-height:1}.settings-page{display:grid;align-content:start;gap:18px}.settings-page label{display:grid;gap:8px;color:#334155;font-size:14px;font-weight:900}.settings-page input,.settings-page textarea{width:min(760px,100%);border:1px solid #d8e1ee;border-radius:10px;background:#fff;color:#111827;padding:12px 14px}.settings-page textarea{min-height:130px;resize:vertical}.settings-size-grid{width:min(760px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-size-grid input:disabled{background:#eef2f7;color:#94a3b8}.muted{margin:0;color:#64748b;font-weight:700}.export-grid{width:min(820px,100%);display:grid;gap:16px}.export-status{width:min(820px,100%);border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1d4ed8;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;font-weight:800}.export-note{width:min(820px,100%);border:1px solid #dbeafe;border-radius:12px;background:#f8fbff;color:#38506f;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.45}.export-status.error{border-color:#fecaca;background:#fff1f2;color:#991b1b}.export-status progress{grid-column:1 / -1;width:100%;height:8px;accent-color:#2563eb}.export-grid button{min-height:132px;border:1px solid #d8e1ee;border-radius:10px;background:#fff;color:#111827;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:6px;align-items:center;text-align:left;padding:22px}.export-grid button:disabled{cursor:not-allowed;opacity:.65}.export-grid button:not(:disabled):hover{border-color:#3b82f6;box-shadow:0 0 0 3px #dbeafe}.export-grid svg{grid-row:1 / 3;color:#2563eb}.export-grid strong{font-size:24px}.export-grid span{color:#64748b;line-height:1.45}.ai-dock{min-width:0;border-left:1px solid #dbe3ef;background:#fff;color:#111827;padding:14px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.ai-dock-rich{font-size:13px}.local-ai-panel{height:100%;min-height:0;gap:0;padding:0;background:#fff}.local-ai-head{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #e5e7eb;background:#fff}.local-ai-head div{min-width:0;display:grid;gap:4px}.local-ai-head strong{display:inline-flex;align-items:center;gap:8px;color:#111827;font-size:15px;font-weight:900;flex-wrap:wrap}.local-ai-head strong small{color:#64748b;font-size:11px;font-weight:750}.local-ai-head span{color:#64748b;font-size:12px;font-weight:750}.local-ai-mode-tabs{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 14px;border-bottom:1px solid #e5e7eb;background:#fff}.local-ai-mode-tabs button{height:34px;border:1px solid #d8e1ee;border-radius:8px;background:#f8fafc;color:#475569;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:900}.local-ai-mode-tabs button.active{border-color:#2f6df6;background:#eff6ff;color:#1d4ed8}.local-ai-stay-note{flex:0 0 auto;display:flex;align-items:flex-start;gap:8px;margin:10px 14px 0;padding:9px 11px;border:1px solid #bfdbfe;border-radius:10px;background:linear-gradient(135deg,#eff6ff,#f8fafc);color:#31527f;font-size:11px;font-weight:800;line-height:1.45}.local-ai-stay-note svg{flex:0 0 auto;margin-top:1px;color:#2563eb}.local-ai-messages{min-height:0;flex:1 1 0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:14px;background:#f8fafc}.local-ai-message{max-width:94%;border-radius:12px;padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.48;font-weight:650;flex:0 0 auto;position:relative}.local-ai-message.assistant{align-self:flex-start;border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a}.local-ai-message.user{align-self:flex-end;background:#2f6df6;color:#fff}.local-ai-message-delete{position:absolute;top:5px;right:5px;width:22px;height:22px;border:0;border-radius:999px;display:inline-grid;place-items:center;opacity:0;background:#0f172a1a;color:inherit;cursor:pointer}.local-ai-message:hover .local-ai-message-delete,.local-ai-message-delete:focus-visible{opacity:1}.local-ai-thinking{border:1px solid #d8e1ee;border-radius:12px;background:#fff;color:#111827;overflow:hidden;flex:0 0 auto}.local-ai-thinking summary{min-height:38px;display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #eef2f7;cursor:pointer;color:#334155;font-weight:900;list-style:none}.local-ai-thinking summary::-webkit-details-marker{display:none}.local-ai-thinking summary:before{width:9px;height:9px;border-radius:999px;background:#2f6df6;box-shadow:0 0 0 5px #2f6df61f;content:""}.local-ai-progress{display:grid;gap:7px;padding:10px 12px;border-bottom:1px solid #eef2f7}.local-ai-progress-step{min-width:0;display:grid;grid-template-columns:12px minmax(0,1fr);gap:8px;align-items:center;color:#94a3b8;font-size:12px;font-weight:800}.local-ai-progress-step span{width:9px;height:9px;border-radius:999px;background:#cbd5e1}.local-ai-progress-step.active{color:#1d4ed8}.local-ai-progress-step.active span{background:#2f6df6;box-shadow:0 0 0 5px #2f6df624}.local-ai-progress-step.done{color:#166534}.local-ai-progress-step.done span{background:#22c55e}.local-ai-progress-step.error{color:#b91c1c}.local-ai-progress-step.error span{background:#ef4444}.local-ai-run{margin:10px 12px 0;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:10px}.local-ai-run+.local-ai-thinking-body{margin-top:14px;border-top:1px solid #eef2f7}.local-ai-run-head{display:grid;gap:3px}.local-ai-run-head strong{min-width:0;overflow:hidden;color:#111827;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.local-ai-run-head span,.local-ai-run-summary,.local-ai-run-current{color:#64748b;font-size:11px;font-weight:750;line-height:1.4}.local-ai-run-bar{height:7px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin:9px 0 7px}.local-ai-run-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f6df6,#22c55e);transition:width .18s ease}.local-ai-run-current{margin-top:6px;color:#334155}.local-ai-run-tasks{max-height:130px;overflow:auto;display:grid;gap:5px;margin-top:8px}.local-ai-run-task{min-width:0;display:grid;grid-template-columns:16px 22px minmax(0,1fr) auto;gap:6px;align-items:center;color:#64748b;font-size:11px}.local-ai-run-task span,.local-ai-run-task b,.local-ai-run-task small{font-weight:900}.local-ai-run-task em{min-width:0;overflow:hidden;color:#334155;font-style:normal;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.local-ai-run-task.done span{color:#16a34a}.local-ai-run-task.failed span{color:#dc2626}.local-ai-run-task.waiting_retry span{color:#f59e0b}.local-ai-run-task.designing span,.local-ai-run-task.binding span,.local-ai-run-task.retrying span{color:#2f6df6}.local-ai-run-errors{display:grid;gap:4px;margin-top:8px;border-radius:8px;background:#fff1f2;color:#b91c1c;padding:8px;font-size:11px;font-weight:750;overflow-wrap:anywhere}.local-ai-thinking-body{max-height:180px;overflow:auto;padding:11px 12px 12px;color:#64748b;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.local-ai-actions{display:grid;gap:5px;margin-top:8px}.local-ai-action{border-radius:8px;background:#ffffff9e;padding:6px 8px;color:#334155;font-size:11px;font-weight:850}.local-ai-controls{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 14px;border-top:1px solid #e5e7eb;background:#fff}.local-ai-discuss-note{grid-column:1 / -1;min-height:34px;border:1px solid #d8e1ee;border-radius:8px;background:#f8fafc;color:#64748b;display:flex;align-items:center;padding:8px 10px;font-size:12px;font-weight:800}.local-ai-model,.local-ai-design-mode,.local-ai-target-slide,.local-ai-parallel-wrap{min-width:0;height:34px;border:1px solid #d8e1ee;border-radius:8px;background:#fff;color:#111827;padding:0 9px;font-size:12px;font-weight:800}.local-ai-model{grid-column:1 / -1}.local-ai-parallel-wrap{display:flex;align-items:center;gap:8px;color:#334155;white-space:nowrap}.local-ai-input-row{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px;border-top:1px solid #e5e7eb;background:#fff}.local-ai-input{grid-column:1 / -1;min-height:92px;max-height:220px;resize:vertical;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#111827;padding:11px;line-height:1.45}.local-ai-input:focus,.local-ai-model:focus,.local-ai-design-mode:focus,.local-ai-target-slide:focus{outline:2px solid rgba(96,165,250,.45);border-color:#60a5fa}.local-ai-send,.local-ai-example{height:38px;border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;font-weight:900}.local-ai-send{background:#2f6df6;color:#fff}.local-ai-send.cancel{background:#dc2626}.local-ai-example{background:#eef2ff;color:#334155}.ai-dock-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.ai-dock-header div{min-width:0;display:grid;gap:3px}.ai-dock-header span{display:inline-flex;align-items:center;gap:8px;color:#111827;font-size:16px;font-weight:900}.ai-dock-header small{color:#64748b;font-weight:700}.thinking-toggle{height:30px;border:1px solid #d8e1ee;border-radius:8px;background:#f8fafc;color:#475569;display:inline-flex;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:800}.thinking-toggle svg{transition:transform .16s ease}.thinking-toggle svg.open{transform:rotate(180deg)}.ai-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ai-controls label{min-width:0;display:grid;gap:5px;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.ai-controls select,.ai-fixed-binding,.ai-controls input[type=checkbox]{min-width:0}.ai-controls select{width:100%;height:34px;border:1px solid #d8e1ee;border-radius:8px;background:#fff;color:#111827;padding:0 8px;font-size:12px;font-weight:750}.ai-fixed-binding{height:34px;border:1px solid #d8e1ee;border-radius:8px;background:#f8fafc;display:grid;align-content:center;gap:1px;padding:0 9px}.ai-fixed-binding span{color:#64748b;font-size:10px;font-weight:900;line-height:1;text-transform:uppercase}.ai-fixed-binding strong{min-width:0;overflow:hidden;color:#111827;font-size:12px;font-weight:850;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.ai-wide-control,.ai-parallel-control{grid-column:1 / -1}.ai-parallel-control{min-height:34px;border:1px solid #d8e1ee;border-radius:8px;background:#fff;display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;padding:0 10px;color:#334155!important;text-transform:none!important}.ai-thinking-panel,.ai-run-panel{border:1px solid #d8e1ee;border-radius:10px;background:#fff;overflow:hidden}.ai-thinking-panel header,.ai-run-panel header{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid #e5e7eb}.ai-thinking-panel strong,.ai-run-panel strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111827}.ai-thinking-panel small{color:#64748b;white-space:nowrap}.ai-thinking-body{max-height:190px;overflow:auto;padding:10px;color:#64748b}.ai-thinking-body pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ai-thinking-body p{margin:0;color:#64748b;font-weight:700}.ai-content-tail{margin-top:10px!important;padding-top:10px;border-top:1px solid #e5e7eb;color:#2563eb}.ai-run-panel{flex:0 0 auto}.ai-run-state{border-radius:999px;background:#eef2ff;color:#475569;padding:3px 8px;font-size:11px;font-weight:900;text-transform:uppercase}.ai-run-state.running{background:#1d4ed8;color:#eff6ff}.ai-run-state.done{background:#166534;color:#dcfce7}.ai-run-state.error{background:#991b1b;color:#fee2e2}.ai-run-state.canceled{background:#52525b;color:#f4f4f5}.ai-task-list{max-height:180px;overflow:auto;list-style:none;margin:0;padding:8px 10px 10px;display:grid;gap:7px}.ai-task-list li{display:grid;grid-template-columns:10px minmax(0,1fr);gap:8px;align-items:start}.ai-task-list li>span{width:9px;height:9px;margin-top:5px;border-radius:999px;background:#cbd5e1}.ai-task-list li.active>span{background:#60a5fa;box-shadow:0 0 0 4px #60a5fa29}.ai-task-list li.done>span{background:#22c55e}.ai-task-list li.error>span{background:#ef4444}.ai-task-list p{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111827;font-weight:800}.ai-task-list small{grid-column:2;color:#64748b;font-size:11px;font-weight:700}.ai-empty-run{margin:0;padding:10px;color:#64748b;line-height:1.45;font-weight:700}.ai-messages{min-height:120px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:9px;padding-right:2px}.ai-message{max-width:92%;border-radius:10px;padding:10px 11px;line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere;font-weight:650}.ai-message.assistant{align-self:flex-start;background:#eef4ff;color:#1e3a8a}.ai-message.user{align-self:flex-end;background:#2f6df6;color:#fff}.ai-compose{display:grid;gap:9px}.ai-compose textarea{min-height:92px;max-height:220px;resize:vertical;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#111827;padding:11px;line-height:1.45}.ai-compose textarea:focus,.ai-controls select:focus{outline:2px solid rgba(96,165,250,.45);border-color:#60a5fa}.ai-compose-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.ai-compose-actions .primary-action,.ai-cancel,.ai-suggest{height:38px}.ai-cancel,.ai-suggest{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;font-weight:900}.ai-cancel{background:#dc2626;color:#fff}.ai-suggest{background:#eef2ff;color:#334155}.present-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200000;display:grid;grid-template-rows:1fr auto;background:#020617;color:#f8fafc}.present-stage{min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;padding:42px}.present-slide{position:relative;overflow:hidden;background:#fff;transform:scale(min(calc((100vw - 96px) / 1280),calc((100vh - 150px) / 720),1));transform-origin:center;box-shadow:0 30px 120px #00000080}.present-close{position:fixed;top:18px;right:18px;width:42px;height:42px;border:0;border-radius:999px;background:#0f172ab8;color:#fff;display:grid;place-items:center}.present-controls{height:64px;display:flex;align-items:center;justify-content:center;gap:16px;background:#0f172ae0}.present-controls button{height:36px;min-width:78px;border:1px solid rgba(148,163,184,.35);border-radius:8px;background:#111827;color:#f8fafc;font-weight:900}.present-controls span{min-width:68px;text-align:center;color:#cbd5e1;font-weight:900}.message{border-radius:8px;padding:14px;line-height:1.5}.message.assistant{background:#eef4ff;color:#1e3a8a}.object-inspector{border:1px solid #dbe3ef;border-radius:10px;background:#f8fafc;padding:14px;display:grid;gap:12px}.object-inspector.empty{color:#64748b}.object-inspector.empty strong{color:#111827}.object-inspector p{margin:0;line-height:1.45}.object-inspector header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.object-inspector header span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111827;font-weight:900}.object-inspector header small{color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.object-inspector label{display:grid;gap:7px;color:#475569;font-size:13px;font-weight:900}.object-inspector textarea{min-height:90px;background:#fff}.object-inspector input,.object-inspector textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;color:#111827;padding:9px 10px}.object-inspector input[type=color]{height:40px;padding:4px}.inspector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.inspector-save{height:38px;border:0;border-radius:8px;background:#111827;color:#fff;font-weight:900}.local-v3-selection{position:fixed;z-index:100019;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border:2px solid #38bdf8;box-shadow:0 0 0 1px #0f172a59,0 10px 28px #082f4933;cursor:move}.slide-html [data-local-v3-editable=true]{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.local-v3-selection.hidden,.local-v3-inspector.hidden{display:none}.local-v3-selection-label{position:absolute;left:-2px;top:-25px;height:22px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 7px;border-radius:5px 5px 0 0;background:#075985;color:#e0f2fe;font:600 11px/22px -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif}.local-v3-handle{position:absolute;width:9px;height:9px;border:1px solid #082f49;border-radius:999px;background:#e0f2fe}.local-v3-handle.nw{left:-6px;top:-6px;cursor:nwse-resize}.local-v3-handle.ne{right:-6px;top:-6px;cursor:nesw-resize}.local-v3-handle.sw{left:-6px;bottom:-6px;cursor:nesw-resize}.local-v3-handle.se{right:-6px;bottom:-6px;cursor:nwse-resize}.local-v3-inspector{position:fixed;left:252px;bottom:18px;z-index:100019;width:260px;padding:10px;border-radius:8px;background:#171a20f2;border:1px solid rgba(255,255,255,.12);color:#e5e7eb;box-shadow:0 14px 40px #00000047;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:12px!important;line-height:1.35!important;box-sizing:border-box!important}.local-v3-inspector *{box-sizing:border-box!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif!important}.local-v3-inspector-title{margin-bottom:8px;font-size:13px!important;line-height:1.25!important;font-weight:700}.local-v3-inspector label{display:grid;gap:4px;margin-bottom:7px;color:#aab3c2;font-size:11px!important;line-height:1.25!important;font-weight:600}.local-v3-inspector textarea,.local-v3-inspector input{width:100%;min-width:0;border:1px solid rgba(148,163,184,.35);border-radius:6px;background:#101318;color:#f8fafc;padding:6px 7px;font-size:12px!important;line-height:1.3!important}.local-v3-inspector textarea{min-height:72px;resize:vertical}.local-v3-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.local-v3-save,.local-v3-delete{height:33px;align-self:end;border:0;border-radius:6px;color:#fff;font-size:12px!important;font-weight:800}.local-v3-save{background:#2563eb}.local-v3-delete{width:100%;margin-top:4px;background:#991b1b}@media(max-width:1180px){.editor-layout{grid-template-columns:180px minmax(0,1fr) 8px minmax(340px,var(--ai-dock-width, 380px))}.slide-frame{max-width:100%}}
