*,: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:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";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}.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)}:root{--bg: #1A1714;--bg-surface: #2A2520;--bg-surface-strong: rgba(42, 37, 32, .96);--text: #EDE8DC;--text-muted: rgba(237, 232, 220, .72);--text-soft: rgba(237, 232, 220, .56);--border: rgba(237, 232, 220, .12);--accent-gold: #B8961A;--accent-red: #C84B2F;color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,rgba(184,150,26,.14),transparent 24%),radial-gradient(circle at bottom left,rgba(200,75,47,.12),transparent 20%),var(--bg);color:var(--text)}body,button,input,textarea,select{font-family:inherit}button,input,textarea,select{color:inherit}button{border:none}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.editor-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:20px;padding:20px}.editor-column{min-height:calc(100vh - 40px);border:1px solid var(--border);border-radius:24px;background:#2a2520e0;box-shadow:0 24px 80px #00000052}.editor-column-chat{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;overflow:hidden}.editor-column-preview{display:grid;grid-template-rows:minmax(0,1fr) minmax(260px,.9fr);gap:16px;padding:16px;overflow:hidden}.hero-card{width:min(100%,760px);padding:40px;border:1px solid var(--border);border-radius:24px;background:#2a2520e0;box-shadow:0 24px 80px #00000052}.project-list-card{display:grid;gap:20px}.editor-header{display:grid;gap:12px;padding:24px 24px 18px;border-bottom:1px solid var(--border)}.editor-title,.hero-title{margin:0;font-size:clamp(36px,6vw,72px);line-height:.96}.editor-copy,.hero-copy{margin:0;color:var(--text-muted);font-size:16px;line-height:1.8}.hero-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:8px;color:var(--accent-gold);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.hero-kicker:before{content:"";width:32px;height:1px;background:currentColor}.panel-note,.panel-error{margin:0;font-size:14px;line-height:1.7}.panel-note{color:var(--text-soft)}.panel-error{color:var(--accent-red)}.create-form,.ai-input,.preview-panel,.file-tree-panel,.module-tree-panel,.contract-panel,.integration-center,.provider-config,.publish-bar{display:grid;gap:18px;padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--bg-surface-strong)}.publish-bar,.module-tree-panel,.integration-workbench,.chat-panel,.ai-input{margin:0 16px}.integration-workbench{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1fr) minmax(260px,1fr);gap:12px}.publish-bar-head,.publish-check-grid,.publish-meta-grid{display:grid;gap:12px}.publish-bar-head{grid-template-columns:minmax(0,1fr) auto;align-items:start}.publish-bar-head p,.publish-meta-card p{margin:0;color:var(--text-soft);line-height:1.8}.publish-check-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.publish-check,.publish-meta-card{padding:16px;border:1px solid var(--border);border-radius:16px;background:#1a171480}.publish-check strong,.publish-meta-card strong{display:block;margin-bottom:8px}.publish-check span,.publish-meta-card span{color:var(--text-soft);font-size:13px;line-height:1.7}.publish-check-ok{border-color:#b8961a61;background:#b8961a14}.publish-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-section{display:grid;gap:10px}.field-label{color:var(--text-muted);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field-control,.ai-textarea{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:#1a1714c7;color:var(--text);font-size:15px}.ai-textarea{resize:vertical;min-height:120px;line-height:1.8}.ai-input-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.style-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.style-card{display:grid;gap:6px;padding:16px;border:1px solid var(--border);border-radius:16px;background:#1a17148f;cursor:pointer;text-align:left;transition:border-color .2s ease,transform .2s ease,background .2s ease}.style-card strong{font-size:15px}.style-card span{color:var(--text-soft);font-size:13px;line-height:1.7}.style-card:hover{transform:translateY(-1px);border-color:#b8961a61}.style-card-active{border-color:#b8961a9e;background:#b8961a1f}.module-grid{display:flex;flex-wrap:wrap;gap:10px}.module-chip,.module-action-chip{padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:#1a17148f;cursor:pointer;font-size:13px;font-weight:600;transition:border-color .2s ease,background .2s ease}.module-chip-active{border-color:#b8961a9e;background:#b8961a1f;color:var(--accent-gold)}.form-summary{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px;border-radius:14px;background:#1a17147a;color:var(--text-soft)}.form-summary strong{color:var(--text)}.primary-button,.secondary-button,.viewport-button,.file-item,.module-delete-button,.contract-item,.integration-item{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:14px;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.04em}.primary-button{min-height:48px;background:linear-gradient(135deg,var(--accent-gold),#8c6d12);color:#1a1714}.secondary-button,.viewport-button,.module-delete-button{background:#1a171494;color:var(--text-muted);border:1px solid var(--border)}.viewport-button-active{color:var(--accent-gold);border-color:#b8961a9e;background:#b8961a1f}.primary-button:disabled{cursor:wait;opacity:.72}.project-panel{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--bg-surface-strong)}.project-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:14px}.project-list{list-style:none;padding:0;margin:0}.project-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--border)}.project-item:last-child{border-bottom:none}.project-item h2{margin:0 0 6px;font-size:20px}.project-item p{margin:0;color:var(--text-soft);font-size:13px;line-height:1.6}.project-tag{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:8px 12px;border-radius:999px;background:#b8961a24;color:var(--accent-gold);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.empty-state,.chat-empty,.preview-empty{display:grid;gap:8px}.empty-state{padding:24px 20px}.empty-state strong,.chat-empty strong,.preview-empty strong{margin:0;font-size:18px}.empty-state p,.chat-empty p,.preview-empty p,.contract-panel-head p,.integration-center-head p,.provider-config-head p{margin:0;color:var(--text-soft);line-height:1.8}.chat-panel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.chat-panel-head,.preview-panel-head,.file-tree-head,.file-preview-head,.module-tree-head,.contract-panel-head,.integration-center-head,.provider-config-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.chat-panel-head{padding:18px 24px;border-bottom:1px solid var(--border)}.chat-panel-head strong,.preview-panel-head strong,.file-tree-head strong,.file-preview-head strong,.module-tree-head strong,.contract-panel-head strong,.integration-center-head strong,.provider-config-head strong{display:block;margin-bottom:6px;font-size:18px}.chat-panel-head p,.preview-panel-head p,.file-tree-head p,.module-tree-head p{margin:0;color:var(--text-soft);line-height:1.7}.chat-scroll{min-height:0;overflow-y:auto;display:grid;gap:16px;padding:24px}.chat-message{display:grid;gap:8px}.chat-message-user{justify-items:end}.chat-message-assistant{justify-items:start}.chat-role{color:var(--text-soft);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.chat-bubble{width:min(100%,720px);padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:#1a171499}.chat-message-user .chat-bubble{background:#b8961a1f;border-color:#b8961a47}.markdown-body,.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body pre{margin:0}.markdown-body p+p,.markdown-body p+ul,.markdown-body p+ol,.markdown-body p+pre,.markdown-body ul+p,.markdown-body ol+p,.markdown-body pre+p{margin-top:12px}.markdown-body ul,.markdown-body ol{padding-left:20px;color:var(--text);line-height:1.8}.markdown-body code,.file-code code{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.92em}.markdown-body pre,.file-code{overflow-x:auto;padding:14px;border-radius:14px;background:#0000005c}.file-code{margin:0;min-height:200px;white-space:pre-wrap;line-height:1.7}.thinking-indicator{display:inline-flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:#b8961a1a;color:var(--text-muted)}.thinking-dots{display:inline-flex;gap:6px}.thinking-dots i{width:8px;height:8px;border-radius:999px;background:var(--accent-gold);animation:bounce-dot 1s infinite ease-in-out}.thinking-dots i:nth-child(2){animation-delay:.1s}.thinking-dots i:nth-child(3){animation-delay:.2s}.preview-panel,.file-tree-panel,.module-tree-panel,.contract-panel,.integration-center,.provider-config,.publish-bar{min-height:0;overflow:hidden}.preview-actions,.viewport-switcher,.preview-meta,.module-replace-row,.provider-config-body{display:flex;flex-wrap:wrap;gap:10px}.provider-config-body{flex-direction:column}.provider-field{display:grid;gap:8px}.preview-meta{justify-content:space-between;color:var(--text-soft);font-size:12px}.preview-frame-shell{min-height:0;height:100%;display:flex;align-items:flex-start;justify-content:center;padding:12px;border:1px solid var(--border);border-radius:18px;background:#1a171480}.preview-frame-desktop .preview-frame{width:100%;height:100%}.preview-frame-tablet .preview-frame{width:min(100%,820px);height:100%}.preview-frame-mobile .preview-frame{width:min(100%,420px);height:100%}.preview-frame{border:none;border-radius:14px;background:#fff;min-height:420px}.file-tree-layout{min-height:0;display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:12px}.file-list,.file-preview,.module-list,.contract-list,.integration-list{min-height:0;border:1px solid var(--border);border-radius:16px;background:#1a171480}.file-list,.module-list,.contract-list,.integration-list{overflow-y:auto;padding:10px;display:grid;align-content:start;gap:8px}.file-item,.contract-item,.integration-item{justify-content:flex-start;background:transparent;color:var(--text-soft);border:1px solid transparent;min-height:38px}.file-item-active,.contract-item-active,.integration-item-active{color:var(--accent-gold);border-color:#b8961a66;background:#b8961a14}.contract-item,.integration-item{width:100%;justify-content:space-between;align-items:flex-start;text-align:left;padding:14px}.contract-item div,.integration-item div{display:grid;gap:4px}.contract-item span,.integration-item p,.integration-meta span{color:var(--text-soft);font-size:12px;line-height:1.6}.integration-meta{display:grid;gap:6px;justify-items:end}.contract-tag{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 10px;border-radius:999px;background:#ede8dc14;color:var(--text-soft);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.contract-tag-configured{background:#b8961a24;color:var(--accent-gold)}.file-depth-0{padding-left:14px}.file-depth-1{padding-left:30px}.file-depth-2{padding-left:46px}.file-depth-3{padding-left:62px}.file-empty,.module-empty,.module-legacy-note,.contract-empty{color:var(--text-soft);font-size:14px;line-height:1.8;padding:8px}.module-legacy-note{border:1px dashed rgba(184,150,26,.38);border-radius:14px;background:#b8961a14}.file-preview{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.file-preview-head{padding:16px 18px 0}.module-card{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:16px;background:#1a17148f}.module-card-main strong{display:block;margin:4px 0 6px;font-size:16px}.module-card-main p,.module-card-id{margin:0;color:var(--text-soft);font-size:12px;line-height:1.7}.module-card-actions{display:grid;gap:10px}@keyframes bounce-dot{0%,80%,to{transform:translateY(0);opacity:.55}40%{transform:translateY(-4px);opacity:1}}@media(max-width:1320px){.integration-workbench,.publish-check-grid,.publish-meta-grid{grid-template-columns:1fr}}@media(max-width:1180px){.editor-shell{grid-template-columns:1fr}.editor-column{min-height:auto}.editor-column-chat{min-height:70vh}.editor-column-preview{grid-template-rows:minmax(420px,.95fr) minmax(260px,.9fr)}}@media(max-width:768px){.app-shell,.editor-shell{padding:20px}.hero-card,.editor-column-preview{padding:16px}.style-picker,.file-tree-layout,.publish-bar-head{grid-template-columns:1fr}.ai-input-actions,.project-item,.preview-panel-head,.file-tree-head,.module-tree-head,.contract-panel-head,.integration-center-head,.provider-config-head{align-items:flex-start;flex-direction:column}.preview-frame{min-height:320px}}