*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-0{left:0}.top-full{top:100%}.z-40{z-index:40}.z-50{z-index:50}.z-\[55\]{z-index:55}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.\!block{display:block!important}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-72{height:18rem}.h-\[500px\]{height:500px}.h-\[56vh\]{height:56vh}.max-h-48{max-height:12rem}.max-h-56{max-height:14rem}.max-h-\[62vh\]{max-height:62vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[82vh\]{max-height:82vh}.max-h-\[86vh\]{max-height:86vh}.min-h-20{min-height:5rem}.min-h-36{min-height:9rem}.min-h-\[420px\]{min-height:420px}.min-h-\[500px\]{min-height:500px}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-28{width:7rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-\[360px\]{width:360px}.w-full{width:100%}.min-w-\[1440px\]{min-width:1440px}.min-w-\[1520px\]{min-width:1520px}.min-w-\[680px\]{min-width:680px}.min-w-\[720px\]{min-width:720px}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[1040px\]{max-width:1040px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x: pan-x;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-y{--tw-pan-y: pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.resize-none{resize:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-accent{--tw-border-opacity: 1;border-color:rgb(241 105 60 / var(--tw-border-opacity, 1))}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-line{--tw-border-opacity: 1;border-color:rgb(232 225 215 / var(--tw-border-opacity, 1))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-stone-200{--tw-border-opacity: 1;border-color:rgb(231 229 228 / var(--tw-border-opacity, 1))}.border-violet-100{--tw-border-opacity: 1;border-color:rgb(237 233 254 / var(--tw-border-opacity, 1))}.border-violet-200{--tw-border-opacity: 1;border-color:rgb(221 214 254 / var(--tw-border-opacity, 1))}.border-violet-400{--tw-border-opacity: 1;border-color:rgb(167 139 250 / var(--tw-border-opacity, 1))}.border-white\/40{border-color:#fff6}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-accent{--tw-bg-opacity: 1;background-color:rgb(241 105 60 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-ink{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-paper{--tw-bg-opacity: 1;background-color:rgb(251 250 247 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-slate-950\/35{background-color:#02061759}.bg-stone-200{--tw-bg-opacity: 1;background-color:rgb(231 229 228 / var(--tw-bg-opacity, 1))}.bg-stone-300{--tw-bg-opacity: 1;background-color:rgb(214 211 209 / var(--tw-bg-opacity, 1))}.bg-stone-50{--tw-bg-opacity: 1;background-color:rgb(250 250 249 / var(--tw-bg-opacity, 1))}.bg-stone-950\/35{background-color:#0c0a0959}.bg-stone-950\/40{background-color:#0c0a0966}.bg-violet-100{--tw-bg-opacity: 1;background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))}.bg-violet-50{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}.bg-violet-50\/60{background-color:#f5f3ff99}.bg-violet-600{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-violet-600{--tw-gradient-from: #7c3aed var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-cyan-500{--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-8{padding-bottom:2rem}.pr-2{padding-right:.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[15px\]{font-size:15px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.tracking-\[0\.18em\]{letter-spacing:.18em}.text-accent{--tw-text-opacity: 1;color:rgb(241 105 60 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-ink{--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-stone-200{--tw-text-opacity: 1;color:rgb(231 229 228 / var(--tw-text-opacity, 1))}.text-stone-400{--tw-text-opacity: 1;color:rgb(168 162 158 / var(--tw-text-opacity, 1))}.text-stone-500{--tw-text-opacity: 1;color:rgb(120 113 108 / var(--tw-text-opacity, 1))}.text-stone-600{--tw-text-opacity: 1;color:rgb(87 83 78 / var(--tw-text-opacity, 1))}.text-stone-700{--tw-text-opacity: 1;color:rgb(68 64 60 / var(--tw-text-opacity, 1))}.text-stone-900{--tw-text-opacity: 1;color:rgb(28 25 23 / var(--tw-text-opacity, 1))}.text-violet-600{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-violet-700{--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/75{color:#ffffffbf}.opacity-0{opacity:0}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-soft{--tw-shadow: 0 18px 60px rgba(32, 24, 18, .1);--tw-shadow-colored: 0 18px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{color:#111827;background:#fbfaff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.suggestion-actions{display:flex;gap:8px;align-items:center}.visual-category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.visual-category-tabs button{min-height:64px;padding:10px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-align:left}.visual-category-tabs button.active{border-color:#2563eb;background:#eff6ff}.visual-category-tabs strong,.visual-category-tabs span{display:block}.visual-category-tabs strong{color:#0f172a;font-size:13px}.visual-category-tabs span{margin-top:4px;color:#64748b;font-size:11px;line-height:1.35}.visual-style-panel{margin-top:16px}.style-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.style-chip-grid button{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#334155;font-size:12px;font-weight:700}.style-chip-grid button.active{border-color:#2563eb;background:#eff6ff}.style-chip-grid i{width:16px;height:16px;border:1px solid #d1d5db;border-radius:50%}.type-group-title{display:block;margin:10px 0 4px;color:#64748b;font-size:11px;font-weight:900}.suggestion-thumb.orbit:before{border-radius:999px;border:2px solid rgba(124,58,237,.35);background:transparent}.suggestion-thumb.pill span{top:28px;width:26px;height:16px;border-radius:999px;background:#14b8a6}.suggestion-thumb.pill span:nth-child(1){left:18px}.suggestion-thumb.pill span:nth-child(2){left:50px;background:#2563eb}.suggestion-thumb.pill span:nth-child(3){left:82px;background:#f97316}.suggestion-thumb.pill span:nth-child(4){display:none}.suggestion-thumb.circle-step span{top:27px;width:16px;height:16px;border-radius:50%;background:#7c3aed}.suggestion-thumb.circle-step span:nth-child(1){left:20px}.suggestion-thumb.circle-step span:nth-child(2){left:52px}.suggestion-thumb.circle-step span:nth-child(3){left:84px}.suggestion-thumb.circle-step span:nth-child(4){display:none}.suggestion-thumb.bar span,.suggestion-thumb.horizontal-bar span,.suggestion-thumb.compare-bar span{bottom:14px;width:14px;border-radius:5px 5px 2px 2px;background:#2563eb}.suggestion-thumb.bar span:nth-child(1){left:26px;height:22px}.suggestion-thumb.bar span:nth-child(2){left:48px;height:34px;background:#14b8a6}.suggestion-thumb.bar span:nth-child(3){left:70px;height:28px;background:#f97316}.suggestion-thumb.bar span:nth-child(4){left:92px;height:42px;background:#7c3aed}.suggestion-thumb.line:after{content:"";position:absolute;left:20px;right:20px;top:36px;height:24px;border-top:3px solid #2563eb;border-right:3px solid #14b8a6;transform:skewY(-18deg)}.suggestion-thumb.pie:before,.suggestion-thumb.donut:before,.suggestion-thumb.radar:before{border-radius:50%;background:conic-gradient(#2563eb 0 38%,#14b8a6 38% 68%,#f97316 68% 100%)}.suggestion-thumb.donut:after{content:"";position:absolute;inset:31px 55px;border-radius:50%;background:#fff}.recent-templates-panel{margin-top:16px}.recent-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.recent-head h4{margin:0}.recent-head span{color:#64748b;font-size:11px;font-weight:800}.recent-template-list{display:grid;gap:8px}.recent-template-item{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:10px;min-height:76px;padding:8px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;text-align:left}.recent-template-item:hover,.recent-template-item.active{border-color:#8b5cf6;background:#f5f3ff}.recent-template-item>span{display:grid;gap:4px}.recent-template-item strong{color:#0f172a;font-size:13px}.recent-template-item small{color:#64748b;font-size:11px}.template-suggestion-card.compact{min-height:62px;padding:4px}.template-suggestion-card.compact strong,.template-suggestion-card.compact small,.template-suggestion-card.compact em{display:none}.visual-edit-panel{position:fixed;right:18px;top:92px;z-index:35;width:292px;max-height:calc(100vh - 116px);overflow:auto;padding:14px;border:1px solid rgba(226,232,240,.95);border-radius:18px;background:#fffffff5;box-shadow:0 24px 70px #0f172a24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.visual-edit-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.visual-edit-panel header span{color:#7c3aed;font-size:11px;font-weight:900}.visual-edit-panel header strong{display:block;color:#0f172a;font-size:15px}.visual-panel-close{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:1px solid #ede9fe;border-radius:10px;background:#fff;color:#6d28d9;font-weight:900;cursor:pointer}.edit-action-grid{display:grid;grid-template-columns:1fr;gap:8px}.edit-action-grid button{display:grid;gap:4px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-align:left}.edit-action-grid button:hover{border-color:#8b5cf6;background:#f5f3ff}.edit-action-grid strong{color:#0f172a;font-size:13px}.edit-action-grid small,.edit-note p{color:#64748b;font-size:12px;line-height:1.5}.edit-note{margin-top:14px;padding-top:12px;border-top:1px solid #e5e7eb}.edit-section{margin-top:16px}.edit-section h4,.visual-style-panel h4{margin:0 0 10px;color:#334155;font-size:12px;font-weight:900}.current-template-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #ede9fe;border-radius:12px;padding:10px}.current-template-row span{color:#111827;font-size:13px;font-weight:900}.current-template-row button,.edit-chip-row button,.edit-action-grid.compact button{border:1px solid #ede9fe;border-radius:10px;background:#fff;color:#5b6474;font-size:12px;font-weight:850;padding:8px 10px;cursor:pointer}.edit-chip-row{display:flex;flex-wrap:wrap;gap:8px}.edit-chip-row button.active{background:#7c3aed;color:#fff;border-color:#7c3aed}.edit-field{display:grid;gap:6px;margin-bottom:9px}.edit-field span{color:#64748b;font-size:12px;font-weight:800}.edit-field input,.edit-field textarea,.hex-background-input input{border:1px solid #ede9fe;border-radius:10px;padding:0 10px;outline:none}.edit-field input,.hex-background-input input{height:34px}.edit-field textarea{min-height:54px;padding-top:8px;resize:vertical;line-height:1.45}.edit-help{margin:-2px 0 10px;color:#64748b;font-size:11px;line-height:1.45}.metric-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:7px;margin-bottom:8px}.metric-edit-row input{min-width:0;height:34px;border:1px solid #ede9fe;border-radius:10px;padding:0 9px;color:#111827;background:#fff}.metric-edit-row input:focus{outline:2px solid rgba(124,58,237,.18);border-color:#8b5cf6}.metric-edit-row.with-remove{grid-template-columns:minmax(0,1fr) 82px 46px}.metric-remove{height:34px;border:1px solid #fecaca;border-radius:10px;background:#fff;color:#dc2626;font-size:11px;font-weight:800;cursor:pointer}.branch-edit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px}.branch-remove,.branch-add{height:34px;border:1px solid #ede9fe;border-radius:10px;background:#fff;color:#6d28d9;font-size:12px;font-weight:800;cursor:pointer}.branch-remove{margin-bottom:9px;padding:0 8px;color:#dc2626;border-color:#fecaca}.branch-add{width:100%}.edit-action-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.hex-background-input{display:flex;align-items:center;gap:8px;margin-top:10px;color:#64748b;font-size:12px;font-weight:850}.style-chip-grid i.checker{background-image:linear-gradient(45deg,#fff 25%,#e5e7eb 25% 50%,#fff 50% 75%,#e5e7eb 75%);background-size:10px 10px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}html{scroll-behavior:smooth}button,input,textarea{font:inherit}textarea::-moz-selection{color:#171717;background:#ddd6fe}textarea::selection{color:#171717;background:#ddd6fe}.editor-scroll::-webkit-scrollbar{width:10px}.editor-scroll::-webkit-scrollbar-thumb{background:#c4b5fd;border:3px solid #fbfaff;border-radius:999px}.site-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(34,211,238,.2);background:#050a1cd1;box-shadow:0 14px 38px #080d2238;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header .site-shell{min-height:68px}.brand-mark{display:inline-flex;align-items:center;gap:10px;color:#e0f2fe;font-weight:900;letter-spacing:0}.brand-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#22d3ee,#7c3aed 58%,#0f172a);box-shadow:0 0 28px #22d3ee61}.nav-pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid rgba(34,211,238,.22);border-radius:12px;background:#0f172ab8;padding:0 14px;color:#bae6fd;font-size:14px;font-weight:800}.gradient-btn{display:inline-flex;align-items:center;min-height:48px;border-radius:14px;background:linear-gradient(135deg,#06b6d4,#7c3aed 62%,#111827);padding:0 22px;color:#fff;font-weight:900;box-shadow:0 18px 42px #22d3ee3d}.ghost-btn{min-height:48px;border:1px solid rgba(34,211,238,.25);border-radius:14px;background:#0f172a99;padding:0 20px;color:#bae6fd;font-weight:900}.hero-section{position:relative;overflow:hidden;padding:86px 0 74px;background:radial-gradient(circle at 78% 18%,rgba(34,211,238,.28),transparent 30%),radial-gradient(circle at 20% 16%,rgba(124,58,237,.34),transparent 30%),linear-gradient(180deg,#050a1c,#10172f 58%,#f8fafc)}.hero-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(34,211,238,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.08) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 88%);mask-image:linear-gradient(to bottom,#000 0%,transparent 88%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);align-items:center;gap:58px}.eyebrow{color:#7c3aed;font-size:12px;font-weight:900;letter-spacing:.12em}.hero-copy h1{margin-top:14px;color:#f8fafc;font-size:clamp(44px,6vw,74px);font-weight:950;line-height:1.06;letter-spacing:0}.hero-copy h1 span{color:#67e8f9}.hero-subtitle{margin:24px 0 30px;max-width:660px;color:#cbd5e1;font-size:18px;line-height:1.9}.hero-stats{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}.hero-stats span{border:1px solid rgba(34,211,238,.22);border-radius:999px;background:#0f172a94;padding:8px 12px;color:#bae6fd;font-size:13px;font-weight:800}.hero-visual{position:relative;min-height:560px}.hero-visual:before{content:"";position:absolute;inset:36px 8px 34px 24px;border-radius:42px;background:linear-gradient(135deg,#8b5cf633,#ffffffd1);filter:blur(2px)}.chart-phone{position:absolute;right:28px;top:52px;width:min(390px,92vw);border:1px solid rgba(34,211,238,.24);border-radius:34px;background:#0f172ad6;padding:20px;box-shadow:0 34px 90px #22d3ee33;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.phone-top{display:flex;gap:7px;margin-bottom:18px}.phone-top span{width:10px;height:10px;border-radius:999px;background:#22d3ee}.preview-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;border:1px solid rgba(34,211,238,.18);border-radius:22px;background:#ffffffeb;padding:18px;box-shadow:0 16px 32px #7c3aed14}.preview-title{color:#111827;font-size:18px;font-weight:900}.preview-meta{margin-top:6px;color:#64748b;font-size:13px}.mini-pie{width:82px;height:82px;border-radius:50%;background:conic-gradient(#7c3aed 0 42%,#a78bfa 42% 68%,#ddd6fe 68% 100%);box-shadow:inset 0 0 0 18px #fff}.bar-preview{display:flex;align-items:end;gap:8px;height:118px;width:44%}.bar-preview i{flex:1;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#8b5cf6,#6d28d9)}.bar-preview i:nth-child(1){height:36%}.bar-preview i:nth-child(2){height:62%}.bar-preview i:nth-child(3){height:48%}.bar-preview i:nth-child(4){height:84%}.bar-preview i:nth-child(5){height:70%}.line-preview{position:relative;height:118px;flex:1;border-radius:18px;background:linear-gradient(#f5f3ff 1px,transparent 1px),linear-gradient(90deg,#f5f3ff 1px,transparent 1px);background-size:28px 28px}.line-preview span{position:absolute;inset:22px 14px;background:linear-gradient(135deg,transparent 0 20%,#7c3aed 20% 24%,transparent 24% 46%,#8b5cf6 46% 50%,transparent 50% 72%,#6d28d9 72% 76%,transparent 76%)}.flow-preview{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:8px}.flow-preview span{border-radius:16px;background:#f5f3ff;padding:14px 8px;color:#5b21b6;text-align:center;font-size:13px;font-weight:900}.flow-preview i{height:2px;background:#a78bfa}.signup-card{position:absolute;right:0;top:4px;z-index:2;width:238px;border:1px solid rgba(124,58,237,.16);border-radius:20px;background:#fff;padding:16px 42px 16px 16px;box-shadow:0 18px 45px #4c1d9529}.signup-card button{position:absolute;right:12px;top:10px;color:#94a3b8;font-size:20px}.signup-card strong,.signup-card span{display:block}.signup-card strong{color:#4c1d95;font-weight:900}.signup-card span{margin-top:6px;color:#64748b;font-size:13px;line-height:1.5}.cursor-deco{position:absolute;right:10px;bottom:82px;display:grid;width:54px;height:54px;place-items:center;border-radius:18px;background:#111827;color:#fff;font-size:24px;box-shadow:0 18px 36px #0f172a40}.site-section{padding:78px 0;background:#fff}.visual-color-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;border:1px solid #ede9fe;border-radius:12px;background:#faf9ff;padding:8px 10px;color:#64748b;font-size:12px;font-weight:850}.visual-color-picker input[type=color]{width:42px;height:30px;cursor:pointer;border:0;border-radius:9px;background:transparent;padding:0}.edit-field select{width:100%;height:34px;border:1px solid #ede9fe;border-radius:10px;background:#fff;color:#111827;font-size:12px;outline:none}.edit-field input[type=color]{padding:3px}.selected-text-target{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;border:1px solid #ede9fe;border-radius:12px;background:#faf5ff;padding:8px 10px}.selected-text-target span{color:#8b5cf6;font-size:11px;font-weight:900}.selected-text-target strong{min-width:0;color:#111827;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soft-band{background:linear-gradient(180deg,#fff,#f5f3ff)}.section-heading{max-width:760px;margin-bottom:30px}.section-heading h2,.cta-card h2{margin-top:10px;color:#0f172a;font-size:clamp(30px,4vw,46px);font-weight:950;line-height:1.18}.feature-tabs,.capability-grid,.case-grid{display:grid;gap:18px}.feature-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-tab,.capability-grid article,.case-card,.auth-card{border:1px solid rgba(124,58,237,.13);border-radius:20px;background:#fff;box-shadow:0 18px 42px #4c1d9512}.feature-tab{min-height:166px;padding:22px}.feature-tab.is-active{border-color:#7c3aed61;background:linear-gradient(180deg,#fff,#f5f3ff)}.feature-tab strong,.feature-tab span{display:block}.feature-tab strong{color:#111827;font-size:18px;font-weight:900}.feature-tab span{margin-top:12px;color:#64748b;font-size:14px;line-height:1.7}.capability-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.capability-grid article{padding:26px}.capability-grid span{display:grid;width:46px;height:46px;place-items:center;border-radius:16px;background:#f3e8ff;color:#7c3aed;font-size:22px;font-weight:900}.capability-grid h3,.case-card h3{margin-top:18px;color:#111827;font-size:18px;font-weight:900}.capability-grid p{margin-top:10px;color:#64748b;font-size:14px;line-height:1.75}.case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.case-card{min-height:210px;overflow:hidden;padding:20px}.case-card>div{margin-top:18px;height:120px}.case-card.flow div{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr;align-items:center}.case-card.flow span,.case-card.structure-mini span{border-radius:14px;background:#ede9fe}.case-card.flow span{height:54px}.case-card.flow i{height:2px;background:#8b5cf6}.case-card.matrix div,.case-card.structure-mini div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.case-card.matrix span{border-radius:14px;background:linear-gradient(135deg,#ede9fe,#fff);border:1px solid #ddd6fe}.case-card.pyramid div{display:grid;align-content:end;gap:8px}.case-card.pyramid span{height:30px;border-radius:12px;justify-self:center;background:linear-gradient(135deg,#8b5cf6,#c4b5fd)}.case-card.pyramid span:nth-child(1){width:38%}.case-card.pyramid span:nth-child(2){width:64%}.case-card.pyramid span:nth-child(3){width:92%}.case-card.bars div{display:flex;align-items:end;gap:12px}.case-card.bars span{flex:1;border-radius:12px 12px 4px 4px;background:#8b5cf6}.case-card.bars span:nth-child(1){height:42%}.case-card.bars span:nth-child(2){height:76%}.case-card.bars span:nth-child(3){height:54%}.case-card.bars span:nth-child(4){height:90%}.case-card.lines div,.case-card.radar div{border-radius:18px;background:linear-gradient(#f5f3ff 1px,transparent 1px),linear-gradient(90deg,#f5f3ff 1px,transparent 1px);background-size:24px 24px}.case-card.lines span{display:block;width:100%;height:100%;background:linear-gradient(140deg,transparent 0 18%,#7c3aed 18% 22%,transparent 22% 42%,#8b5cf6 42% 46%,transparent 46% 70%,#6d28d9 70% 74%,transparent 74%)}.case-card.donut div{width:112px;height:112px;margin-inline:auto;border-radius:50%;background:conic-gradient(#6d28d9 0 35%,#8b5cf6 35% 68%,#ddd6fe 68% 100%);box-shadow:inset 0 0 0 28px #fff}.case-card.radar div{clip-path:polygon(50% 4%,96% 32%,82% 90%,18% 90%,4% 32%);background:linear-gradient(135deg,#7c3aedb8,#c4b5fdb8)}.case-card.structure-mini span{min-height:48px}.cta-section{padding:62px 0 92px;background:linear-gradient(180deg,#fff,#f5f3ff)}.cta-card{border:1px solid rgba(124,58,237,.16);border-radius:30px;background:radial-gradient(circle at 80% 10%,rgba(167,139,250,.35),transparent 34%),linear-gradient(135deg,#fff,#f5f3ff);padding:54px;text-align:center;box-shadow:0 26px 70px #4c1d951f}.cta-card p{margin:14px auto 26px;max-width:620px;color:#64748b;line-height:1.8}.auth-card{width:min(460px,100%);padding:26px}.auth-success{display:grid;justify-items:center;gap:12px;padding:32px 12px 22px;text-align:center}.auth-success-mark{display:grid;width:64px;height:64px;place-items:center;border-radius:999px;background:linear-gradient(135deg,#06b6d4,#7c3aed);color:#fff;font-size:32px;font-weight:900;box-shadow:0 18px 44px #7c3aed42;animation:auth-pop .35s ease-out}.auth-success h2{color:#0f172a;font-size:25px;font-weight:950}.auth-success p{color:#64748b;font-size:14px}.auth-progress{width:170px;height:4px;margin-top:10px;overflow:hidden;border-radius:999px;background:#ede9fe}.auth-progress i{display:block;width:48%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#06b6d4,#7c3aed);animation:auth-loading .85s ease-in-out infinite}@keyframes auth-pop{0%{transform:scale(.72);opacity:0}to{transform:scale(1);opacity:1}}@keyframes auth-loading{0%{transform:translate(-110%)}to{transform:translate(320%)}}.close-btn{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;color:#64748b;background:#f8fafc;font-size:22px}.form-input{height:48px;border:1px solid rgba(124,58,237,.16);border-radius:12px;padding:0 14px;outline:none}.form-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf624}.floating-contact{position:fixed;right:20px;top:46%;z-index:35;display:grid;gap:10px}.floating-contact button{writing-mode:vertical-rl;border:1px solid rgba(124,58,237,.16);border-radius:16px;background:#fffffff0;padding:14px 10px;color:#5b21b6;font-size:13px;font-weight:900;box-shadow:0 16px 36px #4c1d9524}.svg-copy{margin:0;color:#64748b;font-size:12px;line-height:1.45}.svg-copy.center{text-align:center}.workspace-surface{min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(34,211,238,.12),transparent 28%),radial-gradient(circle at 88% 10%,rgba(124,58,237,.12),transparent 30%),#f6f8fb;padding:0 0 110px}.workspace-editor{min-height:100vh;background:transparent}.editor-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:56px;border-bottom:1px solid rgba(34,211,238,.16);background:#080d22d6;padding:0 22px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.editor-left,.editor-right{display:flex;align-items:center;gap:10px}.workspace-user-name{max-width:140px;overflow:hidden;color:#e0f2fe;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.icon-button,.plain-action{display:inline-grid;min-width:36px;height:36px;place-items:center;border:1px solid rgba(34,211,238,.2);border-radius:12px;background:#0f172ab8;color:#bae6fd;font-weight:900}.create-button,.vip-button{height:36px;border-radius:12px;padding:0 14px;font-size:13px;font-weight:900}.create-button{background:linear-gradient(135deg,#06b6d4,#7c3aed);color:#fff}.vip-button{background:#7c3aed38;color:#e9d5ff;border:1px solid rgba(167,139,250,.26)}.mailbox-button{position:relative;display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(34,211,238,.24);border-radius:12px;background:#fffffff2;font-size:18px;cursor:pointer}.mailbox-button i{position:absolute;right:-2px;top:-2px;width:10px;height:10px;border:2px solid #fff;border-radius:999px;background:#ef4444}.user-menu{position:relative}.user-menu>button{display:inline-flex;align-items:center;gap:8px;height:36px;border:1px solid rgba(124,58,237,.12);border-radius:999px;background:#fff;padding:0 12px 0 5px;color:#475569;font-size:13px;font-weight:900}.user-menu span{display:grid;width:27px;height:27px;place-items:center;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#44c2a8);color:#fff}.user-dropdown{position:absolute;right:0;top:calc(100% + 10px);display:grid;width:150px;gap:4px;border:1px solid rgba(124,58,237,.12);border-radius:16px;background:#fff;padding:8px;box-shadow:0 18px 42px #0f172a1f}.user-dropdown button{border-radius:10px;padding:9px 10px;color:#475569;text-align:left;font-size:13px;font-weight:800}.user-dropdown button:hover{background:#f5f3ff;color:#6d28d9}.workspace-side-menu{position:fixed;left:18px;top:68px;z-index:45;display:grid;width:260px;gap:6px;border:1px solid rgba(124,58,237,.12);border-radius:18px;background:#fffffff5;padding:10px;box-shadow:0 20px 54px #0f172a24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workspace-side-menu button{border-radius:12px;padding:10px 12px;color:#475569;text-align:left;font-size:13px;font-weight:900}.workspace-side-menu button:hover{background:#f5f3ff;color:#6d28d9}.history-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 8px}.history-head strong{color:#111827;font-size:14px;font-weight:950}.history-head button{width:28px;height:28px;padding:0;text-align:center}.new-canvas-link{background:#111827!important;color:#fff!important;text-align:center!important}.canvas-history-list{display:grid;max-height:320px;gap:6px;overflow:auto;border-bottom:1px solid #eef2f7;padding-bottom:8px}.canvas-history-list button{display:grid;gap:3px;border:1px solid transparent;background:#fff}.canvas-history-list button.active{border-color:#c4b5fd;background:#f5f3ff;color:#6d28d9}.canvas-history-list span{overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap}.canvas-history-list small{color:#94a3b8;font-size:11px;font-weight:700}.editor-stage{position:relative;padding:34px calc(34px + var(--editor-tools-offset, 0px)) 120px calc(34px + var(--suggestions-offset, 0px));transition:padding .18s ease}.editor-status{position:fixed;left:24px;bottom:28px;z-index:20;max-width:260px;border:1px solid rgba(124,58,237,.1);border-radius:14px;background:#ffffffc2;padding:10px 12px;color:#64748b;font-size:12px;line-height:1.5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.workspace-admin-badge{border-radius:999px;background:#ede9fe;padding:3px 7px;color:#6d28d9;font-size:10px;font-style:normal;font-weight:900}.editor-status.error{border-color:#fecaca;background:#fff1f2;color:#b91c1c;font-weight:800}.undo-delete-toast{position:fixed;left:24px;bottom:76px;z-index:56;display:flex;align-items:center;gap:12px;border:1px solid rgba(124,58,237,.16);border-radius:14px;background:#fffffff0;box-shadow:0 18px 44px #0f172a1f;padding:10px 12px;color:#334155;font-size:13px;font-weight:850;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.undo-delete-toast button{height:30px;border:0;border-radius:10px;background:#7c3aed;color:#fff;padding:0 12px;font-size:12px;font-weight:900;cursor:pointer}.undo-delete-toast button:hover{background:#6d28d9}.document-page{width:min(1040px,calc(100vw - 120px - var(--suggestions-offset, 0px) - var(--editor-tools-offset, 0px)));min-height:1200px;margin:0 auto;background:linear-gradient(90deg,transparent 0 96px,rgba(124,58,237,.08) 96px 97px,transparent 97px),repeating-linear-gradient(to bottom,rgba(15,23,42,.028) 0 1px,transparent 1px 34px),#fff;padding:76px clamp(40px,7vw,96px) 160px;box-shadow:0 18px 80px #0f172a0f}.home-action{padding:0 12px}.document-page .doc-text-block{margin-bottom:10px}.document-page .doc-editable{min-height:64px;color:#1f2937;font-size:17px;line-height:2.05;letter-spacing:0}.document-page .doc-editable h1{margin:0 0 28px;color:#111827;font-size:42px;font-weight:850;line-height:1.18}.workspace-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1180px,calc(100% - 32px));margin:0 auto 18px;border:1px solid rgba(124,58,237,.12);border-radius:20px;background:#ffffffd1;padding:14px 16px;box-shadow:0 16px 42px #4c1d9514;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workspace-mode-bar h2{color:#0f172a;font-size:17px;font-weight:950}.workspace-mode-bar p{margin-top:4px;color:#64748b;font-size:13px}.mode-switch{display:inline-flex;border:1px solid #ede9fe;border-radius:14px;background:#f8fafc;padding:4px}.mode-switch button{min-height:36px;border-radius:10px;padding:0 14px;color:#64748b;font-size:13px;font-weight:900}.mode-switch button.active{background:#fff;color:#6d28d9;box-shadow:0 8px 20px #4c1d951a}.canvas-workspace{width:min(100%,1280px);margin:0 auto}.canvas-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(900px,calc(100% - 32px));margin:0 auto 16px;color:#475569}.canvas-topbar h1{color:#0f172a;font-size:18px;font-weight:950}.canvas-topbar p{margin-top:4px;font-size:13px}.canvas-meta{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:13px}.canvas-meta b{color:#7c3aed}.canvas-meta button{border:1px solid #ddd6fe;border-radius:12px;background:#fff;padding:8px 12px;color:#6d28d9;font-weight:900}.document-canvas{width:min(900px,calc(100% - 32px));min-height:980px;margin:0 auto;border:1px solid rgba(124,58,237,.12);border-radius:26px;background:#fff;padding:clamp(28px,5vw,68px);box-shadow:0 28px 80px #0f172a1a}.doc-text-block{margin:0 0 18px}.doc-editable{min-height:48px;outline:none;color:#1f2937;font-size:16px;line-height:1.9}.doc-editable:empty:before{content:attr(data-placeholder);color:#94a3b8}.doc-editable h1{margin:0 0 20px;color:#0f172a;font-size:clamp(30px,5vw,46px);font-weight:950;line-height:1.18}.doc-editable p{margin:0 0 14px}.doc-editable ::-moz-selection,.doc-editable::-moz-selection{background:#ddd6fe}.doc-editable ::selection,.doc-editable::selection{background:#ddd6fe}.floating-generate{position:fixed;z-index:80;display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border:1px solid rgba(124,58,237,.22);border-radius:999px;background:linear-gradient(135deg,#7c3aed,#8b5cf6);padding:0;color:#fff;font-size:0;font-weight:900;box-shadow:0 14px 34px #7c3aed52}.floating-generate span{font-size:18px}.floating-generate:disabled{opacity:.75}.mini-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:999px;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.doc-chart-block{position:relative;width:min(860px,100%);max-width:100%;margin:44px auto;overflow:visible;border:1px solid rgba(124,58,237,.08);border-radius:14px;padding:14px 0 18px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.doc-chart-block.with-border{border:1px solid rgba(124,58,237,.12)}.doc-chart-block.with-shadow{box-shadow:0 18px 44px #4c1d9514}.doc-chart-block.active{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1c}.doc-chart-block:hover{border-color:#7c3aed57;box-shadow:0 0 0 2px #7c3aed0f}.doc-chart-block.switching{animation:visualSwitch .22s ease both}@keyframes visualSwitch{0%{opacity:.45;transform:translateY(8px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}.doc-chart-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:10px;padding:0 14px}.doc-chart-title h3{color:#111827;font-size:20px;font-weight:850}.doc-chart-heading{flex:1 1 100%;order:-1}.doc-chart-heading[style*=center]{width:100%}.doc-chart-heading h3{margin:0 0 2px}.doc-chart-title span{color:#a1a1aa;font-size:12px}.doc-chart-actions{display:flex;flex-wrap:wrap;gap:8px;opacity:0;transition:opacity .16s ease}.doc-chart-block:hover .doc-chart-actions,.doc-chart-block.active .doc-chart-actions{opacity:1}@media(hover:none),(pointer:coarse){.doc-chart-actions{opacity:1}}.doc-chart-actions button{height:30px;border:1px solid #ede9fe;border-radius:9px;background:#fff;color:#6d28d9;font-size:12px;font-weight:850;cursor:pointer}.doc-chart-actions .zoom-value{min-width:48px;color:#334155}.doc-chart-actions button.danger{border-color:#fecaca;color:#dc2626}.chart-resize-handle{position:absolute;right:8px;bottom:8px;width:18px;height:18px;border:0;border-right:3px solid rgba(124,58,237,.42);border-bottom:3px solid rgba(124,58,237,.42);border-radius:0 0 8px;background:transparent;cursor:nwse-resize;opacity:0}.doc-chart-block:hover .chart-resize-handle,.doc-chart-block.active .chart-resize-handle{opacity:1}.doc-echart{width:100%;height:390px}.chart-pan-area{width:100%;overflow:auto;overscroll-behavior:contain;border-radius:10px;scrollbar-gutter:stable both-edges}.chart-zoom-stage{position:relative;margin:0 auto}.chart-zoom-content{position:relative}.canvas-clickable-node,.creative-svg text{cursor:pointer}.canvas-inline-editor{position:absolute;z-index:6;top:70px;right:16px;width:232px;display:grid;gap:8px;padding:12px;border:1px solid #ddd6fe;border-radius:14px;background:#fffffff7;box-shadow:0 16px 34px #1e293b24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;-moz-user-select:text;user-select:text;-webkit-user-select:text}.canvas-inline-editor *{pointer-events:auto}.canvas-inline-editor header{display:flex;align-items:center;justify-content:space-between;color:#111827;font-size:13px}.canvas-inline-editor header button{border:0;background:transparent;color:#64748b;cursor:pointer;font-size:17px}.canvas-inline-editor input,.canvas-inline-editor textarea{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:9px;padding:7px 9px;color:#0f172a;background:#fff;font:inherit;resize:vertical;-moz-user-select:text;user-select:text;-webkit-user-select:text}.canvas-inline-editor input:focus,.canvas-inline-editor textarea:focus{outline:2px solid rgba(124,58,237,.14);border-color:#8b5cf6}.canvas-inline-actions{display:flex;gap:7px}.canvas-inline-actions button{flex:1;min-height:30px;border:1px solid #ddd6fe;border-radius:8px;color:#6d28d9;background:#f5f3ff;font-size:11px;font-weight:800;cursor:pointer}.canvas-inline-actions button.danger{border-color:#fecaca;color:#dc2626;background:#fff1f2}.doc-mermaid,.doc-svg-wrap{min-height:320px;overflow:auto}.doc-mermaid svg,.doc-svg-wrap svg{display:block;width:100%;min-width:0;height:auto}.creative-visual-block{width:100%;max-width:800px;margin:0 auto;overflow:visible}.creative-svg{display:block;width:100%;min-width:0;height:auto}.visual-editable-text{cursor:text}.creative-svg text,.creative-svg .creative-copy{cursor:text}.visual-editable-text:hover{filter:drop-shadow(0 0 5px rgba(124,58,237,.24))}.doc-chart-block .chart-pan-area,.doc-chart-block .chart-pan-area *{-moz-user-select:none;user-select:none;-webkit-user-select:none}.doc-chart-block .chart-pan-area .creative-svg *,.doc-chart-block .chart-pan-area .doc-mermaid *,.doc-chart-block .chart-pan-area .doc-echart *{cursor:pointer!important}.doc-chart-actions button,.visual-edit-panel button,.visual-style-panel button{cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.creative-copy{margin:0;color:#64748b;font-size:11px;line-height:1.4}.creative-copy.large{font-size:13px}.creative-visual-selected{box-shadow:0 0 0 3px #7c3aed1f}.visual-theme-fresh{--visual-primary: #36cfc9}.visual-theme-purple{--visual-primary: #7c3aed}.visual-theme-warm{--visual-primary: #f59e0b}.visual-theme-business{--visual-primary: #2563eb}.visual-theme-minimal{--visual-primary: #111827}.chart-error{margin:0;border-radius:14px;background:#fef2f2;padding:16px;color:#b91c1c;font-weight:700}.chart-float-toolbar{position:fixed;z-index:75;display:grid;width:48px;gap:7px;border:1px solid rgba(124,58,237,.14);border-radius:18px;background:#fffffff5;padding:7px;box-shadow:0 22px 60px #0f172a29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chart-float-toolbar>button{display:grid;width:32px;height:32px;place-items:center;border-radius:11px;background:#fff;color:#475569;font-size:14px;font-weight:900}.chart-float-toolbar>button:hover{background:#f5f3ff;color:#6d28d9}.chart-float-toolbar>button.danger:hover{background:#fef2f2;color:#dc2626}.toolbar-popover{position:absolute;right:calc(100% + 10px);top:0;width:230px;border:1px solid rgba(124,58,237,.14);border-radius:16px;background:#fff;padding:10px;box-shadow:0 20px 48px #0f172a24}.toolbar-popover.premium{border-radius:20px;padding:12px}.popover-grid,.color-list{display:grid;gap:7px}.popover-grid{grid-template-columns:repeat(2,1fr)}.popover-grid.compact{grid-template-columns:repeat(3,1fr)}.popover-grid button,.color-list button{border-radius:10px;background:#f8fafc;padding:9px;color:#475569;font-size:12px;font-weight:900;text-align:left}.popover-grid button.active{background:#ede9fe;color:#6d28d9}.color-list button{display:flex;align-items:center;gap:8px}.color-list i{width:14px;height:14px;border-radius:999px}.style-preset-list,.theme-card-list,.type-list{display:grid;gap:8px;max-height:390px;overflow:auto}.style-preset-list button,.theme-card-list button,.type-list button{display:flex;align-items:center;gap:10px;border:1px solid #eef2ff;border-radius:14px;background:linear-gradient(135deg,#fff,#fbfaff);padding:10px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.style-preset-list button:hover,.style-preset-list button.active,.theme-card-list button:hover,.type-list button:hover{transform:translateY(-1px);border-color:#c4b5fd;box-shadow:0 10px 24px #7c3aed1a}.style-preset-list strong,.theme-card-list strong,.type-list strong{display:block;color:#111827;font-size:13px}.style-preset-list span,.theme-card-list small,.type-list small{display:block;margin-top:2px;color:#64748b;font-size:11px;line-height:1.4}.theme-card-list i{flex:0 0 auto;width:28px;height:28px;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff73}.type-list button{display:grid;gap:2px}.title-editor{display:grid;gap:6px}.title-editor span{color:#64748b;font-size:12px;font-weight:900}.title-editor input{height:36px;border:1px solid #e2e8f0;border-radius:10px;padding:0 9px;outline:none}.ai-dock{position:fixed;bottom:28px;left:50%;z-index:50;display:flex;gap:6px;transform:translate(-50%);border:1px solid rgba(124,58,237,.12);border-radius:18px;background:#fffffff0;padding:7px;box-shadow:0 18px 52px #0f172a24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ai-dock button{display:inline-flex;align-items:center;gap:7px;height:40px;border-radius:13px;padding:0 13px;color:#475569;font-size:13px;font-weight:900;transition:transform .16s ease,background .16s ease}.ai-dock button:hover{background:#f5f3ff;color:#6d28d9;transform:translateY(-3px)}.generate-preview{position:fixed;z-index:90;width:min(520px,calc(100vw - 24px));max-height:min(680px,calc(100vh - 96px));overflow:auto;border:1px solid rgba(124,58,237,.14);border-radius:22px;background:#fffffffa;padding:16px;box-shadow:0 28px 72px #0f172a33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.generate-preview-drag{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.generate-preview-drag:active{cursor:grabbing}.generate-preview header{display:flex;justify-content:space-between;gap:16px}.generate-preview h3{color:#111827;font-size:18px;font-weight:950}.generate-preview p{color:#64748b;font-size:13px}.generate-preview header button{width:30px;height:30px;border-radius:10px;color:#64748b;background:#f8fafc;font-size:20px}.selected-snippet{margin:12px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;border-radius:12px;background:#f8fafc;padding:10px}.template-preview-grid,.preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.preview-grid.usable-only{grid-template-columns:repeat(2,minmax(0,1fr))}.template-preview-card,.preview-grid button{position:relative;min-height:146px;border:1px solid #e8e8ef;border-radius:16px;background:#fff;padding:10px;text-align:left}.style-reference{display:grid;grid-template-columns:126px 1fr;gap:12px;align-items:center;margin:14px 0 12px;border:1px solid #ede9fe;border-radius:16px;background:linear-gradient(135deg,#fbfaff,#fff);padding:10px}.style-reference strong{color:#111827;font-weight:950}.style-reference p{margin-top:4px;line-height:1.5}.reference-visual{position:relative;display:grid;height:72px;grid-template-columns:repeat(4,1fr);align-items:end;gap:7px;border-radius:14px;background:#f8fafc;padding:12px}.reference-visual span{border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#44c2a8,#86e7d7)}.reference-visual span:nth-child(1){height:36%}.reference-visual span:nth-child(2){height:72%}.reference-visual span:nth-child(3){height:50%}.reference-visual span:nth-child(4){height:88%}.reference-visual.framework{display:block}.reference-visual.framework:before{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;border-radius:999px;background:#7c3aed;transform:translate(-50%,-50%);box-shadow:-42px -18px #ddd6fe,42px -18px #ddd6fe,-42px 18px #ddd6fe,42px 18px #ddd6fe}.reference-visual.knowledge,.reference-visual.image,.reference-visual.upload{display:block}.reference-visual.knowledge:before,.reference-visual.image:before,.reference-visual.upload:before{content:"";position:absolute;inset:14px;border-radius:12px;background:linear-gradient(135deg,#ede9fe,#fff)}.template-preview-card.active,.template-preview-card:hover,.preview-grid button.active,.preview-grid button:hover{border-color:#c4b5fd;background:#fbfaff}.preview-icon{display:grid;height:54px;grid-template-columns:repeat(4,1fr);align-items:end;gap:4px;border-radius:12px;background:#f8fafc;padding:9px}.preview-icon.target-arrow{display:block;position:relative}.preview-icon.target-arrow:before{content:"";position:absolute;left:42px;top:12px;width:34px;height:34px;border:3px solid #7c3aed;border-radius:999px;box-shadow:inset 0 0 0 8px #ede9fe}.preview-icon.target-arrow:after{content:"";position:absolute;left:12px;top:29px;width:80px;height:3px;border-radius:99px;background:#7c3aed}.preview-icon.pill-flow{display:flex;align-items:center;gap:5px}.preview-icon.pill-flow span{flex:1;height:22px!important;border-radius:999px}.preview-icon.orbit-radial,.preview-icon.roadmap,.preview-icon.pyramid,.preview-icon.quadrant,.preview-icon.matrix-cards,.preview-icon.ladder-growth,.preview-icon.semi-circle-strategy,.preview-icon.knowledge-card,.preview-icon.auto{display:block;position:relative}.preview-icon.orbit-radial:before{content:"";position:absolute;inset:13px 28px;border:2px dashed #c4b5fd;border-radius:999px}.preview-icon.orbit-radial:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:999px;background:#7c3aed;transform:translate(-50%,-50%);box-shadow:-34px 0 #ddd6fe,34px 0 #ddd6fe,0 -16px #ddd6fe,0 16px #ddd6fe}.preview-icon.roadmap:before{content:"";position:absolute;left:13px;right:13px;top:33px;height:18px;border-top:3px dashed #7c3aed;border-radius:50%}.preview-icon.pyramid:before{content:"";position:absolute;left:24px;top:13px;width:72px;height:42px;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(#7c3aed,#c4b5fd)}.preview-icon.quadrant:before{content:"";position:absolute;inset:12px;background:linear-gradient(90deg,transparent 48%,#c4b5fd 48% 52%,transparent 52%),linear-gradient(transparent 48%,#c4b5fd 48% 52%,transparent 52%);border:1px solid #ddd6fe;border-radius:10px}.preview-icon.matrix-cards:before,.preview-icon.knowledge-card:before{content:"";position:absolute;inset:12px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #ddd6fe,36px 0 #fff,36px 0 0 1px #ddd6fe,0 24px #fff,0 24px 0 1px #ddd6fe,36px 24px #fff,36px 24px 0 1px #ddd6fe}.preview-icon.ladder-growth:before{content:"";position:absolute;left:18px;bottom:12px;width:18px;height:14px;background:#c4b5fd;box-shadow:22px -10px #a78bfa,44px -22px #7c3aed,66px -34px #6d28d9;border-radius:4px}.preview-icon.semi-circle-strategy:before{content:"";position:absolute;left:20px;top:18px;width:78px;height:38px;border:8px solid #c4b5fd;border-bottom:0;border-radius:78px 78px 0 0}.preview-icon.auto:before{content:"";position:absolute;inset:15px;border-radius:14px;background:conic-gradient(#7c3aed,#36cfc9,#f59e0b,#7c3aed);opacity:.9}.preview-icon span{border-radius:5px 5px 2px 2px;background:#7c3aed}.preview-icon span:nth-child(1){height:34%}.preview-icon span:nth-child(2){height:70%}.preview-icon span:nth-child(3){height:48%}.preview-icon span:nth-child(4){height:86%}.preview-icon.framework,.preview-icon.knowledge,.preview-icon.image,.preview-icon.upload{display:block;position:relative}.preview-icon.framework:before{content:"";position:absolute;inset:18px 52px;border-radius:999px;background:#7c3aed;box-shadow:-44px -13px #ddd6fe,44px -13px #ddd6fe,-44px 13px #ddd6fe,44px 13px #ddd6fe}.preview-icon.knowledge:before,.preview-icon.image:before,.preview-icon.upload:before{content:"";position:absolute;inset:12px;border-radius:10px;background:linear-gradient(135deg,#ede9fe,#fff)}.preview-grid strong,.preview-grid small,.preview-grid em{display:block}.preview-grid strong{margin-top:9px;color:#111827;font-size:13px;font-weight:950}.preview-grid small{margin-top:3px;color:#64748b;font-size:11px;line-height:1.35}.preview-grid em{position:absolute;right:9px;top:9px;border-radius:999px;background:#f1f5f9;padding:3px 6px;color:#64748b;font-size:10px;font-style:normal;font-weight:900}.knowledge-block,.placeholder-block{width:min(820px,100%);margin:34px auto;border-radius:18px;padding:26px}.generating-block{width:min(820px,100%);margin:34px auto;border:1px solid rgba(124,58,237,.12);border-radius:18px;background:#ffffffb8;padding:22px}.generating-head{display:flex;align-items:center;gap:14px}.generating-orb{width:40px;height:40px;border-radius:999px;background:conic-gradient(from 0deg,#7c3aed,#44c2a8,#7c3aed);animation:spin 1s linear infinite}.generating-head h3{color:#111827;font-weight:950}.generating-head p{margin-top:4px;color:#64748b;font-size:13px}.generating-preview{display:flex;align-items:end;gap:12px;height:92px;margin-top:18px;border-radius:16px;background:linear-gradient(90deg,#f8fafc 25%,#f1f5f9 37%,#f8fafc 63%);background-size:400% 100%;padding:18px;animation:shimmer 1.3s ease-in-out infinite}.generating-preview i{flex:1;border-radius:10px 10px 4px 4px;background:#ddd6fe}.generating-preview i:nth-child(1){height:38%}.generating-preview i:nth-child(2){height:72%}.generating-preview i:nth-child(3){height:52%}.generating-preview i:nth-child(4){height:88%}.generating-steps{display:flex;gap:10px;margin-top:12px}.generating-steps span{border-radius:999px;background:#f5f3ff;padding:6px 10px;color:#6d28d9;font-size:12px;font-weight:900}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.knowledge-block{background:linear-gradient(135deg,#ffffffe0,#f5f3ffad);border:1px solid rgba(124,58,237,.1)}.knowledge-block.active{box-shadow:0 0 0 3px #7c3aed1f}.block-kicker{color:#7c3aed;font-size:11px;font-weight:950;letter-spacing:.12em}.knowledge-block h3{margin-top:8px;color:#111827;font-size:24px;font-weight:950}.knowledge-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.knowledge-items.page{grid-template-columns:repeat(2,1fr)}.knowledge-items article{border:1px solid #e9e5ff;border-radius:16px;background:#fff;padding:16px}.knowledge-items span{color:#7c3aed;font-size:12px;font-weight:950}.knowledge-items strong{display:block;margin-top:8px;color:#111827;font-weight:950}.knowledge-items p{margin-top:8px;color:#64748b;font-size:13px;line-height:1.6}.knowledge-block small{display:block;margin-top:14px;color:#a1a1aa}.placeholder-block{display:flex;align-items:center;gap:16px;border:1px dashed #c4b5fd;background:#ffffff94}.placeholder-block span{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:#f5f3ff;color:#7c3aed;font-size:24px}.placeholder-block h3{color:#111827;font-weight:950}.placeholder-block p{color:#64748b;font-size:13px}.feedback-float{position:fixed;right:22px;bottom:28px;z-index:40;border:1px solid rgba(124,58,237,.12);border-radius:999px;background:#ffffffe0;padding:10px 14px;color:#6d28d9;font-size:12px;font-weight:900;box-shadow:0 12px 28px #0f172a1a}@media(max-width:1024px){.hero-grid,.feature-tabs,.capability-grid,.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:34px}.hero-copy,.hero-visual{grid-column:1 / -1}}@media(max-width:720px){.site-shell{width:min(100% - 24px,1180px)}.site-header .site-shell{min-height:64px}.brand-mark span:last-child{display:none}.hero-section{padding:52px 0}.hero-grid,.feature-tabs,.capability-grid,.case-grid{grid-template-columns:1fr}.hero-copy h1{font-size:42px}.hero-subtitle{font-size:16px}.hero-visual{min-height:500px}.chart-phone{left:0;right:auto;width:100%}.signup-card{left:16px;right:auto;top:0}.cursor-deco{right:18px;bottom:18px}.site-section{padding:54px 0}.cta-card{padding:34px 22px}.floating-contact{right:10px}.workspace-mode-bar,.canvas-topbar{align-items:stretch;flex-direction:column}.mode-switch,.mode-switch button{width:100%}.mode-switch button{flex:1}.document-canvas{min-height:760px;border-radius:20px;padding:24px 18px}.doc-echart{height:320px}.chart-toolbar{left:12px!important;right:12px;top:auto!important;bottom:12px;width:auto}.preview-grid{grid-template-columns:repeat(2,1fr)}.style-reference{grid-template-columns:1fr}}.ai-suggestions-panel{position:fixed;left:18px;top:78px;bottom:26px;z-index:82;box-sizing:border-box;min-width:238px;max-width:min(460px,42vw);overflow:auto;border:1px solid rgba(124,58,237,.14);border-radius:24px;background:#fffffff0;box-shadow:0 24px 70px #31205924;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:20px}.generate-style-backdrop{position:fixed;inset:0;z-index:70;padding:28px;background:#0f172a38;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.generate-style-backdrop.compact{background:#0f172a1f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.generate-style-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(940px,calc(100vw - 40px));max-height:min(800px,calc(100vh - 52px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(124,58,237,.14);border-radius:22px;background:#fffffff7;box-shadow:0 28px 90px #31205938;padding:18px}.generate-style-modal.compact{width:min(720px,calc(100vw - 28px));max-height:min(640px,calc(100vh - 36px));border-radius:18px;padding:14px;box-shadow:0 20px 60px #31205933}.generate-style-modal.dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.generate-style-scroll{min-height:0;overflow:auto;padding:0 4px 2px}.generate-style-head,.generate-style-foot,.template-browser-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.generate-style-head{margin:-6px -6px 0;padding:6px;border-radius:14px;cursor:move}.generate-style-head:hover{background:#faf5ff}.generate-style-head h3{margin:0;color:#111827;font-size:22px}.generate-style-head p{margin:4px 0 0;color:#64748b;font-size:13px}.generate-style-head button,.generate-style-foot button{border:0;border-radius:12px;background:#f5f3ff;color:#6d28d9;font-weight:900;cursor:pointer}.generate-style-head button{width:34px;height:34px}.smart-recommend-card{display:grid;grid-template-columns:220px 1fr;gap:14px;margin:14px 0;padding:14px;border:1px solid rgba(124,58,237,.12);border-radius:18px;background:linear-gradient(135deg,#f7f3ff,#f0fdfa)}.smart-recommend-card span{color:#7c3aed;font-size:12px;font-weight:900}.smart-recommend-card strong{display:block;margin-top:6px;color:#111827;font-size:16px}.smart-recommend-card small{display:block;margin-top:8px;color:#64748b;line-height:1.55}.smart-recommend-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.template-browser{margin-top:12px}.template-browser-title h4{margin:0;color:#111827;font-size:15px}.template-browser-title span,.generate-style-foot span{color:#94a3b8;font-size:12px}.recent-empty{margin:12px 0;padding:14px;border:1px dashed #ddd6fe;border-radius:14px;color:#94a3b8;font-size:13px;text-align:center}.modal-snippet{margin-top:14px}.generate-style-modal.compact .smart-recommend-card{grid-template-columns:1fr;margin:10px 0;padding:12px}.generate-style-modal.compact .smart-recommend-card>div:first-child small,.generate-style-modal.compact .smart-recommend-card>div:first-child strong{display:none}.generate-style-modal.compact .smart-recommend-list{grid-template-columns:repeat(4,minmax(0,1fr))}.generate-style-modal.compact .template-suggestion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.generate-style-modal.compact .template-suggestion-card{min-height:118px;padding:9px;border-radius:14px}.generate-style-modal.compact .suggestion-thumb{height:52px;border-radius:12px}.generate-style-modal.compact .template-suggestion-card strong{margin-top:7px;font-size:12px}.generate-style-modal.compact .template-suggestion-card small{font-size:10px;line-height:1.35}.generate-style-modal.compact .template-scene{display:none}.generate-style-modal.compact .recent-empty{margin:8px 0;padding:10px}.generate-style-modal.compact .generate-style-foot{padding-top:10px}.more-template-btn{width:100%;height:42px;margin-top:14px;border:1px solid #ddd6fe;border-radius:14px;background:#faf5ff;color:#6d28d9;font-weight:900;cursor:pointer}.more-template-hint{margin:10px 0 0;color:#94a3b8;font-size:12px;text-align:center}.structure-switch-backdrop{position:fixed;inset:0;z-index:74;display:grid;place-items:center;padding:24px;background:#0f172a2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pickerIn .18s ease both}.structure-switch-modal{display:flex;flex-direction:column;width:min(1040px,calc(100vw - 40px));max-height:80vh;overflow:hidden;border:1px solid rgba(124,58,237,.12);border-radius:24px;background:#fff;box-shadow:0 30px 90px #3120592e;animation:modalSoftIn .22s ease both}@keyframes modalSoftIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.structure-switch-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex:0 0 auto;padding:24px 28px 16px;border-bottom:1px solid #eef0f5}.structure-switch-header h3{margin:0;color:#111827;font-size:24px;font-weight:950}.structure-switch-header p{margin:6px 0 0;color:#64748b;font-size:14px}.structure-switch-header button{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:0;border-radius:999px;background:#f5f3ff;color:#6d28d9;font-size:18px;font-weight:900;cursor:pointer}.structure-switch-header button:hover{background:#ede9fe}.structure-switch-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px 24px}.structure-switch-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:0 0 auto;border-top:1px solid #eef0f5;background:#ffffffeb;padding:16px 28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.structure-switch-footer span{min-width:0;color:#475569;font-size:13px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.structure-switch-footer div{display:flex;gap:10px;flex:0 0 auto}.switch-cancel,.switch-primary{height:40px;border-radius:12px;padding:0 18px;font-size:13px;font-weight:900;cursor:pointer}.switch-cancel{border:1px solid #e5e7eb;background:#f8fafc;color:#475569}.switch-primary{border:0;background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;box-shadow:0 12px 26px #7c3aed38}.template-category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.template-category-tabs button{height:38px;border:1px solid #e9e7f8;border-radius:999px;background:#fff;padding:0 16px;color:#64748b;font-size:13px;font-weight:900;cursor:pointer}.template-category-tabs button.active{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;box-shadow:0 10px 24px #7c3aed2e}.switch-section{margin-bottom:24px}.switch-section:last-child{margin-bottom:0}.switch-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.switch-section-head h4{margin:0;color:#111827;font-size:15px;font-weight:950}.switch-section-head p{margin:4px 0 0;color:#94a3b8;font-size:12px}.switch-recent-list{display:flex;gap:12px;max-width:100%;overflow-x:auto;padding-bottom:4px}.switch-recent-list button{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:10px;flex:0 0 180px;width:180px;height:92px;border:1px solid #e9e7f8;border-radius:16px;background:#fff;padding:10px;text-align:left;cursor:pointer}.switch-recent-list button:hover,.switch-recent-list button.active{border-color:#8b5cf6;background:#f8f7ff}.switch-recent-list .template-thumbnail{height:54px;border-radius:13px}.switch-recent-list span{min-width:0}.switch-recent-list strong{display:block;color:#111827;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch-recent-list small{display:block;margin-top:4px;color:#94a3b8;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch-empty{display:grid;min-height:74px;place-items:center;border:1px dashed #ddd6fe;border-radius:16px;background:#fbfaff;color:#94a3b8;font-size:13px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.template-card{position:relative;display:grid;grid-template-rows:76px 1fr;gap:12px;height:168px;min-width:0;border:1px solid #e9e7f8;border-radius:18px;background:#fff;padding:16px;text-align:left;cursor:pointer;animation:suggestionCardIn .25s ease both;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.template-card:hover{transform:translateY(-2px);border-color:#8b5cf6;box-shadow:0 12px 30px #7c3aed1f}.template-card.active{border-color:#7c3aed;background:#f8f7ff;box-shadow:0 0 0 3px #7c3aed14}.template-card-copy{min-width:0}.template-card-copy strong{display:block;color:#111827;font-size:14px;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-card-copy p{display:-webkit-box;margin:5px 0;color:#475569;font-size:12px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card-copy span{display:block;color:#94a3b8;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-card em,.template-card-badge{position:absolute;right:12px;top:12px;border-radius:999px;background:#ede9fe;color:#6d28d9;font-size:10px;font-style:normal;font-weight:950;padding:4px 8px}.template-card em{background:#7c3aed;color:#fff}.template-thumbnail{position:relative;display:block;height:76px;border-radius:16px;background:radial-gradient(circle at 18% 18%,rgba(124,58,237,.12),transparent 28%),linear-gradient(135deg,#faf5ff,#eefaff);overflow:hidden}.template-thumbnail span{position:absolute;display:block;background:#7c3aed}.template-thumbnail svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#7c3aed;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.template-thumbnail .node{width:14px;height:14px;border-radius:999px}.template-thumbnail .node.center{left:calc(50% - 13px);top:calc(50% - 13px);width:26px;height:26px}.template-thumbnail .node.n1{left:22px;top:14px;background:#14b8a6}.template-thumbnail .node.n2{right:22px;top:15px;background:#f59e0b}.template-thumbnail .node.n3{left:30px;bottom:16px;background:#38bdf8}.template-thumbnail .node.n4{right:30px;bottom:16px;background:#8b5cf6}.template-thumbnail.radial:after{content:"";position:absolute;left:34px;right:34px;top:38px;height:1px;background:#c4b5fd;box-shadow:30px -22px #ddd6fe,30px 22px #ddd6fe;opacity:.8}.template-thumbnail .pyr{left:50%;height:11px;border-radius:999px;transform:translate(-50%)}.template-thumbnail .pyr.p1{top:14px;width:36px}.template-thumbnail .pyr.p2{top:29px;width:66px;background:#8b5cf6}.template-thumbnail .pyr.p3{top:44px;width:96px;background:#14b8a6}.template-thumbnail .pyr.p4{top:59px;width:126px;background:#f59e0b}.template-thumbnail .cell{width:44px;height:24px;border:2px solid #c4b5fd;border-radius:9px;background:#ffffffdb}.template-thumbnail .cell:nth-child(1){left:32px;top:13px}.template-thumbnail .cell:nth-child(2){right:32px;top:13px}.template-thumbnail .cell:nth-child(3){left:32px;bottom:13px}.template-thumbnail .cell:nth-child(4){right:32px;bottom:13px}.template-thumbnail .ring{border:4px solid #7c3aed;border-radius:999px;background:transparent}.template-thumbnail .ring.r1{left:34px;top:15px;width:44px;height:44px;opacity:.28}.template-thumbnail .ring.r2{left:45px;top:26px;width:22px;height:22px;opacity:.78}.template-thumbnail .arrow{left:84px;top:36px;width:52px;height:4px;border-radius:999px}.template-thumbnail .arrow:after{content:"";position:absolute;right:-1px;top:-5px;width:13px;height:13px;border-top:4px solid #7c3aed;border-right:4px solid #7c3aed;transform:rotate(45deg)}.template-thumbnail .card-title{left:26px;top:17px;width:92px;height:10px;border-radius:999px}.template-thumbnail .card-line{left:26px;height:8px;border-radius:999px;background:#c4b5fd}.template-thumbnail .card-line.l1{top:37px;width:124px}.template-thumbnail .card-line.l2{top:50px;width:98px;background:#14b8a6}.template-thumbnail .card-line.l3{top:63px;width:72px;background:#f59e0b}.template-thumbnail .column{top:14px;width:54px;height:48px;border:2px solid #c4b5fd;border-radius:13px;background:#ffffffdb}.template-thumbnail .column.c1{left:30px}.template-thumbnail .column.c2{right:30px;background:#ecfeff}.template-thumbnail .split{left:calc(50% - 1px);top:12px;width:2px;height:52px;background:#ddd6fe}.template-thumbnail .pill{width:58px;height:20px;border-radius:999px}.template-thumbnail .pill.p1{left:18px;top:18px;background:#14b8a6}.template-thumbnail .pill.p2{left:72px;top:30px}.template-thumbnail .pill.p3{right:18px;bottom:15px;background:#f59e0b}.template-thumbnail .timeline-line,.template-thumbnail .flow-line{left:24px;right:24px;top:39px;height:3px;border-radius:999px;background:#c4b5fd}.template-thumbnail .milestone,.template-thumbnail .step{width:18px;height:18px;border-radius:999px}.template-thumbnail .milestone.m1,.template-thumbnail .step.s1{left:32px;top:30px;background:#14b8a6}.template-thumbnail .milestone.m2,.template-thumbnail .step.s2{left:calc(50% - 9px);top:30px}.template-thumbnail .milestone.m3,.template-thumbnail .step.s3{right:32px;top:30px;background:#f59e0b}.template-thumbnail .bar{bottom:13px;width:18px;border-radius:7px 7px 2px 2px}.template-thumbnail .bar.b1{left:42px;height:26px;background:#14b8a6}.template-thumbnail .bar.b2{left:70px;height:42px}.template-thumbnail .bar.b3{left:98px;height:34px;background:#f59e0b}.template-thumbnail .bar.b4{left:126px;height:48px;background:#38bdf8}.template-thumbnail .pie-shape{left:calc(50% - 25px);top:13px;width:50px;height:50px;border-radius:999px;background:conic-gradient(#7c3aed 0 42%,#14b8a6 42% 70%,#f59e0b 70% 100%)}.template-thumbnail .pie-shape.donut:after{content:"";position:absolute;inset:14px;border-radius:999px;background:#f8f7ff}.template-thumbnail .kpi{width:48px;height:24px;border:2px solid #c4b5fd;border-radius:10px;background:#ffffffdb}.template-thumbnail .kpi.k1{left:28px;top:16px}.template-thumbnail .kpi.k2{right:28px;top:16px}.template-thumbnail .kpi.k3{left:54px;bottom:14px;width:70px;background:#ecfeff}.template-thumbnail .funnel{left:50%;height:11px;border-radius:999px;transform:translate(-50%)}.template-thumbnail .funnel.f1{top:19px;width:118px}.template-thumbnail .funnel.f2{top:37px;width:82px;background:#14b8a6}.template-thumbnail .funnel.f3{top:55px;width:48px;background:#f59e0b}@media(max-width:980px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.structure-switch-backdrop{padding:10px}.structure-switch-modal{width:100%;max-height:88vh;border-radius:20px}.structure-switch-header,.structure-switch-footer{padding-left:18px;padding-right:18px}.structure-switch-body{padding:16px}.template-grid{grid-template-columns:1fr}.structure-switch-footer{align-items:stretch;flex-direction:column}.structure-switch-footer div{justify-content:flex-end}}.post-generate-suggestions{animation:suggestionsSlideIn .24s ease both}@keyframes suggestionsSlideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.post-generate-suggestions .suggestion-template-list{display:grid;gap:8px}.post-generate-suggestions .suggestion-template-item{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;min-height:76px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:7px;text-align:left;cursor:pointer;animation:suggestionCardIn .28s ease both;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.post-generate-suggestions .suggestion-template-item:hover,.post-generate-suggestions .suggestion-template-item.active{border-color:#8b5cf6;background:#f8f7ff;box-shadow:0 8px 22px #7c3aed14}.post-generate-suggestions .suggestion-template-item>span{min-width:0}.post-generate-suggestions .suggestion-template-item strong{display:block;color:#111827;font-size:13px;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-generate-suggestions .suggestion-template-item small{display:-webkit-box;margin-top:4px;color:#64748b;font-size:11px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-generate-suggestions .suggestion-template-item .template-suggestion-card.compact{width:88px;min-height:62px;border-radius:12px;pointer-events:none;animation:suggestionCardIn .28s ease both}.post-generate-suggestions .suggestion-template-item .suggestion-thumb{height:54px;border-radius:11px}@keyframes suggestionCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.suggestion-late-section{animation:suggestionCardIn .28s ease both}.suggestion-category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.suggestion-category-tabs button{height:34px;border:1px solid #ede9fe;border-radius:11px;background:#fff;color:#64748b;font-size:12px;font-weight:900;cursor:pointer}.suggestion-category-tabs button.active{border-color:#8b5cf6;background:#f5f3ff;color:#6d28d9}.suggestion-resize-handle{position:absolute;right:0;top:14px;bottom:14px;width:8px;border:0;background:transparent;cursor:col-resize}.suggestion-resize-handle:after{content:"";position:absolute;right:2px;top:44%;width:3px;height:54px;border-radius:999px;background:#7c3aed3d}.generate-type-picker{position:fixed;z-index:72;width:min(420px,calc(100vw - 28px));border:1px solid rgba(124,58,237,.14);border-radius:20px;background:#fffffffa;box-shadow:0 24px 70px #3120592e;padding:16px;animation:pickerIn .18s ease both}@keyframes pickerIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.generate-type-picker header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.generate-type-drag-handle{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.generate-type-drag-handle:before{content:"";position:absolute;top:7px;left:50%;width:42px;height:4px;border-radius:999px;background:#ddd6fe;transform:translate(-50%)}.generate-type-picker h3{margin:0;color:#111827;font-size:17px;font-weight:950}.generate-type-picker p{margin:4px 0 0;color:#94a3b8;font-size:12px}.generate-type-picker header button{width:30px;height:30px;border:0;border-radius:10px;background:#f5f3ff;color:#6d28d9;font-weight:900}.generate-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.generate-type-grid button{min-height:132px;border:1px solid #ede9fe;border-radius:16px;background:#fff;padding:11px;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.generate-type-grid button:hover{transform:translateY(-2px);border-color:#8b5cf6;background:#faf5ff}.generate-type-grid strong,.generate-type-grid small{display:block}.generate-type-grid strong{margin-top:8px;color:#111827;font-size:14px}.generate-type-grid small{margin-top:4px;color:#94a3b8;font-size:11px;line-height:1.45}.type-preview{position:relative;display:block;height:46px;border-radius:14px;background:linear-gradient(135deg,#faf5ff,#ecfeff);overflow:hidden}.type-preview span{position:absolute;display:block;background:#7c3aed}.type-preview.auto span{width:18px;height:18px;border-radius:999px}.type-preview.auto span:nth-child(1){left:16px;top:14px}.type-preview.auto span:nth-child(2){left:46px;top:8px;background:#14b8a6}.type-preview.auto span:nth-child(3){left:76px;top:20px;background:#f59e0b}.type-preview.auto span:nth-child(4){right:16px;top:13px;background:#38bdf8}.type-preview.structure span{width:34px;height:18px;border-radius:8px}.type-preview.structure span:nth-child(1){left:18px;top:14px}.type-preview.structure span:nth-child(2){left:62px;top:8px;background:#14b8a6}.type-preview.structure span:nth-child(3){left:62px;bottom:7px;background:#f59e0b}.type-preview.structure span:nth-child(4){right:18px;top:14px;background:#8b5cf6}.type-preview.data span{bottom:8px;width:14px;border-radius:6px 6px 2px 2px}.type-preview.data span:nth-child(1){left:22px;height:20px;background:#14b8a6}.type-preview.data span:nth-child(2){left:48px;height:32px}.type-preview.data span:nth-child(3){left:74px;height:24px;background:#f59e0b}.type-preview.data span:nth-child(4){left:100px;height:36px;background:#38bdf8}.type-preview.process span{top:15px;width:28px;height:18px;border-radius:999px}.type-preview.process span:nth-child(1){left:14px}.type-preview.process span:nth-child(2){left:54px;background:#14b8a6}.type-preview.process span:nth-child(3){left:94px;background:#f59e0b}.type-preview.process span:nth-child(4){display:none}.generation-progress-overlay{position:fixed;inset:0;z-index:75;display:grid;place-items:center;background:#0f172a29;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.generation-progress-card{width:min(420px,calc(100vw - 32px));border:1px solid rgba(124,58,237,.16);border-radius:22px;background:#fffffff5;box-shadow:0 28px 80px #31205933;padding:22px;animation:pickerIn .18s ease both}.generation-orbit{position:relative;width:62px;height:62px;margin-bottom:14px;border:2px solid #ede9fe;border-radius:999px}.generation-orbit span{position:absolute;width:12px;height:12px;border-radius:999px;background:#7c3aed;animation:orbitPulse 1.1s ease-in-out infinite}.generation-orbit span:nth-child(1){left:24px;top:-6px}.generation-orbit span:nth-child(2){right:-2px;bottom:10px;background:#14b8a6;animation-delay:.15s}.generation-orbit span:nth-child(3){left:3px;bottom:8px;background:#f59e0b;animation-delay:.3s}@keyframes orbitPulse{50%{transform:translateY(-4px) scale(1.12);opacity:.72}}.generation-progress-card h3{margin:0;color:#111827;font-size:18px}.generation-progress-card p{margin:6px 0 16px;color:#64748b;font-size:13px}.progress-stage-list{display:grid;gap:8px}.progress-stage-list span{color:#94a3b8;font-size:12px;transition:color .18s ease,transform .18s ease}.progress-stage-list span.active{color:#6d28d9;font-weight:900;transform:translate(4px)}.progress-skeleton{display:grid;gap:8px;margin-top:18px}.progress-skeleton i{height:10px;border-radius:999px;background:linear-gradient(90deg,#ede9fe,#fff,#ede9fe);background-size:180% 100%;animation:shimmer 1.1s linear infinite}.progress-skeleton i:nth-child(2){width:82%}.progress-skeleton i:nth-child(3){width:64%}@keyframes shimmer{to{background-position:-180% 0}}@media(max-width:1180px){.editor-stage{padding:24px 18px 300px}.document-page{width:min(100%,calc(100vw - 36px));padding:56px 32px 130px}.visual-edit-panel{inset:auto 14px 92px;width:auto;max-height:42vh}}@media(max-width:760px){.editor-topbar{height:auto;min-height:58px;flex-wrap:wrap;gap:8px;padding:10px 12px}.editor-left,.editor-right{flex-wrap:wrap}.document-page{padding:38px 18px 120px}.doc-chart-title{align-items:flex-start;flex-direction:column}.doc-chart-actions{flex-wrap:wrap;opacity:1}}.ai-suggestions-panel header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.ai-suggestions-panel header span{display:block;margin-bottom:2px;color:#7c3aed;font-size:12px;font-weight:900;letter-spacing:.02em}.ai-suggestions-panel header h3{margin:0;color:#111827;font-size:22px}.ai-suggestions-panel header button{width:32px;height:32px;border:0;border-radius:12px;background:#f5f3ff;color:#6d28d9;cursor:pointer}.suggestion-content-summary{padding:16px;border-radius:20px;background:linear-gradient(135deg,#f7f3ff,#f0fdfa);border:1px solid rgba(124,58,237,.1);margin-bottom:14px}.suggestion-content-summary small{display:block;margin-bottom:7px;color:#7c3aed;font-size:11px;font-weight:900}.suggestion-content-summary strong{display:block;color:#111827;font-size:15px;margin-bottom:6px}.suggestion-content-summary p{margin:0;color:#64748b;font-size:12px;line-height:1.6}.template-search input{width:100%;height:40px;border:1px solid #ede9fe;border-radius:14px;outline:none;padding:0 13px;color:#111827;background:#fff}.ai-suggestions-panel h4{margin:18px 0 10px;color:#334155;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.template-category-filter{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.template-category-filter button,.layout-chip-row button{border:1px solid #ede9fe;border-radius:999px;background:#fff;color:#5b6474;font-size:12px;font-weight:800;padding:8px 11px;cursor:pointer;white-space:nowrap}.template-category-filter button.active,.template-category-filter button:hover{background:#7c3aed;color:#fff;border-color:#7c3aed}.template-suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-suggestion-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.template-suggestion-card{position:relative;min-height:150px;border:1px solid #ede9fe;border-radius:18px;background:#fff;padding:12px;text-align:left;cursor:pointer;touch-action:pan-y;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.template-suggestion-card:hover,.template-suggestion-card.active{transform:translateY(-2px);border-color:#8b5cf6;box-shadow:0 14px 30px #7c3aed21}.template-suggestion-card strong,.template-suggestion-card small{display:block}.template-suggestion-card strong{color:#111827;font-size:13px;margin-top:9px}.template-suggestion-card small{margin-top:3px;color:#94a3b8;font-size:11px}.template-suggestion-card em{position:absolute;right:9px;top:9px;border-radius:999px;background:#f0fdfa;color:#0f766e;font-size:10px;font-style:normal;font-weight:900;padding:3px 7px}.suggestion-thumb{display:block;position:relative;height:74px;border-radius:18px;background:radial-gradient(circle at 22% 28%,rgba(124,58,237,.16),transparent 28%),linear-gradient(135deg,#faf5ff,#ecfeff);overflow:hidden}.suggestion-thumb svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#7c3aed;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.suggestion-thumb .node{width:14px;height:14px;border-radius:999px}.suggestion-thumb .node.center{left:54px;top:30px;width:22px;height:22px}.suggestion-thumb .node.n1{left:18px;top:12px;background:#14b8a6}.suggestion-thumb .node.n2{right:18px;top:14px;background:#f59e0b}.suggestion-thumb .node.n3{left:22px;bottom:13px;background:#38bdf8}.suggestion-thumb .node.n4{right:24px;bottom:12px;background:#8b5cf6}.suggestion-thumb .pyr{left:50%;height:12px;border-radius:999px;transform:translate(-50%)}.suggestion-thumb .pyr.p1{top:14px;width:34px}.suggestion-thumb .pyr.p2{top:31px;width:64px;background:#8b5cf6}.suggestion-thumb .pyr.p3{top:48px;width:92px;background:#14b8a6}.suggestion-thumb .cell{width:38px;height:22px;border-radius:8px;background:#fff;border:2px solid #c4b5fd}.suggestion-thumb .cell:nth-child(1){left:20px;top:13px}.suggestion-thumb .cell:nth-child(2){right:20px;top:13px}.suggestion-thumb .cell:nth-child(3){left:20px;bottom:13px}.suggestion-thumb .cell:nth-child(4){right:20px;bottom:13px}.suggestion-thumb .swot{width:30px;height:22px;border-radius:8px;color:#fff;font-size:11px;font-weight:900;line-height:22px;text-align:center}.suggestion-thumb .swot.s1{left:24px;top:13px;background:#14b8a6}.suggestion-thumb .swot.s2{right:24px;top:13px;background:#f97316}.suggestion-thumb .swot.s3{left:24px;bottom:13px;background:#7c3aed}.suggestion-thumb .swot.s4{right:24px;bottom:13px;background:#64748b}.suggestion-thumb .compare{top:18px;width:42px;height:38px;border-radius:12px;background:#fff;border:2px solid #c4b5fd}.suggestion-thumb .compare.c1{left:18px}.suggestion-thumb .compare.c2{right:18px;background:#ecfeff}.suggestion-thumb .divider{left:63px;top:12px;width:2px;height:50px;background:#ddd6fe}.suggestion-thumb .ring{border-radius:999px;background:transparent;border:4px solid #7c3aed}.suggestion-thumb .ring.r1{left:18px;top:16px;width:42px;height:42px;opacity:.28}.suggestion-thumb .ring.r2{left:28px;top:26px;width:22px;height:22px;opacity:.7}.suggestion-thumb .arrow{left:56px;top:35px;width:46px;height:4px;border-radius:999px}.suggestion-thumb .arrow:after{content:"";position:absolute;right:-1px;top:-5px;width:12px;height:12px;border-top:4px solid #7c3aed;border-right:4px solid #7c3aed;transform:rotate(45deg)}.suggestion-thumb .bone.spine{left:16px;right:18px;top:36px;height:4px;border-radius:999px}.suggestion-thumb .bone.b1,.suggestion-thumb .bone.b2,.suggestion-thumb .bone.b3{width:34px;height:4px;border-radius:999px;background:#14b8a6;transform-origin:left center}.suggestion-thumb .bone.b1{left:34px;top:25px;transform:rotate(34deg)}.suggestion-thumb .bone.b2{left:58px;top:47px;transform:rotate(-34deg);background:#f59e0b}.suggestion-thumb .bone.b3{left:80px;top:24px;transform:rotate(34deg);background:#8b5cf6}.suggestion-thumb .loop-ring{left:38px;top:14px;width:50px;height:44px;border:6px solid #7c3aed;border-left-color:#14b8a6;border-bottom-color:#f59e0b;border-radius:999px;background:transparent}.suggestion-thumb .loop-node{width:14px;height:14px;border-radius:999px}.suggestion-thumb .loop-node.l1{left:34px;top:18px;background:#14b8a6}.suggestion-thumb .loop-node.l2{right:34px;top:24px}.suggestion-thumb .loop-node.l3{left:58px;bottom:10px;background:#f59e0b}.suggestion-thumb .ladder-line{left:24px;bottom:15px;width:78px;height:44px;background:transparent;border-left:4px solid #7c3aed;border-bottom:4px solid #7c3aed;transform:skewY(-22deg)}.suggestion-thumb .ladder-step{width:28px;height:16px;border-radius:6px}.suggestion-thumb .ladder-step.a{left:24px;bottom:14px;background:#14b8a6}.suggestion-thumb .ladder-step.b{left:50px;bottom:30px}.suggestion-thumb .ladder-step.c{left:76px;bottom:46px;background:#f59e0b}.suggestion-thumb .column{top:14px;width:42px;height:46px;border-radius:12px;background:#fff;border:2px solid #c4b5fd}.suggestion-thumb .column:nth-child(1){left:20px}.suggestion-thumb .column:nth-child(2){right:20px;background:#ecfeff}.suggestion-thumb .bar{bottom:14px;width:18px;border-radius:6px 6px 2px 2px}.suggestion-thumb .bar.b1{left:30px;height:26px;background:#14b8a6}.suggestion-thumb .bar.b2{left:56px;height:42px}.suggestion-thumb .bar.b3{left:82px;height:32px;background:#f59e0b}.suggestion-thumb .pie-shape{left:42px;top:16px;width:42px;height:42px;border-radius:999px;background:conic-gradient(#7c3aed 0 42%,#14b8a6 42% 70%,#f59e0b 70% 100%)}.suggestion-thumb .pie-shape.donut:after{content:"";position:absolute;inset:12px;border-radius:999px;background:#f8fafc}.suggestion-thumb .kpi{width:42px;height:22px;border-radius:9px;background:#fff;border:2px solid #c4b5fd}.suggestion-thumb .kpi:nth-child(1){left:18px;top:14px}.suggestion-thumb .kpi:nth-child(2){right:18px;top:14px}.suggestion-thumb .kpi.wide{left:28px;right:28px;bottom:14px;width:auto}.suggestion-thumb .step{top:26px;width:24px;height:22px;border-radius:8px}.suggestion-thumb .step:nth-child(1){left:12px}.suggestion-thumb .step:nth-child(3){left:52px;background:#14b8a6}.suggestion-thumb .step:nth-child(5){left:92px;background:#f59e0b}.suggestion-thumb .arr{top:36px;width:12px;height:3px;border-radius:999px;background:#a78bfa}.suggestion-thumb .arr:nth-child(2){left:38px}.suggestion-thumb .arr:nth-child(4){left:78px}.suggestion-thumb .pill{width:50px;height:20px;border-radius:999px}.suggestion-thumb .pill:nth-child(1){left:12px;top:17px;background:#14b8a6}.suggestion-thumb .pill:nth-child(2){right:12px;top:27px}.suggestion-thumb .pill:nth-child(3){left:38px;bottom:12px;background:#f59e0b}.suggestion-thumb .dot{top:29px;width:16px;height:16px;border-radius:999px}.suggestion-thumb .dot:nth-child(1){left:22px}.suggestion-thumb .dot:nth-child(2){left:56px;background:#14b8a6}.suggestion-thumb .dot:nth-child(3){left:90px;background:#f59e0b}.suggestion-thumb .line{left:30px;right:30px;top:36px;height:2px;background:#c4b5fd}.suggestion-thumb .timeline-line{left:14px;right:14px;top:38px;height:3px;background:#7c3aed}.suggestion-thumb .milestone{width:18px;height:18px;border-radius:999px}.suggestion-thumb .milestone.m1{left:22px;top:18px;background:#14b8a6}.suggestion-thumb .milestone.m2{left:55px;top:42px}.suggestion-thumb .milestone.m3{right:24px;top:20px;background:#f59e0b}.suggestion-thumb .process-card{top:18px;width:28px;height:36px;border-radius:9px;background:#fff;border:2px solid #c4b5fd}.suggestion-thumb .process-card:nth-child(1){left:18px}.suggestion-thumb .process-card:nth-child(2){left:52px}.suggestion-thumb .process-card:nth-child(3){left:86px}.suggestion-thumb .funnel{left:50%;height:10px;border-radius:999px;transform:translate(-50%)}.suggestion-thumb .funnel.f1{top:18px;width:82px}.suggestion-thumb .funnel.f2{top:34px;width:58px;background:#14b8a6}.suggestion-thumb .funnel.f3{top:50px;width:34px;background:#f59e0b}.template-scene{color:#7c3aed!important}.suggestion-thumb span{position:absolute;display:block;background:#7c3aed}.suggestion-thumb.target:before,.suggestion-thumb.radial:before,.suggestion-thumb.flow:before,.suggestion-thumb.funnel:before,.suggestion-thumb.cycle:before,.suggestion-thumb.tree:before,.suggestion-thumb.fishbone:before,.suggestion-thumb.roadmap:before,.suggestion-thumb.pyramid:before,.suggestion-thumb.quadrant:before,.suggestion-thumb.matrix:before,.suggestion-thumb.ladder:before,.suggestion-thumb.card:before,.suggestion-thumb.semi:before{content:"";position:absolute;inset:14px;border:2px solid rgba(124,58,237,.34);border-radius:18px}.suggestion-thumb.cycle:after{content:"";position:absolute;left:42px;top:17px;width:46px;height:34px;border:4px solid #7c3aed;border-left-color:transparent;border-radius:999px;transform:rotate(-20deg)}.suggestion-thumb.tree:after{content:"";position:absolute;left:58px;top:14px;width:18px;height:18px;border-radius:8px;background:#7c3aed;box-shadow:-34px 34px #36cfc9,0 34px #f59e0b,34px 34px #8b5cf6}.suggestion-thumb.fishbone:after{content:"";position:absolute;left:22px;right:24px;top:38px;height:3px;background:#7c3aed;box-shadow:22px -14px 0 -1px #36cfc9,42px 14px 0 -1px #f59e0b,62px -14px 0 -1px #8b5cf6}.suggestion-thumb.target:after{content:"";position:absolute;right:20px;top:29px;width:38px;height:3px;background:#7c3aed;box-shadow:-20px 0 #7c3aed59}.suggestion-thumb.funnel span{left:28px;right:28px;height:8px;border-radius:999px}.suggestion-thumb.funnel span:nth-child(1){top:18px}.suggestion-thumb.funnel span:nth-child(2){top:30px;left:38px;right:38px;opacity:.8}.suggestion-thumb.funnel span:nth-child(3){top:42px;left:50px;right:50px;opacity:.6}.suggestion-thumb.funnel span:nth-child(4){display:none}.suggestion-thumb.flow span{top:26px;width:30px;height:18px;border-radius:999px}.suggestion-thumb.flow span:nth-child(1){left:16px}.suggestion-thumb.flow span:nth-child(2){left:52px;background:#36cfc9}.suggestion-thumb.flow span:nth-child(3){left:88px;background:#f59e0b}.suggestion-thumb.flow span:nth-child(4){display:none}.suggestion-thumb.radial span,.suggestion-thumb.card span,.suggestion-thumb.matrix span{width:20px;height:20px;border-radius:10px}.suggestion-thumb.radial span:nth-child(1){left:56px;top:24px}.suggestion-thumb.radial span:nth-child(2){left:20px;top:18px;background:#36cfc9}.suggestion-thumb.radial span:nth-child(3){right:20px;top:18px;background:#f59e0b}.suggestion-thumb.radial span:nth-child(4){left:56px;bottom:12px;background:#8b5cf6}.suggestion-thumb.pyramid span{left:28px;right:28px;height:10px;border-radius:999px}.suggestion-thumb.pyramid span:nth-child(1){top:16px;left:56px;right:56px}.suggestion-thumb.pyramid span:nth-child(2){top:30px;left:42px;right:42px;background:#8b5cf6}.suggestion-thumb.pyramid span:nth-child(3){top:44px;background:#36cfc9}.suggestion-thumb.pyramid span:nth-child(4){display:none}.suggestion-thumb.quadrant:after{content:"";position:absolute;inset:16px;background:linear-gradient(90deg,transparent 48%,#c4b5fd 48% 52%,transparent 52%),linear-gradient(0deg,transparent 48%,#c4b5fd 48% 52%,transparent 52%)}.insert-visual-btn{width:100%;height:44px;margin-top:16px;border:0;border-radius:15px;color:#fff;font-weight:900;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 14px 26px #7c3aed3d}.layout-customizer-panel{display:grid;gap:10px}.layout-customizer-panel select{width:100%;height:36px;border-radius:12px;border:1px solid #ede9fe;background:#fff}@media(max-width:900px){.ai-suggestions-panel{inset:auto 12px 86px;width:auto!important;max-height:55vh}.suggestion-resize-handle{display:none}}.suggestion-actions{display:flex;align-items:center;gap:6px}.suggestion-actions .suggestion-search-trigger{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #ede9fe;color:#6d28d9}.suggestion-actions .suggestion-search-trigger:hover,.suggestion-actions .suggestion-search-trigger.active{background:#f5f3ff}.suggestion-search-trigger svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.suggestion-search-box{padding:0 16px 12px}.suggestion-search-box input,.switch-search input{width:100%;height:38px;border:1px solid #e5e7eb;border-radius:11px;background:#fff;padding:0 12px;color:#111827;outline:none}.suggestion-search-box input:focus,.switch-search input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #7c3aed17}.suggestion-section-head{display:flex;align-items:baseline;justify-content:space-between}.suggestion-section-head small{color:#94a3b8;font-size:11px}.suggestion-more-button{height:38px;width:calc(100% - 28px);margin:12px 14px 2px;border:1px solid #e9d5ff;border-radius:11px;background:#faf8ff;color:#6d28d9;font-weight:700;display:flex;justify-content:center;align-items:center;gap:8px}.suggestion-more-button:hover:not(:disabled){background:#f3e8ff}.suggestion-more-button:disabled{opacity:.72;cursor:wait}.suggestion-loader{width:14px;height:14px;border-radius:50%;border:2px solid #ddd6fe;border-top-color:#7c3aed;animation:suggestionSpin .7s linear infinite}@keyframes suggestionSpin{to{transform:rotate(360deg)}}.suggestion-no-more{margin:14px;padding:12px;text-align:center;color:#94a3b8;font-size:12px;background:#f8fafc;border-radius:11px}.suggestion-search-grid,.switch-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.suggestion-search-results{padding:0 14px 16px}.suggestion-search-grid .template-suggestion-card.compact,.switch-template-grid .template-suggestion-card.compact{min-width:0;height:auto;padding:9px;display:flex;flex-direction:column;align-items:stretch;gap:5px;border:1px solid #ebe7f5;border-radius:13px;background:#fff;box-shadow:0 3px 12px #1e0f460a;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.suggestion-search-grid .template-suggestion-card.compact:hover,.switch-template-grid .template-suggestion-card.compact:hover{transform:none;border-color:#c4b5fd;box-shadow:0 8px 20px #522a8c1a}.suggestion-search-grid .template-suggestion-card.compact.active,.switch-template-grid .template-suggestion-card.compact.active{border-color:#a78bfa;background:#faf8ff}.suggestion-search-grid .template-suggestion-card.compact .suggestion-thumb,.switch-template-grid .template-suggestion-card.compact .suggestion-thumb{width:100%;height:68px;border-radius:9px}.suggestion-search-grid .template-suggestion-card.compact strong,.suggestion-search-grid .template-suggestion-card.compact small,.switch-template-grid .template-suggestion-card.compact strong,.switch-template-grid .template-suggestion-card.compact small{display:block}.suggestion-search-grid .template-suggestion-card.compact strong,.switch-template-grid .template-suggestion-card.compact strong{font-size:12px;line-height:18px}.suggestion-search-grid .template-suggestion-card.compact small,.switch-template-grid .template-suggestion-card.compact small{color:#64748b;font-size:11px;line-height:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.suggestion-empty{margin-top:12px;padding:32px 18px;border-radius:13px;background:#fafafa;text-align:center}.suggestion-empty strong{display:block;font-size:14px;color:#111827}.suggestion-empty p{margin:9px 0 0;font-size:12px;line-height:20px;color:#64748b}.compact-switch-modal{width:min(680px,calc(100vw - 40px));max-height:min(760px,calc(100vh - 42px));overflow:hidden}.structure-switch-sidebar{position:fixed;top:66px;bottom:0;left:0;width:416px;max-height:none;border-radius:0 18px 0 0;border:0;border-right:1px solid #ebe7f5;background:#fff;box-shadow:10px 0 28px #1e0f460f;z-index:82;display:flex;flex-direction:column}.structure-switch-sidebar .structure-switch-header{flex:0 0 auto;padding:20px 18px 14px}.structure-switch-sidebar .switch-toolbar{flex:0 0 auto;padding:0 18px 14px}.structure-switch-sidebar .structure-switch-body{flex:1 1 auto;max-height:none;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 18px 24px;scrollbar-width:thin;scrollbar-color:#ddd6fe transparent}.structure-switch-sidebar .switch-template-grid{gap:10px}.structure-switch-sidebar .template-suggestion-card.compact{padding:8px}.structure-switch-sidebar .template-suggestion-card.compact .suggestion-thumb{height:62px}.structure-switch-sidebar .structure-switch-body::-webkit-scrollbar{width:7px}.structure-switch-sidebar .structure-switch-body::-webkit-scrollbar-thumb{background:#ddd6fe;border-radius:999px}.compact-switch-modal .structure-switch-header{padding:22px 24px 15px}.switch-toolbar{padding:0 24px 15px;border-bottom:1px solid #f1f5f9}.switch-toolbar .template-category-tabs{margin-bottom:13px}.switch-search{position:relative;display:block}.switch-search span{position:absolute;left:13px;top:8px;color:#64748b;font-size:18px}.switch-search input{padding-left:37px}.compact-switch-modal .structure-switch-body{overflow-y:auto;max-height:min(560px,calc(100vh - 205px));padding:17px 24px 24px}.compact-switch-modal .switch-section-head{margin-bottom:14px}.doc-chart-block.switching .chart-zoom-content{animation:templateCrossfade .24s ease}@keyframes templateCrossfade{0%{opacity:.28;transform:scale(.992)}to{opacity:1;transform:scale(1)}}.style-variant-hand-drawn{background:#fff!important;color:#111827!important;box-shadow:none!important;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}.style-variant-hand-drawn .creative-visual-block svg,.style-variant-hand-drawn .doc-svg-wrap svg{filter:none!important}.style-variant-hand-drawn .creative-visual-block svg rect,.style-variant-hand-drawn .creative-visual-block svg circle,.style-variant-hand-drawn .creative-visual-block svg ellipse,.style-variant-hand-drawn .creative-visual-block svg polygon,.style-variant-hand-drawn .doc-svg-wrap svg rect,.style-variant-hand-drawn .doc-svg-wrap svg circle,.style-variant-hand-drawn .doc-svg-wrap svg ellipse,.style-variant-hand-drawn .doc-svg-wrap svg polygon{fill:#fff!important;stroke:#111827!important;stroke-width:1.45px;filter:none!important}.style-variant-hand-drawn .creative-visual-block svg path,.style-variant-hand-drawn .creative-visual-block svg line,.style-variant-hand-drawn .creative-visual-block svg polyline,.style-variant-hand-drawn .doc-svg-wrap svg path,.style-variant-hand-drawn .doc-svg-wrap svg line,.style-variant-hand-drawn .doc-svg-wrap svg polyline{stroke:#111827!important;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;filter:none!important}.style-variant-hand-drawn .creative-visual-block svg path[fill]:not([fill=none]),.style-variant-hand-drawn .doc-svg-wrap svg path[fill]:not([fill=none]){fill:#fff!important}.style-variant-hand-drawn .creative-visual-block svg text,.style-variant-hand-drawn .doc-svg-wrap svg text{fill:#111827!important}.style-variant-hand-drawn .creative-visual-block,.style-variant-hand-drawn .doc-svg-wrap{background:#fff!important}.style-variant-mono-outline{background:#fff!important;color:#111827!important;box-shadow:none!important;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}.style-variant-mono-outline .doc-chart-heading{text-align:center}.style-variant-mono-outline .creative-visual-block svg rect,.style-variant-mono-outline .creative-visual-block svg circle,.style-variant-mono-outline .creative-visual-block svg ellipse,.style-variant-mono-outline .creative-visual-block svg polygon,.style-variant-mono-outline .doc-svg-wrap svg rect,.style-variant-mono-outline .doc-svg-wrap svg circle,.style-variant-mono-outline .doc-svg-wrap svg ellipse,.style-variant-mono-outline .doc-svg-wrap svg polygon{fill:#fff!important;stroke:#111827!important;stroke-width:2px;filter:none!important}.style-variant-mono-outline .creative-visual-block svg path,.style-variant-mono-outline .creative-visual-block svg line,.style-variant-mono-outline .creative-visual-block svg polyline,.style-variant-mono-outline .doc-svg-wrap svg path,.style-variant-mono-outline .doc-svg-wrap svg line,.style-variant-mono-outline .doc-svg-wrap svg polyline{stroke:#111827!important;filter:none!important}.style-variant-mono-outline .creative-visual-block svg path[fill]:not([fill=none]),.style-variant-mono-outline .doc-svg-wrap svg path[fill]:not([fill=none]){fill:#fff!important}.style-variant-mono-outline .creative-visual-block svg text,.style-variant-mono-outline .doc-svg-wrap svg text{fill:#111827!important}.style-variant-mono-outline .creative-visual-block,.style-variant-mono-outline .doc-svg-wrap{background:#fff!important}.style-variant-minimal .outline-structure-svg{color:#111827}.style-variant-minimal .outline-structure-svg path,.style-variant-minimal .outline-structure-svg rect,.style-variant-minimal .outline-structure-svg circle,.style-variant-minimal .outline-structure-svg ellipse{stroke-width:1.6px}.style-variant-business .outline-structure-svg [fill="#fff"]{fill:#f8fbff}.style-variant-business .outline-structure-svg path,.style-variant-business .outline-structure-svg rect,.style-variant-business .outline-structure-svg circle,.style-variant-business .outline-structure-svg ellipse{stroke-width:2.2px}.style-variant-technology .outline-structure-svg [fill="#fff"]{fill:#faf7ff}.style-variant-technology .outline-structure-svg path,.style-variant-technology .outline-structure-svg rect,.style-variant-technology .outline-structure-svg circle,.style-variant-technology .outline-structure-svg ellipse{stroke-width:2.4px;filter:drop-shadow(0 2px 4px rgba(124,58,237,.12))}.style-variant-card .outline-structure-svg [fill="#fff"]{fill:#f8fffe}.style-variant-card .outline-structure-svg rect,.style-variant-card .outline-structure-svg circle,.style-variant-card .outline-structure-svg ellipse{filter:drop-shadow(0 6px 9px rgba(15,118,110,.1))}.style-variant-card .outline-structure-svg path,.style-variant-card .outline-structure-svg rect,.style-variant-card .outline-structure-svg circle,.style-variant-card .outline-structure-svg ellipse{stroke-width:2px}.structure-safe-svg text,.structure-safe-label{paint-order:stroke fill;stroke:var(--structure-label-halo, #fff);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.structure-switch-sidebar .switch-template-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start;gap:10px!important}.structure-switch-sidebar .switch-template-grid>.template-suggestion-card.compact{display:flex!important;flex-direction:column;width:100%;min-width:0;height:auto!important;padding:8px!important}.structure-switch-sidebar .switch-template-grid>.template-suggestion-card.compact .suggestion-thumb{width:100%!important;height:62px!important;flex:none}.structure-switch-sidebar .switch-template-grid>.template-suggestion-card.compact strong{display:block!important;overflow:visible!important;white-space:normal;word-break:break-word;line-height:18px;min-height:36px}.structure-switch-sidebar .switch-template-grid>.template-suggestion-card.compact small{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;white-space:normal;word-break:break-word;line-height:16px;min-height:32px}.structure-switch-sidebar .switch-template-grid>.template-suggestion-card.compact{animation:switchTemplateReveal .14s ease both}@keyframes switchTemplateReveal{0%{opacity:0}to{opacity:1}}.structure-switch-modal.compact-switch-modal.structure-switch-sidebar{width:min(380px,calc(100vw - 20px));height:calc(100vh - 66px);max-height:calc(100vh - 66px)}.structure-switch-sidebar.compact-switch-modal .structure-switch-body{flex:1 1 0;max-height:none!important;min-height:0;padding:14px 16px 28px;overflow-y:auto;overscroll-behavior:contain}.structure-switch-sidebar .structure-switch-header{padding:16px 16px 12px}.structure-switch-sidebar .switch-toolbar{padding:0 16px 12px}.structure-switch-sidebar .switch-ai-recommendations{flex:0 0 auto;max-height:min(470px,calc(100vh - 240px));padding:0 16px 12px;border-bottom:1px solid #f1f5f9;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ddd6fe transparent}.structure-switch-sidebar .switch-ai-recommendations::-webkit-scrollbar{width:7px}.structure-switch-sidebar .switch-ai-recommendations::-webkit-scrollbar-thumb{background:#ddd6fe;border-radius:999px}.structure-switch-sidebar .switch-ai-recommendations .switch-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.structure-switch-sidebar .switch-ai-recommendations .switch-section-head small{color:#64748b;font-size:11px}.structure-switch-sidebar .switch-ai-grid .template-suggestion-card.compact{background:#faf8ff}.structure-switch-sidebar .switch-toolbar .template-category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex-wrap:nowrap;gap:8px;margin-bottom:10px}.structure-switch-sidebar .switch-toolbar .template-category-tabs button{height:34px;padding:0 6px}.structure-switch-sidebar .template-suggestion-card.compact,.post-generate-suggestions .template-suggestion-card.compact{pointer-events:auto!important;position:relative;z-index:1}.template-suggestion-card,.template-suggestion-card *{cursor:pointer!important;-moz-user-select:none;user-select:none;-webkit-user-select:none}.template-suggestion-card *{pointer-events:none}.ai-suggestions-panel .template-suggestion-grid,.structure-switch-sidebar .switch-template-grid{-moz-user-select:none;user-select:none;-webkit-user-select:none}.structure-switch-sidebar .template-suggestion-card:hover,.post-generate-suggestions .template-suggestion-card:hover{transform:none}.switch-more-button{width:100%;height:38px;margin:14px 0 2px;border:1px solid #ddd6fe;border-radius:11px;background:#faf8ff;color:#6d28d9;font-size:12px;font-weight:800;cursor:pointer}.switch-more-button:hover{background:#f3e8ff;border-color:#c4b5fd}.switch-more-ai-button{margin:0}.switch-ai-actions{display:flex;gap:8px;margin-top:10px}.switch-ai-actions .switch-more-ai-button{flex:1 1 auto}.switch-collapse-ai-button{flex:0 0 62px;height:38px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;color:#64748b;font-size:12px;font-weight:800;cursor:pointer}.switch-collapse-ai-button:hover{border-color:#cbd5e1;background:#f8fafc}.switch-ai-collapsed{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;margin:0 16px 12px;padding:9px 11px;border:1px solid #f1f5f9;border-radius:11px;background:#fafafa;color:#64748b;font-size:12px;font-weight:700}.switch-ai-collapsed button{border:0;background:transparent;color:#6d28d9;font-size:12px;font-weight:800;cursor:pointer}.switch-all-loaded{margin:14px 0 2px;padding:11px 0;text-align:center;color:#94a3b8;font-size:12px}.template-category-tabs button,.suggestion-category-tabs button,.template-category-filter button{cursor:pointer!important;-moz-user-select:none;user-select:none;-webkit-user-select:none}.suggestion-top-categories{padding:14px 14px 10px;margin:14px 0 10px;background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.structure-switch-sidebar .switch-template-grid>.template-suggestion-card.compact strong{min-height:18px}.structure-switch-sidebar .switch-template-grid>.template-suggestion-card.compact small{min-height:0}.suggestion-browser{margin-top:18px;padding-top:14px;border-top:1px solid #f1f5f9}.suggestion-browser .suggestion-category-tabs{margin:9px 0 12px}.suggestion-browser .suggestion-search-grid{padding-bottom:14px}.post-generate-suggestions .ai-recommendation-grid,.post-generate-suggestions .suggestion-search-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.post-generate-suggestions .ai-recommendation-grid .template-suggestion-card.compact,.post-generate-suggestions .suggestion-search-grid .template-suggestion-card.compact{display:flex!important;flex-direction:column;width:100%;height:auto!important;min-width:0;padding:8px!important;animation:switchTemplateReveal .14s ease both}.post-generate-suggestions .ai-recommendation-grid .template-suggestion-card.compact .suggestion-thumb,.post-generate-suggestions .suggestion-search-grid .template-suggestion-card.compact .suggestion-thumb{width:100%!important;height:62px!important;flex:none}.ai-suggestions-panel.post-generate-suggestions{max-height:calc(100vh - 70px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#d8b4fe transparent}.ai-suggestions-panel.post-generate-suggestions::-webkit-scrollbar{width:7px}.ai-suggestions-panel.post-generate-suggestions::-webkit-scrollbar-thumb{background:#ddd6fe;border-radius:999px}.ai-suggestions-panel.post-generate-suggestions::-webkit-scrollbar-track{background:transparent}.post-generate-suggestions .ai-recommendation-grid .template-suggestion-card.compact small,.post-generate-suggestions .suggestion-search-grid .template-suggestion-card.compact small{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;white-space:normal;word-break:break-word;min-height:30px;line-height:15px}.first\:border-t-0:first-child{border-top-width:0px}.first\:pt-0:first-child{padding-top:0}.last\:border-0:last-child{border-width:0px}.hover\:border-violet-300:hover{--tw-border-opacity: 1;border-color:rgb(196 181 253 / var(--tw-border-opacity, 1))}.hover\:bg-violet-50:hover{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}.hover\:bg-violet-50\/60:hover{background-color:#f5f3ff99}.focus\:border-accent:focus{--tw-border-opacity: 1;border-color:rgb(241 105 60 / var(--tw-border-opacity, 1))}.focus\:border-violet-400:focus{--tw-border-opacity: 1;border-color:rgb(167 139 250 / var(--tw-border-opacity, 1))}.focus\:ring-4:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-orange-100:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 237 213 / var(--tw-ring-opacity, 1))}.focus\:ring-violet-100:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(237 233 254 / var(--tw-ring-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-300:disabled{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}.disabled\:bg-stone-300:disabled{--tw-bg-opacity: 1;background-color:rgb(214 211 209 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:opacity-100{opacity:1}@media(min-width:640px){.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\]{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}