:root{color-scheme:dark;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(34,197,94,.12),transparent 26%),linear-gradient(180deg,#010402,#071109);color:#d9ffe5}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:2px solid rgba(34,197,94,.32);border-radius:12px;background:#030c05eb;color:#dcfce7;padding:10px 12px}textarea{resize:vertical}.app-shell{height:100vh;padding:18px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;overflow:hidden}.surface{overflow:hidden;border:3px solid rgba(34,197,94,.72);border-radius:20px;background:#020a04f5;box-shadow:0 24px 80px #00000052}.app-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:2px solid #22c55e;border-radius:12px;background:#031007;color:#86efac}.app-kicker,.surface-kicker,.sidebar-label{margin:0 0 6px;font:700 .76rem/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;text-transform:uppercase;color:#4ade80}.app-header h1,.surface-header h2,.rail-header h3,.editor-pane__header h3,.inspector-drawer__header h3,.modal-header h3{margin:0;color:#ecfdf5;font:700 clamp(1.1rem,1.4vw,1.6rem)/1.05 ui-monospace,"SFMono-Regular",monospace}.header-actions,.surface-actions,.button-strip,.inspector-actions{display:flex;flex-wrap:wrap;gap:8px}.mode-tab,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:2px solid rgba(34,197,94,.64);border-radius:12px;background:#030c05eb;color:#86efac}.mode-tab,.secondary-button{padding:0 14px}.mode-tab.active,.secondary-button.active{background:#124c2b;color:#ecfdf5;box-shadow:inset 0 0 0 1px #dcfce747}.secondary-button.danger{color:#fecaca;border-color:#f8717199}.icon-button{width:36px;height:36px;padding:0}.surface-dev,.surface-preview{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.surface-preview{grid-template-rows:auto minmax(0,1fr);position:relative}.surface-header,.surface-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border-bottom:2px solid rgba(34,197,94,.24)}.surface-footer{border-bottom:0;border-top:2px solid rgba(34,197,94,.18);color:#86efac}.dev-layout{min-height:0;height:100%;display:grid;grid-template-columns:280px minmax(0,1fr)}.dev-sidebar,.preview-rail{min-height:0;overflow:auto;border-right:2px solid rgba(34,197,94,.24);background:#040c06f0}.dev-sidebar{padding:16px}.component-list,.structure-tree,.library-grid,.field-stack{display:grid;gap:10px}.component-item,.library-item{width:100%;border:2px solid rgba(34,197,94,.22);border-radius:16px;background:#040d07eb;color:inherit;text-align:left;padding:12px 14px}.component-item small,.library-item span,.structure-select span{display:block;margin-top:4px;color:#6ee7b7}.component-item.active{background:#14532db8;border-color:#86efac99}.editor-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.editor-pane{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-left:2px solid rgba(34,197,94,.24)}.editor-pane__header,.rail-header,.modal-header,.inspector-drawer__header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-bottom:2px solid rgba(34,197,94,.2)}.editor-pane__body{min-height:0}.preview-layout{min-height:0;height:100%;display:grid;grid-template-columns:320px minmax(0,1fr)}.preview-rail{padding:16px}.preview-content{min-height:0;overflow:hidden;padding:18px;background:linear-gradient(180deg,#010603f5,#030a05eb),repeating-linear-gradient(0deg,transparent,transparent 35px,rgba(34,197,94,.06) 35px,rgba(34,197,94,.06) 36px)}.preview-frame{width:100%;height:100%;min-height:100%;max-width:100%;display:block;box-sizing:border-box;border:2px solid rgba(34,197,94,.24);border-radius:16px;background:#0b1218}.structure-node{display:grid;gap:8px}.structure-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:2px solid rgba(34,197,94,.2);border-radius:16px;background:#040c06e6;padding:10px 10px 10px 14px;cursor:grab}.structure-item.active{border-color:#86efac99;background:#14532d99}.structure-item.dragging{opacity:.55}.structure-select{width:100%;background:transparent;border:0;color:inherit;text-align:left;padding:0}.structure-actions{display:flex;gap:6px}.inspector-drawer{position:absolute;top:92px;right:18px;bottom:18px;width:min(430px,calc(100vw - 48px));transform:translate(calc(100% + 18px));transition:transform .18s ease;border:3px solid rgba(34,197,94,.72);border-radius:20px;background:#020a04fa;box-shadow:0 24px 70px #0006;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.inspector-drawer.open{transform:translate(0)}.inspector-drawer__body{min-height:0;overflow:auto;padding:16px}.inspector-actions{margin-bottom:16px}.field-card{display:grid;gap:10px}.field-card span,.field-toggle span{color:#d9ffe5;font-weight:600}.field-toggle{display:inline-flex;align-items:center;gap:10px}.field-toggle input{width:auto}.tiptap-editor{border:2px solid rgba(34,197,94,.24);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#040e08fa,#020a05f2),repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(34,197,94,.05) 31px,rgba(34,197,94,.05) 32px);box-shadow:inset 0 0 0 1px #4ade8014}.tiptap-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-bottom:2px solid rgba(34,197,94,.18);background:#051109eb}.tiptap-toolbar button{border:2px solid rgba(34,197,94,.22);border-radius:10px;background:transparent;color:#86efac;padding:6px 10px}.tiptap-toolbar button.active{background:#14532de6;color:#ecfdf5;border-color:#86efac9e}.tiptap-editor__content{min-height:180px;padding:14px;color:#ecfdf5;outline:none}.tiptap-editor__content p{margin:0 0 .9em}.tiptap-editor__content ul,.tiptap-editor__content ol{padding-left:1.25rem}.tiptap-editor__content blockquote{margin:0;padding-left:12px;border-left:3px solid rgba(74,222,128,.55);color:#bbf7d0}.empty-state{padding:18px;color:#6ee7b7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008f;display:grid;place-items:center;padding:24px}.modal-card{width:min(760px,100%);max-height:min(80vh,920px);display:grid;grid-template-rows:auto auto minmax(0,1fr);border:3px solid rgba(34,197,94,.72);border-radius:20px;background:#020a04fa;overflow:hidden}.search-input{margin:16px;width:calc(100% - 32px)}.library-grid{min-height:0;overflow:auto;padding:0 16px 16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width: 1180px){.preview-layout,.dev-layout,.editor-grid{grid-template-columns:1fr}.dev-sidebar,.preview-rail,.editor-pane{border-right:0;border-left:0;border-bottom:2px solid rgba(34,197,94,.2)}.inspector-drawer{top:110px;width:calc(100vw - 36px)}}