.ai-preview-root{color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;border:none;border-radius:0;overflow-x:hidden;overflow-y:visible;background:transparent}.ai-preview-root .ai-preview-row-shell{position:relative;width:100%;overflow:visible}.ai-preview-root .ai-preview-row-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(15,23,42,.22);opacity:0;pointer-events:none;transition:opacity .18s ease,border-color .18s ease,box-shadow .18s ease;z-index:1}.ai-preview-root .ai-preview-row-shell:hover:after,.ai-preview-root .ai-preview-row-shell:focus-within:after,.ai-preview-root .ai-preview-row-shell.is-editing:after{opacity:1;border-color:#0051a86b;box-shadow:inset 0 0 0 1px #0051a82e}.ai-preview-root .ai-preview-row-edit-trigger{position:absolute;top:10px;left:10px;z-index:3;zoom:var(--preview-inverse-scale, 1);transform-origin:top left;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(148,163,184,.34);border-radius:999px;background:#ffffffeb;color:#0f172a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 30px #0f172a24;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer;line-height:1.1}.ai-preview-root .ai-preview-row-shell:hover .ai-preview-row-edit-trigger,.ai-preview-root .ai-preview-row-shell:focus-within .ai-preview-row-edit-trigger,.ai-preview-root .ai-preview-row-shell.is-editing .ai-preview-row-edit-trigger{opacity:1;pointer-events:auto;transform:translateY(0)}.ai-preview-root .ai-preview-row-edit-trigger:hover:not(:disabled),.ai-preview-root .ai-preview-row-edit-trigger:focus-visible{border-color:#0051a873;box-shadow:0 16px 32px #0051a82e;outline:none}.ai-preview-root .ai-preview-row-edit-trigger:disabled{cursor:wait}.ai-preview-root .ai-preview-row-edit-trigger-label{font-size:12px;font-weight:700;letter-spacing:.02em}.ai-preview-root .ai-preview-row-edit-trigger-index{font-size:11px;color:#475569}.ai-preview-root .ai-preview-row-edit-popover{position:absolute;top:50px;left:10px;z-index:4;zoom:var(--preview-inverse-scale, 1);transform-origin:top left;width:min(380px,calc(100% - 20px));padding:14px;border:1px solid rgba(203,213,225,.95);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f8fafcf5);box-shadow:0 28px 48px #0f172a2e;line-height:1.4}.ai-preview-root .ai-preview-row-edit-popover-title{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:10px}.ai-preview-root .ai-preview-row-edit-input{width:100%;min-height:92px;resize:vertical;padding:12px 13px;border:1px solid rgba(203,213,225,1);border-radius:14px;background:#fff;color:#0f172a;font:inherit;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease}.ai-preview-root .ai-preview-row-edit-input:focus{outline:none;border-color:#0051a8b8;box-shadow:0 0 0 3px #0051a81f}.ai-preview-root .ai-preview-row-edit-error{margin-top:8px;font-size:12px;color:#b42318}.ai-preview-root .ai-preview-row-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.ai-preview-root .ai-preview-row-edit-secondary,.ai-preview-root .ai-preview-row-edit-primary{border:1px solid transparent;border-radius:999px;padding:9px 14px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.ai-preview-root .ai-preview-row-edit-secondary{background:#fff;color:#334155;border-color:#cbd5e1}.ai-preview-root .ai-preview-row-edit-primary{background:linear-gradient(135deg,#111827,#0f62fe);color:#fff;box-shadow:0 12px 24px #0f62fe38}.ai-preview-root .ai-preview-row-edit-secondary:hover,.ai-preview-root .ai-preview-row-edit-secondary:focus-visible,.ai-preview-root .ai-preview-row-edit-primary:hover:not(:disabled),.ai-preview-root .ai-preview-row-edit-primary:focus-visible{transform:translateY(-1px);outline:none}.ai-preview-root .ai-preview-row-edit-primary:disabled{opacity:.72;cursor:wait}@media(max-width:768px){.ai-preview-root .ai-preview-row-edit-trigger{opacity:1;pointer-events:auto;transform:translateY(0)}.ai-preview-root .ai-preview-row-edit-popover{width:calc(100% - 20px)}}.ai-preview-root .preview-block{animation:aiSlideIn .3s ease-out}@keyframes aiSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-preview-root .section-band{padding:0}.ai-preview-root .block-type-label-row{padding:.5rem 2rem;background:#f6f6f7}.ai-preview-root .block-type-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#999;margin-bottom:.5rem}.ai-preview-root .card-borderless{border:none;background:transparent;box-shadow:none;border-radius:0;overflow:hidden}.ai-preview-root .cta-preview{display:inline-block;padding:12px 28px;border-radius:50px;background:#1a1a1a;color:#fff;font-size:14px;font-weight:600;letter-spacing:.03em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.ai-preview-root .cta-preview:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #ec48995c,0 14px 28px #ec48994d;filter:saturate(1.06)}.ai-preview-root .ai-preview-button{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.ai-preview-root .ai-preview-button:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #ec489957,0 14px 28px #ec489947;filter:saturate(1.06)}.ai-preview-root .ai-fade-in-banner{animation:aiBannerFadeIn .52s ease-out both}@keyframes aiBannerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-preview-root .footer-cta{background:#0051a8}.ai-preview-root .preview-heading-xl{font-size:2rem;font-weight:700;color:#1a1a1a;line-height:1.2;margin:.5rem 0 .75rem}.ai-preview-root .preview-heading-lg{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:.25rem 0 .5rem}.ai-preview-root .preview-heading-sm{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 .35rem}.ai-preview-root .preview-body{font-size:15px;line-height:1.6;color:#1a1a1a;margin:0}.ai-preview-root .preview-body.subdued{color:#6b7280}.ai-preview-root .placeholder{color:#bbb;font-style:italic}.ai-preview-root .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:1.25rem}.ai-preview-root .feature-cell{background:#f9f9f9;border-radius:10px;padding:20px;box-shadow:0 1px 4px #0000000d}.ai-preview-root .ai-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;margin:1rem 0 1.5rem;padding:.5rem;box-sizing:border-box}.ai-preview-root .ai-product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000f;transition:box-shadow .2s ease,transform .2s ease}.ai-preview-root .ai-product-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.ai-preview-root .ai-product-card__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.ai-preview-root .ai-product-card__image-placeholder{width:100%;aspect-ratio:1 / 1;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#bbb}.ai-preview-root .ai-product-card__info{padding:12px 14px 16px}.ai-preview-root .ai-product-card__title{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-preview-root .ai-product-card__price{font-size:13px;color:#555;margin:0}.ai-preview-root .ai-header-preview{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fff;border-bottom:1px solid #f0f0f0}.ai-preview-root .ai-header-preview__logo{height:36px;width:auto;object-fit:contain}.ai-preview-root .ai-header-preview__logo-text{font-size:20px;font-weight:700;color:#1a1a1a;letter-spacing:-.02em}.ai-preview-root .ai-header-preview__nav{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.ai-preview-root .ai-header-preview__nav a{font-size:14px;font-weight:500;color:#1a1a1a;text-decoration:none;padding:6px 14px;border-radius:50px;transition:background .15s ease}.ai-preview-root .ai-header-preview__nav a:hover{background:#f2f2f2}.ai-preview-root .preview-warning{padding:1rem 1.5rem;background:#fff8e1;border-left:4px solid #f59e0b;border-radius:4px;font-size:14px;color:#92400e;margin:.5rem 0}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(10px,1.6vw,20px);overflow:hidden;overscroll-behavior:contain;background:#f6f6f7eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:onboardingOverlayIn .26s ease-out}.onboarding-overlay.is-closing{pointer-events:none;animation:onboardingOverlayOut .32s ease-in forwards}.onboarding-hero-card{width:min(1040px,100%);max-height:calc(100dvh - 44px);display:block;border:1px solid rgba(148,163,184,.34);border-radius:20px;background:#fffffff0;box-shadow:0 24px 56px #0f172a29,0 1px #ffffffb8 inset;overflow:hidden;flex-shrink:0}@media(max-width:768px){.onboarding-hero-card{overflow:visible}}.onboarding-hero-content{min-width:0;padding:clamp(20px,3vw,34px);display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#fffffff5,#f8fafceb)}.onboarding-hero-kicker{width:fit-content;padding:6px 10px;border:1px solid rgba(37,99,235,.22);border-radius:999px;background:#eff6fff0;color:#1d4ed8;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.onboarding-hero-title{margin:0;font-size:clamp(26px,2.8vw,36px);line-height:1.08;font-weight:800;color:#0f172a;flex-shrink:0}.onboarding-hero-subtitle{margin:0;max-width:540px;font-size:14px;color:#475569;line-height:1.55;flex-shrink:0}.onboarding-features{display:flex;flex-direction:column;gap:8px}.onboarding-tour-body{display:grid;grid-template-columns:minmax(0,.98fr) minmax(320px,.92fr);gap:clamp(16px,2.5vw,28px);align-items:stretch}.onboarding-feature{display:flex;width:100%;gap:11px;padding:12px 14px;border:1px solid rgba(203,213,225,.92);border-radius:13px;background:#ffffffc2;color:inherit;text-align:left;align-items:flex-start;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.onboarding-feature:hover,.onboarding-feature:focus-visible{border-color:#2563eb6b;background:#f8fafc;box-shadow:0 16px 34px #0f172a14;outline:none;transform:translateY(-1px)}.onboarding-feature.is-active{border-color:#2563eb7a;background:linear-gradient(135deg,#eff6fffa,#dbeafeb8);box-shadow:0 14px 28px #0f172a14}.onboarding-feature-index{width:26px;height:26px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e2e8f0;color:#334155;font-size:12px;font-weight:800;transition:background-color .18s ease,color .18s ease}.onboarding-feature.is-active .onboarding-feature-index{background:#2563eb;color:#fff}.onboarding-feature-text{display:grid;gap:4px;font-size:13.25px;color:#475569;line-height:1.45}.onboarding-feature-title{font-size:13.75px;font-weight:800;color:#0f172a}.onboarding-feature-progress{height:5px;width:100%;margin-top:5px;overflow:hidden;border-radius:999px;background:#cbd5e1d1}.onboarding-feature-progress span{display:block;height:100%;border-radius:inherit;background:#2563eb;transition:width .16s linear}.onboarding-hero-actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}.onboarding-hero-btn,.onboarding-skip-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 16px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:800;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .14s ease}.onboarding-hero-btn{background:#0f172a;color:#fff;box-shadow:0 14px 28px #0f172a2e}.onboarding-hero-btn:hover,.onboarding-hero-btn:focus-visible{background:#2563eb;box-shadow:0 16px 34px #2563eb3d;outline:none;transform:translateY(-1px)}.onboarding-skip-btn{background:#fff;color:#334155;border-color:#cbd5e1f2}.onboarding-skip-btn:hover,.onboarding-skip-btn:focus-visible{background:#fff7ed;border-color:#f59e0b66;color:#92400e;outline:none;transform:translateY(-1px)}.onboarding-hero-btn:active,.onboarding-skip-btn:active{transform:scale(.98)}.onboarding-hero-media{min-width:0;min-height:100%;padding:0;display:flex;justify-content:center;align-items:center;background:#020617;border-radius:16px;overflow:hidden}@media(max-width:768px){.onboarding-hero-media{min-height:320px}}.onboarding-video-shell{width:100%;height:100%;min-height:100%;position:relative;display:block;border:0;border-radius:inherit;background:#020617;box-shadow:none}.onboarding-video{width:100%;height:100%;min-height:100%;display:block;object-fit:cover;border-radius:inherit;background:#020617;opacity:1;transform:scale(1);transition:opacity .22s ease,transform .26s ease}.onboarding-video.is-changing{opacity:.18;transform:scale(1.015)}.onboarding-hero-footer{width:min(1040px,100%);margin-top:8px}.onboarding-support-link{background:transparent;border:none;color:#334155;font-size:12px;font-weight:700;cursor:pointer;padding:4px 2px;transition:color .16s ease,transform .16s ease}.onboarding-support-link:hover,.onboarding-support-link:focus-visible{color:#2563eb;outline:none;transform:translate(2px)}.onboarding-video-progress{display:none}@media(max-width:920px){.onboarding-tour-body{grid-template-columns:1fr}.onboarding-hero-media{order:2}.onboarding-video-shell{min-height:320px;aspect-ratio:16 / 9}}@media(max-width:560px){.onboarding-overlay{justify-content:flex-start}.onboarding-hero-content{padding:20px}.onboarding-feature{padding:12px}.onboarding-hero-actions{flex-direction:column}.onboarding-hero-btn,.onboarding-skip-btn{width:100%}}@keyframes onboardingOverlayIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes onboardingOverlayOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(14px) scale(.982)}}html,body{margin:0;padding:0}body{min-height:100dvh}.public-preview-page{min-height:100svh;background:#fff;color:#111827}.public-preview-render{width:100%;overflow:hidden;background:#fff}.public-preview-frame{margin-inline:auto;transform-origin:top center}.public-preview-normalized-body{display:block;width:100%;min-height:100svh}.workspace-dashboard{min-height:100dvh;padding:8px;background:#f7f7f8;color:#111;box-sizing:border-box}.workspace-shell{min-height:calc(100dvh - 16px);padding:34px 38px 44px;border:1px solid #dedede;border-radius:8px;background:#fff;box-sizing:border-box}.workspace-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.workspace-header h1{margin:0;color:#090909;font-size:30px;line-height:1.15;font-weight:750;letter-spacing:0}.new-page-menu{position:relative;z-index:40}.workspace-new-button,.new-page-create{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 18px;border:1px solid #000000;border-radius:8px;background:#000;color:#fff;font:inherit;font-size:17px;font-weight:760;cursor:pointer;box-shadow:0 1px #ffffff2e inset,0 8px 18px #00000024}.workspace-new-button:hover,.new-page-create:hover{background:#151515}.workspace-chevron{width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px)}.new-page-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(420px,calc(100vw - 28px));padding:12px;border:1px solid #d7d7d9;border-radius:8px;background:#fff;box-shadow:0 24px 54px #0f172a2e}.new-page-panel-title{padding:4px 4px 10px;color:#3f3f46;font-size:13px;font-weight:760}.new-page-type-grid{display:grid;gap:8px}.new-page-type{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;width:100%;padding:11px;border:1px solid #e1e1e3;border-radius:8px;background:#fff;color:#18181b;text-align:left;font:inherit;cursor:pointer}.new-page-type:hover,.new-page-type.is-selected{border-color:#89bdf4;background:#f3f8ff}.new-page-type strong{display:block;margin-bottom:2px;font-size:13px}.new-page-type small,.new-page-note{display:block;margin:0;color:#666a73;font-size:12px;line-height:1.4}.new-page-preview-product-shell{margin-top:12px}.new-page-theme-field{display:grid;gap:7px;margin-top:12px;color:#3f3f46;font-size:12px;font-weight:740}.new-page-theme-field select,.workspace-sort select{width:100%;min-height:40px;padding:0 34px 0 12px;border:1px solid #d9d9dc;border-radius:8px;background:#fff;color:#18181b;font:inherit;font-weight:650}.new-page-create{width:100%;min-height:42px;margin-top:12px;font-size:14px}.workspace-controls{display:grid;gap:38px;padding-top:38px;border-top:1px solid #e4e4e7}.workspace-search{display:flex;align-items:center;gap:11px;min-height:52px;padding:0 14px;border:1px solid #d7d7da;border-radius:8px;background:#fff;color:#62666f}.workspace-search input{width:100%;border:0;outline:0;color:#111;font:inherit;font-size:18px;font-weight:560}.workspace-search input::placeholder{color:#777a83}.workspace-filter-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.workspace-tabs{display:flex;gap:12px;flex-wrap:wrap}.workspace-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;min-height:52px;padding:0 18px;border:1px solid #e1e1e3;border-radius:8px;background:#fff;color:#474950;font:inherit;font-size:17px;font-weight:700;cursor:pointer}.workspace-tabs button.is-active{border-color:#8ec5ff;background:#f0f8ff;color:#1769aa}.workspace-sort{display:inline-grid;grid-template-columns:auto 190px;align-items:center;gap:9px;color:#4b4d55;font-size:13px;font-weight:700}.workspace-table{margin-top:38px;border:1px solid #d7dce0;border-radius:8px;overflow:hidden;background:#fff}.workspace-table-head,.workspace-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(150px,.9fr) minmax(190px,1fr) 110px;align-items:center;gap:18px}.workspace-table-head{min-height:64px;padding:0 26px;background:#eef6ff;color:#4b5563;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.workspace-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:92px;padding:0 26px;border:0;border-top:1px solid #e4e4e7;background:#fff;color:#111;text-align:left;font:inherit;font-size:15px;cursor:pointer}.workspace-row:hover{background:#fafafa}.workspace-name-cell{display:grid;gap:4px;min-width:0}.workspace-name-cell strong{overflow:hidden;color:#0d0d0d;font-size:16px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.workspace-name-cell small{overflow:hidden;color:#696d76;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.workspace-type-cell{display:inline-flex;align-items:center;gap:12px;min-width:0;font-weight:660}.workspace-type-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:8px;background:#edf6ff;color:#1f7fcb}.workspace-empty-row{padding:32px 26px;color:#666a73;font-size:14px}@media(max-width:860px){.workspace-shell{padding:22px 18px 28px}.workspace-header,.workspace-filter-row{flex-direction:column;align-items:stretch}.new-page-menu,.workspace-new-button{width:100%}.new-page-panel{position:static;width:auto;margin-top:10px}.workspace-sort{grid-template-columns:1fr}.workspace-table{overflow-x:auto}.workspace-table-head,.workspace-row{min-width:760px}}.studio-container{display:flex;height:100dvh;width:100%;overflow:hidden;background:#f6f6f7}.chat-sidebar{width:360px;min-width:300px;max-width:30vw;display:flex;flex-direction:column;border-right:1px solid #ebebed;background:#fff}.chat-topbar{padding:12px 12px 12px 8px;border-bottom:1px solid #ebebed;background:#fff}.chat-title-slot{flex:1 1 auto;min-width:0;max-width:calc(100% - 112px);display:flex;align-items:center;gap:6px}.chat-topbar-actions{flex:0 0 auto;margin-left:8px}.chat-icon-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #dedee3;border-radius:8px;background:#fff;color:#374151;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.chat-icon-button:hover,.chat-icon-button:focus-visible,.chat-icon-button.is-active{outline:none;border-color:#111827;background:#111827;color:#fff;box-shadow:0 4px 10px #11182724}.chat-title-display{border:0;background:transparent;color:#1f2937;font-size:13px;font-weight:600;line-height:1.3;text-align:left;padding:2px 0;border-radius:6px;cursor:pointer;display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title-display:hover{background:#f3f4f6}.chat-title-back-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border:1px solid transparent;border-radius:8px;background:transparent;color:#374151;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.chat-title-back-button:hover,.chat-title-back-button:focus-visible{outline:none;border-color:#dedee3;background:#f3f4f6;color:#111827}.chat-title-edit-input{width:min(280px,100%);border:1px solid #c5c9cf;border-radius:8px;padding:6px 10px;font-size:13px;line-height:1.3}.chat-title-edit-input:focus{outline:0;border-color:#0051a8;box-shadow:0 0 0 2px #0051a829}.history-dropdown-panel{flex:1;min-height:0;max-height:none;overflow-y:auto;padding:12px;border-bottom:1px solid #ebebed;background:#f9fafb}.chat-messages{flex:1;overflow-y:auto;padding:20px 16px 12px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:8px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#0f172a38}.chat-input-area{padding:12px 14px 16px;border-top:1px solid #ebebed;background:linear-gradient(180deg,#fff0,#fff 24%);position:sticky;bottom:0;z-index:10}.chat-message-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-message-action-item{display:inline-flex;width:auto;flex:0 0 auto}.starter-prompts{width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.starter-prompts-header{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:18px;text-align:center}.starter-prompt-grid{display:grid;grid-template-columns:1fr;gap:8px}.starter-prompt-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;min-height:0;padding:13px 14px;border:1px solid rgba(203,213,225,.82);border-radius:12px;background:#fff;color:#0f172a;text-align:left;cursor:pointer;font-family:inherit;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background-color .16s ease}.starter-prompt-card:hover,.starter-prompt-card:focus-visible{transform:translateY(-1px);border-color:#14b8a68c;box-shadow:0 12px 24px #0f172a14;outline:none}.starter-prompt-index{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#ecfeff;color:#0f766e;font-size:11px;font-weight:800;line-height:1}.starter-prompt-body{display:grid;min-width:0;gap:4px}.starter-prompt-title{color:#0f172a;font-size:13.5px;font-weight:800;line-height:1.25}.starter-prompt-text{overflow:hidden;color:#475569;font-size:12.5px;line-height:1.42}.preview-empty{width:min(760px,calc(100% - 32px));margin:44px auto;padding:30px;border:1px solid rgba(203,213,225,.78);border-radius:16px;background:linear-gradient(180deg,#fffffffa,#f8fafcf5);box-shadow:0 18px 44px #0f172a12}.preview-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#ecfeff;color:#0f766e}@media(max-width:720px){.preview-empty{width:calc(100% - 20px);margin:20px auto;padding:18px}.starter-prompt-card{grid-template-columns:30px minmax(0,1fr);padding:12px}}.preview-canvas{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0;background:#f6f6f7;position:relative}.chat-panel-reopen-button{position:fixed;top:50%;left:0;z-index:35;display:inline-flex;align-items:center;justify-content:center;width:36px;height:42px;padding:0;border:1px solid rgba(17,24,39,.1);border-left:0;border-radius:0 8px 8px 0;background:#fffffff5;color:#1f2937;font:inherit;cursor:pointer;box-shadow:0 10px 26px #0f172a1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateY(-50%);transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.chat-icon-button[data-tooltip]:before,.chat-title-back-button[data-tooltip]:before,.chat-panel-reopen-button[data-tooltip]:before,.chat-icon-button[data-tooltip]:after,.chat-title-back-button[data-tooltip]:after,.chat-panel-reopen-button[data-tooltip]:after{position:absolute;z-index:80;pointer-events:none;opacity:0;transition:opacity .14s ease,transform .14s ease}.chat-icon-button[data-tooltip]:before,.chat-title-back-button[data-tooltip]:before,.chat-panel-reopen-button[data-tooltip]:before{content:attr(data-tooltip);width:max-content;max-width:180px;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#111827f5;color:#fff;font-size:12px;font-weight:650;line-height:1.2;letter-spacing:0;white-space:nowrap;box-shadow:0 12px 28px #0f172a33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-icon-button[data-tooltip]:after,.chat-title-back-button[data-tooltip]:after,.chat-panel-reopen-button[data-tooltip]:after{content:"";width:8px;height:8px;background:#111827f5;transform:rotate(45deg)}.chat-icon-button[data-tooltip]:before,.chat-title-back-button[data-tooltip]:before{top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-2px)}.chat-icon-button[data-tooltip]:after,.chat-title-back-button[data-tooltip]:after{top:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(-2px) rotate(45deg)}.chat-icon-button[data-tooltip]:hover:before,.chat-icon-button[data-tooltip]:focus-visible:before,.chat-title-back-button[data-tooltip]:hover:before,.chat-title-back-button[data-tooltip]:focus-visible:before{opacity:1;transform:translate(-50%) translateY(0)}.chat-icon-button[data-tooltip]:hover:after,.chat-icon-button[data-tooltip]:focus-visible:after,.chat-title-back-button[data-tooltip]:hover:after,.chat-title-back-button[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0) rotate(45deg)}.chat-title-back-button[data-tooltip-align=start]:before{left:0;transform:translateY(-2px)}.chat-title-back-button[data-tooltip-align=start]:after{left:10px;transform:translateY(-2px) rotate(45deg)}.chat-title-back-button[data-tooltip-align=start]:hover:before,.chat-title-back-button[data-tooltip-align=start]:focus-visible:before{transform:translateY(0)}.chat-title-back-button[data-tooltip-align=start]:hover:after,.chat-title-back-button[data-tooltip-align=start]:focus-visible:after{transform:translateY(0) rotate(45deg)}.chat-panel-reopen-button[data-tooltip]:before{top:50%;left:calc(100% + 10px);transform:translateY(-50%) translate(-2px)}.chat-panel-reopen-button[data-tooltip]:after{top:50%;left:calc(100% + 6px);transform:translateY(-50%) translate(-2px) rotate(45deg)}.chat-panel-reopen-button[data-tooltip]:hover:before,.chat-panel-reopen-button[data-tooltip]:focus-visible:before{opacity:1;transform:translateY(-50%) translate(0)}.chat-panel-reopen-button[data-tooltip]:hover:after,.chat-panel-reopen-button[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(-50%) translate(0) rotate(45deg)}.chat-panel-reopen-button:hover,.chat-panel-reopen-button:focus-visible{outline:none;border-color:#1118272e;background:#111827;color:#fff;box-shadow:0 14px 34px #0f172a33;transform:translateY(-50%)}.chat-panel-reopen-button:active{transform:translateY(-50%) scale(.98)}.chat-panel-reopen-button svg{transform:translate(0)}.chat-panel-reopen-button:hover svg,.chat-panel-reopen-button:focus-visible svg{animation:chat-panel-icon-bounce .62s cubic-bezier(.22,1,.36,1)}@keyframes chat-panel-icon-bounce{0%{transform:translate(0)}38%{transform:translate(3px)}64%{transform:translate(1px)}to{transform:translate(0)}}.preview-canvas--imported-homepage{overflow:hidden}.preview-device-toolbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 14px;min-height:48px;background:#f6f6f7eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,23,42,.08)}.preview-title-slot{flex:1 1 auto;min-width:0;display:flex;align-items:center}.preview-title-display{border:0;background:transparent;color:#1f2937;font-size:13px;font-weight:600;line-height:1.3;text-align:left;padding:4px 8px;border-radius:6px;cursor:pointer;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit;transition:background-color .16s ease}.preview-title-display:hover{background:#0f172a0f}.preview-title-edit-input{width:min(320px,100%);border:1px solid #c5c9cf;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:600;line-height:1.3;font-family:inherit;background:#fff}.preview-title-edit-input:focus{outline:0;border-color:#0051a8;box-shadow:0 0 0 2px #0051a829}.preview-device-buttons{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.viewport-menu-root{position:relative;flex:0 0 auto;z-index:32}.viewport-menu-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:38px;min-width:132px;padding:0 12px;border:1px solid rgba(15,23,42,.16);border-radius:8px;background:#fff;color:#111827;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #0f172a14;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.viewport-menu-trigger:hover,.viewport-menu-trigger.is-open{background:#f8fafc;border-color:#0f172a47;box-shadow:0 6px 16px #0f172a1f;transform:translateY(-1px)}.viewport-menu-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb29}.viewport-menu-width{color:#64748b;font-size:12px;font-weight:750}.viewport-menu-caret{width:0;height:0;margin-left:auto;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.72;transition:transform .16s ease}.viewport-menu-trigger.is-open .viewport-menu-caret{transform:rotate(180deg)}.viewport-menu-panel{position:absolute;top:calc(100% + 10px);left:0;width:240px;padding:8px;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fffffffc;box-shadow:0 24px 60px #0f172a33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.viewport-menu-list{display:grid;gap:4px}.viewport-menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:#0f172a;text-align:left;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.viewport-menu-item:hover,.viewport-menu-item:focus-visible,.viewport-menu-item.is-active{outline:none;background:#f1f5f9;border-color:#0f172a1a}.viewport-menu-item span:last-child{color:#64748b;font-size:11px}.viewport-custom-field{display:grid;gap:6px;margin-top:8px;padding:8px 4px 2px;border-top:1px solid rgba(15,23,42,.08);color:#334155;font-size:12px;font-weight:800}.viewport-custom-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}.viewport-custom-input-wrap input{width:100%;min-height:34px;padding:0 9px;border:1px solid rgba(15,23,42,.16);border-radius:7px;background:#fff;color:#111827;font:inherit;font-size:13px;font-weight:750}.viewport-custom-input-wrap input:focus{outline:none;border-color:#2563eb6b;box-shadow:0 0 0 3px #2563eb1f}.preview-device-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid transparent;background:transparent;color:#475569;font:inherit;font-size:12px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.preview-device-toggle:hover{color:#0f172a;background:#0f172a0d}.preview-device-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #0051a838}.preview-device-toggle.is-active{background:#0f172a;color:#f8fafc;border-color:#0f172a;box-shadow:0 4px 10px #0f172a24}.preview-device-label{line-height:1}.preview-device-icon{display:inline-block;border:1.5px solid currentColor;border-radius:3px;box-sizing:border-box;flex:0 0 auto}.preview-device-icon-mobile{width:10px;height:16px;border-radius:3px}.preview-device-icon-tablet{width:14px;height:18px;border-radius:3px}.preview-device-icon-laptop{width:18px;height:12px;border-radius:2px;position:relative}.preview-device-icon-laptop:after{content:"";position:absolute;left:-3px;right:-3px;bottom:-3px;height:2px;border-radius:2px;background:currentColor}.publish-menu-root{position:relative;flex:0 0 auto;z-index:30}.preview-publish-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.shopify-preview-root{position:relative;flex:0 0 auto;z-index:31}.shopify-preview-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid rgba(15,23,42,.16);border-radius:8px;background:#fff;color:#111827;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #0f172a14;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.shopify-preview-trigger:hover,.shopify-preview-trigger.is-open{background:#f8fafc;border-color:#0f172a47;box-shadow:0 6px 16px #0f172a1f;transform:translateY(-1px)}.shopify-preview-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb29}.shopify-preview-trigger:disabled{cursor:wait;opacity:.7;transform:none}.shopify-preview-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.72;transition:transform .16s ease}.shopify-preview-trigger.is-open .shopify-preview-caret{transform:rotate(180deg)}.shopify-preview-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(320px,calc(100vw - 24px));padding:14px;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fffffffc;box-shadow:0 24px 60px #0f172a38;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.shopify-preview-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:#0f172a;font-size:15px;font-weight:850}.shopify-preview-panel-head button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#475569;cursor:pointer}.shopify-preview-panel-head button:hover,.shopify-preview-panel-head button:focus-visible{outline:none;background:#f1f5f9;color:#0f172a}.shopify-preview-section,.shopify-preview-empty{display:grid;gap:8px}.shopify-preview-section+.shopify-preview-section{margin-top:18px}.shopify-preview-section-title{display:block;color:#0f172a;font-size:12px;font-weight:850;line-height:1.2}.shopify-preview-section p,.shopify-preview-empty p{margin:0;color:#475569;font-size:12px;font-weight:550;line-height:1.35}.shopify-preview-browser-row{display:flex;align-items:center;gap:6px}.shopify-preview-browser-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;flex:1 1 auto;min-height:34px;padding:0 10px;border:1px solid rgba(15,23,42,.14);border-radius:7px;background:#fff;color:#111827;font-size:12px;font-weight:800;line-height:1;text-decoration:none}.shopify-preview-browser-link:hover,.shopify-preview-browser-link:focus-visible{outline:none;border-color:#2563eb61;box-shadow:0 0 0 3px #2563eb1f}.shopify-preview-copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(15,23,42,.14);border-radius:7px;background:#fff;color:#334155;cursor:pointer}.shopify-preview-copy:hover,.shopify-preview-copy:focus-visible{outline:none;color:#111827;border-color:#0f172a47}.shopify-preview-qr-wrap{overflow:hidden;width:100%;border-radius:8px;background:#0f172a}.shopify-preview-qr-wrap img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.publish-menu-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:38px;min-width:120px;padding:4px 12px 4px 6px;border:1px solid #1a1a1a;border-radius:8px;background:#1a1a1a;color:#fff;font:inherit;cursor:pointer;box-shadow:0 4px 12px #0000001f;transition:all .2s cubic-bezier(.4,0,.2,1)}.publish-menu-trigger-direct{min-width:136px;justify-content:center;gap:9px;padding:0 18px;border-radius:8px;font-size:15px;font-weight:850;letter-spacing:0}.publish-menu-trigger:hover,.publish-menu-trigger.is-open{background:#000;border-color:#000;box-shadow:0 6px 16px #0000002e;transform:translateY(-1px)}.publish-menu-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px #0003}.publish-menu-trigger:disabled{cursor:wait;opacity:.7;transform:none;box-shadow:none}.publish-menu-trigger-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:6px;background:#ffffff1f}.publish-menu-trigger-copy{display:flex;flex-direction:column;gap:1px;text-align:left;min-width:0;flex:1 1 auto;color:#fff}.publish-menu-trigger-label{font-size:13px;font-weight:700;line-height:1.1;white-space:nowrap;color:#fff}.publish-menu-trigger-status{font-size:10.5px;font-weight:700;line-height:1.15;color:#ffffffbd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-menu-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #ffffff;opacity:.82;transition:transform .16s ease}.publish-menu-trigger.is-open .publish-menu-caret{transform:rotate(180deg)}.publish-menu-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:999px;animation:publish-menu-spin .72s linear infinite}@keyframes publish-menu-spin{to{transform:rotate(360deg)}}.publish-menu-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(380px,calc(100vw - 24px));padding:10px;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fffffffa;box-shadow:0 24px 60px #0f172a33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.publish-menu-panel:before{content:"";position:absolute;top:-6px;right:22px;width:12px;height:12px;border-left:1px solid rgba(15,23,42,.12);border-top:1px solid rgba(15,23,42,.12);background:#fffffffa;transform:rotate(45deg)}.publish-menu-panel-head{display:grid;gap:2px;padding:4px 4px 10px;border-bottom:1px solid rgba(15,23,42,.08)}.publish-menu-panel-head span{color:#0f172a;font-size:13px;font-weight:800}.publish-menu-panel-head small{color:#64748b;font-size:11px;font-weight:600}.publish-menu-list{display:grid;gap:6px;padding:8px 0}.publish-menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#0f172a;text-align:left;font:inherit;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.publish-menu-item:hover,.publish-menu-item:focus-visible{outline:none;background:#f8fafc;border-color:#0f172a1a;transform:translate(2px)}.publish-menu-item.is-safe:hover,.publish-menu-item.is-safe:focus-visible{background:#ecfdf5;border-color:#10b98147}.publish-menu-item.is-danger:hover,.publish-menu-item.is-danger:focus-visible{background:#fff7ed;border-color:#f9731647}.publish-menu-item.is-live:hover,.publish-menu-item.is-live:focus-visible{background:#eff6ff;border-color:#2563eb3d}.publish-menu-item:disabled{cursor:wait;opacity:.62;transform:none}.publish-menu-item-main{display:grid;gap:3px;min-width:0}.publish-menu-item-title{display:inline-flex;align-items:center;gap:7px;color:#0f172a;font-size:12px;font-weight:800;line-height:1.2}.publish-menu-item-description{color:#64748b;font-size:11px;font-weight:550;line-height:1.35}.publish-menu-item-badge{display:inline-flex;align-items:center;min-height:16px;padding:1px 6px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:9px;font-weight:800;line-height:1;text-transform:uppercase}.publish-menu-foot{padding:9px 10px 2px;border-top:1px solid rgba(15,23,42,.08);color:#64748b;font-size:11px;font-weight:600;line-height:1.4}@media(max-width:760px){.preview-device-toolbar{flex-wrap:wrap}.preview-publish-actions{margin-left:auto}.shopify-preview-panel{right:-128px}.publish-menu-panel{right:-4px}}.preview-paper{width:100%;max-width:none;background:transparent;box-shadow:none;border-radius:0;box-sizing:border-box;transition:max-width .26s cubic-bezier(.22,1,.36,1),box-shadow .26s ease,margin .26s ease,border-radius .26s ease,background-color .26s ease}.preview-paper-laptop,.preview-paper-tablet,.preview-paper-mobile{margin-inline:auto;margin-block:0 24px}.preview-canvas--imported-homepage .preview-paper-laptop,.preview-canvas--imported-homepage .preview-paper-tablet,.preview-canvas--imported-homepage .preview-paper-mobile{margin-block:0}.preview-paper-laptop{background:#fff;border-radius:10px;box-shadow:0 1px 2px #0f172a0f,0 28px 60px #0f172a24}.preview-paper-tablet{background:#fff;border-radius:18px;box-shadow:0 1px 2px #0f172a0f,0 24px 48px #0f172a1f}.preview-paper-mobile{background:#fff;border-radius:28px;box-shadow:0 1px 2px #0f172a0f,0 22px 44px #0f172a24}.preview-paper-laptop .ai-preview-root,.preview-paper-tablet .ai-preview-root,.preview-paper-mobile .ai-preview-root{border-radius:inherit;overflow:hidden}.preview-publish-wrap{position:relative;z-index:1;width:min(960px,calc(100% - 48px));max-width:960px;margin:24px auto 32px;padding:0;box-sizing:border-box}.preview-canvas--imported-homepage .preview-publish-wrap{position:absolute;left:50%;bottom:18px;width:min(960px,calc(100% - 48px));margin:0;transform:translate(-50%)}.chat-bubble{padding:11px 14px;border-radius:16px;max-width:86%;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;animation:aiBubbleIn .22s cubic-bezier(.22,1,.36,1)}@keyframes aiBubbleIn{0%{opacity:0;transform:translateY(6px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-bubble-user{background:#0f172a;color:#f8fafc;border:1px solid #0f172a;align-self:flex-end;border-bottom-right-radius:6px;box-shadow:0 8px 18px #0f172a1f;letter-spacing:-.005em}.chat-bubble-ai{background:#fff;color:#0f172a;border:1px solid #e5e7eb;align-self:flex-start;border-bottom-left-radius:6px;box-shadow:0 4px 14px #0f172a0d}.chat-change-list{display:flex;flex-direction:column;gap:10px}.chat-change-intro{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.chat-change-entry{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:#0f172a08;border:1px solid rgba(15,23,42,.06);transition:background-color .16s ease,border-color .16s ease}.chat-change-entry:hover{background:#0f172a0d;border-color:#0f172a1a}.chat-change-row-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:.01em;color:#0f62fe;word-break:break-all}.chat-change-description-wrap{display:grid;grid-template-rows:1fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1)}.chat-change-description-wrap.is-collapsed{grid-template-rows:4.5em}.chat-change-description-wrap.is-expanded{grid-template-rows:1fr}.chat-change-description-wrap>.chat-change-description{min-height:0;overflow:hidden;position:relative;transition:mask-image .32s ease,-webkit-mask-image .32s ease}.chat-change-description-wrap.is-collapsed>.chat-change-description{-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 60%,transparent 100%)}.chat-change-description{font-size:13px;line-height:1.5;color:#1f2937;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.chat-change-toggle{align-self:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:2px 0 0;padding:2px 0;border:0;background:transparent;color:#0f62fe;font:inherit;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;transition:color .14s ease,transform .14s ease}.chat-change-toggle:hover,.chat-change-toggle:focus-visible{color:#0051a8;text-decoration:underline;outline:none}.chat-change-toggle:active{transform:translateY(1px)}.ai-composer{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:6px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 1px 2px #0f172a08,0 6px 18px #0f172a0a;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.ai-composer-row{display:flex;flex-direction:row;align-items:flex-end;gap:6px;padding-left:2px}.ai-composer.is-focused{border-color:#0f172ad9;box-shadow:0 0 0 4px #0f172a0f,0 10px 24px #0f172a14}.ai-composer.is-disabled{background:#f8fafc;border-color:#e2e8f0;box-shadow:none}.ai-composer.is-disabled .ai-composer-textarea{cursor:not-allowed}.ai-composer-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 auto;min-width:0;resize:none;border:0;background:transparent;padding:8px 4px 8px 12px;font:inherit;font-size:14px;line-height:1.5;color:#0f172a;outline:none;min-height:24px;max-height:220px;overflow-y:auto;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.005em}.ai-composer-textarea::placeholder{color:#94a3b8}.ai-composer-textarea::-webkit-scrollbar{width:8px}.ai-composer-textarea::-webkit-scrollbar-thumb{background:#0f172a24;border-radius:8px}.ai-composer-send{align-self:flex-end;margin-bottom:2px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:999px;border:0;background:#0f172a;color:#fff;cursor:pointer;flex:0 0 auto;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease,opacity .16s ease;box-shadow:0 8px 18px #0f172a38}.ai-composer-send:hover:not(:disabled){transform:translateY(-1px);background:#1e293b;box-shadow:0 10px 22px #0f172a42}.ai-composer-send:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 10px #0f172a38}.ai-composer-send:focus-visible{outline:none;box-shadow:0 0 0 3px #0f172a2e,0 10px 22px #0f172a42}.ai-composer-send:disabled{background:#e2e8f0;color:#fff;cursor:not-allowed;box-shadow:none}.ai-composer-send svg{display:block}.ai-composer-send-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:aiComposerSpin .72s linear infinite}@keyframes aiComposerSpin{to{transform:rotate(360deg)}}.ai-thinking{align-self:flex-start;max-width:92%;min-width:220px;padding:14px 16px 13px;background:radial-gradient(120% 140% at 0% 0%,rgba(15,98,254,.07),transparent 65%),linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5e7eb;box-shadow:0 6px 20px #0f172a0f;display:flex;flex-direction:column;gap:10px;animation:aiThinkingIn .26s cubic-bezier(.22,1,.36,1);border-radius:16px 16px 16px 6px}@keyframes aiThinkingIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ai-thinking-stepper{display:flex;gap:4px}.ai-thinking-step{flex:1;height:3px;border-radius:999px;background:#e5e7eb;overflow:hidden;position:relative}.ai-thinking-step.is-complete{background:#0f172a}.ai-thinking-step.is-active{background:#e5e7eb}.ai-thinking-step.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(90deg,#0f172a00,#0f172ad9,#0f172a00);animation:aiThinkingShimmer 1.6s ease-in-out infinite}@keyframes aiThinkingShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ai-thinking-header{display:flex;align-items:center;gap:10px;min-height:18px}.ai-thinking-orb{width:10px;height:10px;border-radius:999px;background:#0f172a;position:relative;flex:0 0 auto}.ai-thinking-orb:before,.ai-thinking-orb:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:999px;border:1px solid rgba(15,23,42,.35);animation:aiThinkingPulse 1.8s ease-out infinite}.ai-thinking-orb:after{animation-delay:.9s}@keyframes aiThinkingPulse{0%{transform:scale(.85);opacity:.7}to{transform:scale(2.2);opacity:0}}.ai-thinking-title{font-size:13px;font-weight:600;color:#0f172a;letter-spacing:-.005em;display:inline-block;animation:aiThinkingText .34s cubic-bezier(.22,1,.36,1)}@keyframes aiThinkingText{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ai-thinking-dots{display:inline-flex;gap:3px;margin-left:2px}.ai-thinking-dots span{width:4px;height:4px;border-radius:999px;background:#94a3b8;animation:aiThinkingDot 1.2s ease-in-out infinite}.ai-thinking-dots span:nth-child(2){animation-delay:.15s}.ai-thinking-dots span:nth-child(3){animation-delay:.3s}@keyframes aiThinkingDot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.ai-thinking-progress{position:relative;height:2px;border-radius:999px;background:#eef2f7;overflow:hidden}.ai-thinking-progress span{position:absolute;top:0;left:0;height:100%;width:35%;border-radius:999px;background:linear-gradient(90deg,#0f172a00,#0f172a 30%,#0f62fe 70%,#0f62fe00);animation:aiThinkingBar 1.7s ease-in-out infinite}@keyframes aiThinkingBar{0%{left:-40%}to{left:100%}}.color-field-editor{display:flex;align-items:flex-end;gap:10px}.color-picker-trigger{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid #d0d5db;background:linear-gradient(135deg,#ffffffb8,#fff3),radial-gradient(circle at top left,rgba(255,255,255,.8),transparent 60%);box-shadow:0 6px 14px #1118271f;cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.color-picker-trigger:hover{transform:translateY(-1px);border-color:#9ca3af;box-shadow:0 10px 18px #1118272e}.color-picker-trigger:focus-within{border-color:#0051a8;box-shadow:0 0 0 2px #0051a840,0 10px 18px #1118272e}.color-picker-swatch{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:8px;border:1px solid rgba(255,255,255,.7)}.color-picker-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.color-text-field{flex:1}@media(max-width:768px){.color-field-editor{align-items:center}}.planning-product-empty{padding:18px;border:1px dashed rgba(148,163,184,.8);border-radius:16px;background:linear-gradient(180deg,#f8fafce6,#fffffffa)}.planning-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.planning-product-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border:1px solid rgba(226,232,240,.95);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f8fafceb);box-shadow:0 12px 30px #0f172a14}.planning-product-media,.planning-product-media-placeholder{width:72px;height:72px;border-radius:16px;overflow:hidden}.planning-product-media{border:1px solid rgba(226,232,240,.95);background:#fff}.planning-product-media img{width:100%;height:100%;object-fit:cover;display:block}.planning-product-media-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#0f172a;font-size:24px;font-weight:700}.planning-product-content{min-width:0;display:flex;flex-direction:column;gap:4px}.planning-product-card-action{grid-column:1 / -1;justify-self:start}.planning-product-card-action :is(button,a[role=button]){white-space:nowrap}.planning-product-link{display:inline-flex;align-items:center;width:fit-content;color:#0051a8;font-size:13px;font-weight:600;text-decoration:none}.planning-product-link:hover,.planning-product-link:focus-visible{text-decoration:underline}@media(max-width:768px){.planning-product-card{grid-template-columns:60px minmax(0,1fr);padding:12px}.planning-product-media,.planning-product-media-placeholder{width:60px;height:60px;border-radius:14px}}.ai-composer-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}.ai-composer-attach{align-self:flex-end;margin-bottom:2px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:999px;border:1px solid transparent;background:transparent;color:#475569;cursor:pointer;flex:0 0 auto;transition:background-color .16s ease,color .16s ease,transform .16s ease}.ai-composer-attach:hover:not(:disabled){background:#0f172a0f;color:#0f172a;transform:translateY(-1px)}.ai-composer-attach:focus-visible{outline:none;box-shadow:0 0 0 3px #0f172a29}.ai-composer-attach:disabled{opacity:.4;cursor:not-allowed;transform:none}.ai-composer-attachments{display:flex;flex-wrap:wrap;gap:6px;padding:4px 2px 0}.ai-attach-chip{position:relative;display:inline-flex;flex:0 0 auto;border-radius:12px;overflow:hidden;background:#f1f5f9;border:1px solid rgba(15,23,42,.08);box-shadow:0 1px 2px #0f172a0f;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.ai-attach-chip:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0f172a24;border-color:#0f172a29}.ai-attach-chip.is-uploading{border-color:#0f172a14}.ai-attach-chip.is-error{border-color:#dc262680;background:#fef2f2}.ai-attach-chip-preview{all:unset;display:block;width:100%;height:100%;cursor:zoom-in}.ai-attach-chip-preview img{display:block;width:100%;height:100%;object-fit:cover}.ai-attach-chip.is-uploading .ai-attach-chip-preview img{filter:brightness(.7) saturate(.85)}.ai-attach-chip-spinner{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:aiComposerSpin .72s linear infinite;pointer-events:none}.ai-attach-chip-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#b91c1c;pointer-events:none}.ai-attach-chip-remove{position:absolute;top:2px;right:2px;width:16px;height:16px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:0;background:#0f172ac7;color:#fff;cursor:pointer;opacity:0;transform:scale(.85);transition:opacity .14s ease,transform .14s ease,background-color .14s ease}.ai-attach-chip:hover .ai-attach-chip-remove,.ai-attach-chip:focus-within .ai-attach-chip-remove{opacity:1;transform:scale(1)}.ai-attach-chip-remove:hover{background:#0f172a}.ai-attach-error{font-size:12px;color:#b91c1c;padding:4px 8px 0}.ai-row-attach{display:flex;flex-direction:column;gap:6px}.ai-row-attach-header{display:flex;align-items:center;gap:6px}.ai-row-attach-label{font-size:12px;font-weight:500;color:#475569;letter-spacing:.01em}.ai-row-attach-add{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border-radius:999px;border:1px dashed rgba(15,23,42,.2);background:transparent;color:#475569;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.ai-row-attach-add:hover:not(:disabled){background:#0f172a0f;border-color:#0f172a59;color:#0f172a;transform:translateY(-1px)}.ai-row-attach-add:disabled{opacity:.4;cursor:not-allowed}.ai-row-attach-strip{display:flex;flex-wrap:wrap;gap:6px}.ai-row-attach-error{font-size:11.5px;color:#b91c1c}.ai-preview-row-edit-attach-strip{display:flex;flex-wrap:wrap;gap:6px;padding-top:6px}.ai-preview-row-edit-attach{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin-right:auto;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:transparent;color:#475569;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.ai-preview-row-edit-attach:hover:not(:disabled){background:#0f172a0f;border-color:#0f172a4d;color:#0f172a}.ai-preview-row-edit-attach:disabled{opacity:.4;cursor:not-allowed}.chat-bubble-text{display:block}.chat-bubble-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chat-bubble-attachment{all:unset;display:inline-block;width:72px;height:72px;border-radius:12px;overflow:hidden;border:1px solid rgba(15,23,42,.08);background:#f1f5f9;cursor:zoom-in;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.chat-bubble-user .chat-bubble-attachment{border-color:#ffffff24;background:#ffffff14}.chat-bubble-attachment:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 10px 22px #0f172a2e;border-color:#0f172a33}.chat-bubble-attachment img{display:block;width:100%;height:100%;object-fit:cover}.ai-attach-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:32px;background:#0a0e16d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:aiAttachLightboxFade .18s ease-out;cursor:zoom-out}@keyframes aiAttachLightboxFade{0%{opacity:0}to{opacity:1}}.ai-attach-lightbox-img{max-width:min(92vw,1400px);max-height:86vh;border-radius:14px;box-shadow:0 30px 80px #0000008c;cursor:default;animation:aiAttachLightboxZoom .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes aiAttachLightboxZoom{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.ai-attach-lightbox-caption{position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:6px 12px;font-size:12px;color:#ffffffdb;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:999px;cursor:default;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-attach-lightbox-close{position:absolute;top:20px;right:20px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0f172a99;color:#fff;cursor:pointer;transition:background-color .14s ease,transform .14s ease,border-color .14s ease}.ai-attach-lightbox-close:hover{background:#0f172ad9;border-color:#ffffff52;transform:scale(1.06)}.ai-attach-lightbox-close:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff59}
