*{box-sizing:border-box}body,html{margin:0;background:#fff;color:#111;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.appShell{height:100vh;flex-direction:column;overflow:hidden}.appShell,.topbar{display:flex;background:#fff}.topbar{height:52px;border-bottom:1px solid #e8e8e8;padding:0 16px;gap:20px}.brand,.topbar{align-items:center}.brand{display:flex;gap:8px;min-width:260px}.brand strong{font-weight:500;letter-spacing:-.5px}.badge{font-size:9px;background:#111;color:#fff;padding:2px 5px;border-radius:4px}.repo{margin:auto;font-size:11px;color:#777;display:flex;align-items:center;gap:7px}.repo span{background:#f4f4f4;padding:3px 7px;border-radius:5px;color:#555}.ghost{color:#333;background:#fff;border:1px solid #ddd;border-radius:7px;padding:6px 10px;display:flex;gap:6px;align-items:center}.ghost.activeMode{background:#111;color:#fff;border-color:#111}.ghost:disabled{color:#aaa;background:#fafafa;border-color:#e7e7e7;cursor:not-allowed}.workspace{display:grid;grid-template-columns:300px minmax(460px,1fr) 350px;min-height:0;flex:1 1}.panel{background:#fff}.leftPanel{border-right:1px solid #e8e8e8;padding:12px;position:relative}.leftPanel,.rightPanel{min-height:0;display:flex;flex-direction:column}.rightPanel{border-left:1px solid #e8e8e8}.panelTitle{height:30px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.3px;color:#999}.panelTitle small{letter-spacing:0}.panelTitle button{background:none;border:0;color:#888}.repoForm{display:grid;grid-template-columns:1fr 74px;grid-gap:7px;gap:7px;margin:4px 0 8px}.repoForm label{display:flex;flex-direction:column;gap:4px;font-size:8px;letter-spacing:.6px;color:#999}.repoForm input{width:100%;min-width:0;background:#fafafa;border:1px solid #e3e3e3;border-radius:7px;padding:7px 8px;color:#222;outline:none;font-size:10px}.repoForm button{grid-column:1/-1;background:#111;border:0;color:#fff;border-radius:7px;padding:7px 9px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px}.repoForm button:disabled{background:#eee;color:#999}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.repoMeta{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 8px}.repoMeta span{font-size:8px;color:#666;border:1px solid #e4e4e4;background:#fafafa;border-radius:999px;padding:3px 6px}.ingestError{font-size:9px;line-height:1.4;color:#555;background:#f7f7f7;border-left:2px solid #111;padding:7px 8px;margin-bottom:8px}.search{width:100%;background:#fafafa;border:1px solid #e3e3e3;border-radius:7px;padding:8px 9px;color:#222;outline:none;font-size:11px;margin:4px 0 10px}.treeLabel{font-size:10px;color:#999;margin:0 7px 7px}.manifestScroll{min-height:0;overflow:auto;padding-bottom:72px}.componentRow{border:0;background:transparent;color:#333;width:100%;padding:9px 7px;display:grid;grid-template-columns:22px 1fr 15px;text-align:left;align-items:center;border-radius:7px}.componentRow:hover{background:#f7f7f7}.componentRow.active{background:#ededed;color:#111}.componentRow strong{font-size:11px;font-weight:500}.componentRow small,.componentRow strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.componentRow small{font-size:9px;color:#999;margin-top:3px}.componentIcon{color:#444;font-size:10px}.emptyManifest{padding:14px 7px;font-size:10px;line-height:1.55;color:#999}.manifestNote{position:absolute;bottom:14px;left:14px;width:270px;border:1px solid #e4e4e4;background:hsla(0,0%,98%,.96);padding:10px;border-radius:8px;display:flex;gap:8px;font-size:10px;color:#888;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.manifestNote strong{color:#333;font-weight:500}.canvasPanel{background:#f5f5f5;display:flex;flex-direction:column;min-width:0}.browserbar{height:39px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;gap:12px;padding:0 13px;color:#999;font-size:14px;background:#fafafa}.browserbar div{line-height:25px;text-align:center;color:#888}.browserbar div,.previewUrl{height:25px;background:#fff;border:1px solid #e2e2e2;border-radius:6px;flex:1 1;font-size:10px}.previewUrl{min-width:0;color:#666;padding:0 9px;outline:none}.previewUrl:focus{border-color:#bbb;color:#222}.previewUrl:disabled{background:#f5f5f5;color:#aaa;cursor:not-allowed}.canvas{margin:18px;flex:1 1;background:#fff;color:#111;border:1px solid #e5e5e5;border-radius:9px;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,.06);min-height:0}.firstRunCanvas{height:100%;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px}.firstRunMark{width:48px;height:48px;border:1px solid #ddd;border-radius:13px;display:grid;place-items:center;margin-bottom:18px;background:#fafafa}.firstRunCanvas h1{font-size:27px;line-height:1.1;letter-spacing:-1.1px;font-weight:400;margin:0 0 11px}.firstRunCanvas p{max-width:520px;margin:0;color:#888;font-size:12px;line-height:1.65}.firstRunSteps{margin-top:27px;border:1px solid #e4e4e4;background:#fafafa;border-radius:999px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:9px;color:#888}.firstRunSteps span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:8px}.firstRunSteps strong{font-weight:500;color:#555}.firstRunSteps i{font-style:normal;color:#bbb}.selectionBar{height:36px;border-top:1px solid #e5e5e5;display:flex;align-items:center;gap:9px;padding:0 13px;font-size:10px;background:#fafafa}.selectionBar span{color:#999}.selectionBar strong{font-weight:500}.selectionBar code{color:#888;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rightPanel>.panelTitle{padding:8px 12px 0}.identity{padding:15px;border-bottom:1px solid #e8e8e8}.diffHeader,.identity small{font-size:9px;letter-spacing:1px;color:#999}.identity h3{font-size:14px;margin:6px 0;font-weight:500}.identity code{font-size:10px;color:#777}.identity p{font-size:9px;color:#aaa;margin:8px 0 0}.emptyInspector{padding:28px 15px;border-bottom:1px solid #e8e8e8;color:#aaa;display:flex;flex-direction:column;gap:7px}.emptyInspector strong{font-size:12px;font-weight:500;color:#666}.emptyInspector p{margin:0;font-size:10px;line-height:1.55}.sourceSummary{padding:10px 14px;border-bottom:1px solid #e8e8e8;display:grid;grid-gap:6px;gap:6px}.sourceSummary div{display:flex;justify-content:space-between;gap:10px;font-size:9px}.sourceSummary span{color:#999}.sourceSummary strong{font-weight:500;color:#555;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{padding:14px;border-bottom:1px solid #e8e8e8}.compactControls{padding-top:10px}.inspectorRow{padding:5px 0}.inspectorRow span{color:#777}.candidateCard{border:1px solid #dedede;margin-top:10px;gap:4px}.candidateCard small{color:#999}.candidateCard p,.candidateCard span{font-size:9px;color:#888}.candidateCard p{line-height:1.4}.diffHeader{padding:12px 14px;display:flex;justify-content:space-between}.liveDot{color:#555;font-size:8px}.diff{margin:0;padding:0 14px;white-space:pre-wrap;font-size:10px;line-height:1.65;color:#666;flex:1 1;overflow:auto;background:#fcfcfc}.commitArea{border-top:1px solid #e8e8e8;padding:12px;background:#fff}.commitArea div{display:flex;gap:6px;align-items:center;font-size:10px;color:#999;margin-bottom:9px}.commitArea button{width:100%;border:0;border-radius:7px;background:#111;color:#fff;padding:9px;font-size:11px;font-weight:500}.commitArea button:disabled{background:#eee;color:#aaa}.editableRoot{overflow:auto}.demoApp{min-height:100%}.demoSidebar{border-right:1px solid #ececec;padding:24px 17px}.demoLogo{font-size:10px;letter-spacing:1.4px;margin-bottom:30px}.demoSidebar nav{display:grid;grid-gap:4px;gap:4px}.demoSidebar nav div{color:#777;padding:8px;border-radius:6px}.demoContent{padding:74px min(8vw,90px)}.demoEyebrow{letter-spacing:1.6px}.demoContent h1{font-size:48px;line-height:1;letter-spacing:-2.4px;margin:15px 0 20px}.demoCopy{max-width:520px}.demoCard{margin-top:38px;width:300px;border:1px solid #e7e7e7;border-radius:14px;padding:18px;display:grid;grid-gap:8px}.demoCard strong{font-size:13px;font-weight:500}.demoCard button{padding:9px 11px;width:max-content;font-size:10px}.remoteSelectionOverlay,.selectionOverlay{position:absolute;border:1px solid #111;pointer-events:auto;z-index:20}.remoteSelectionOverlay{box-shadow:0 0 0 1px hsla(0,0%,100%,.65);touch-action:none}.selectionLabel{top:-21px;padding:3px 5px;border-radius:3px;font-size:8px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.moveSurface{inset:2px;touch-action:none}.dimensionLabel{bottom:-22px;left:50%;transform:translateX(-50%);font-size:8px;color:#777;padding:2px 4px}.previewFrameWrap{height:100%;position:relative;overflow:hidden}.previewFrame{width:100%;height:100%;border:0;background:#fff;display:block}.bridgeStatus{position:absolute;right:8px;bottom:8px;background:hsla(0,0%,100%,.94);border:1px solid #ddd;border-radius:999px;padding:4px 7px;font-size:8px;color:#999;z-index:30;pointer-events:none}.bridgeStatus.ready{color:#333;border-color:#bbb}@media(max-width:1000px){.workspace{grid-template-columns:230px 1fr}.rightPanel{display:none}.brand{min-width:auto}.firstRunSteps,.repo{display:none}}.editableRoot{position:relative;width:100%;overflow:hidden;background:#fff}.demoApp,.editableRoot{height:100%;min-height:560px}.demoApp{display:grid;grid-template-columns:190px 1fr}.demoSidebar{border-right:1px solid #e7e7e7;padding:24px 18px;background:#fafafa;min-width:120px;overflow:hidden}.demoLogo{font-size:11px;letter-spacing:1.7px;font-weight:600;margin-bottom:34px}.demoSidebar nav{display:flex;flex-direction:column;gap:6px}.demoSidebar nav div{padding:9px 10px;border-radius:7px;font-size:11px;color:#686868;cursor:default}.demoSidebar nav div:first-child{background:#eee;color:#111}.demoContent{padding:78px 64px;overflow:hidden}.demoEyebrow{font-size:9px;letter-spacing:1.8px;color:#888;margin:0 0 15px}.demoContent h1{font-size:52px;line-height:.98;letter-spacing:-3px;font-weight:300;margin:0 0 20px;max-width:620px}.demoCopy{font-size:14px;line-height:1.65;color:#777;max-width:560px;font-weight:300}.demoCard{margin-top:42px;border:1px solid #e5e5e5;border-radius:12px;padding:22px;width:320px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#fff}.demoCard span{font-size:9px;letter-spacing:1px;color:#999}.demoCard strong{font-size:18px;font-weight:400}.demoCard button{margin-top:8px;border:0;border-radius:8px;background:#111;color:#fff;padding:10px 14px;font-size:11px}.selectionOverlay{position:absolute;border:1px solid #111;pointer-events:auto;z-index:20}.selectionLabel{position:absolute;left:-1px;top:-24px;background:#111;color:#fff;font-size:9px;padding:4px 6px;border-radius:4px;white-space:nowrap}.moveSurface{position:absolute;inset:0;cursor:move;background:transparent}.resizeHandle{position:absolute;width:8px;height:8px;background:#fff;border:1px solid #111;z-index:2}.handle-nw{left:-5px;top:-5px;cursor:nwse-resize}.handle-n{left:50%;top:-5px;transform:translateX(-50%);cursor:ns-resize}.handle-ne{right:-5px;top:-5px;cursor:nesw-resize}.handle-e{right:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.handle-se{right:-5px;bottom:-5px;cursor:nwse-resize}.handle-s{left:50%;bottom:-5px;transform:translateX(-50%);cursor:ns-resize}.handle-sw{left:-5px;bottom:-5px;cursor:nesw-resize}.handle-w{left:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.dimensionLabel{position:absolute;right:0;bottom:-24px;background:#fff;border:1px solid #ddd;border-radius:4px;padding:3px 5px;font-size:9px;color:#666;white-space:nowrap}.compactControls{display:flex;flex-direction:column;gap:8px}.inspectorRow{display:flex;justify-content:space-between;font-size:10px;color:#666}.inspectorRow code{color:#999}.candidateCard{margin-top:8px;border:1px solid #e3e3e3;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:5px;background:#fafafa}.candidateCard small{font-size:8px;letter-spacing:1px;color:#aaa}.candidateCard strong{font-size:11px;font-weight:500}.candidateCard span{font-size:9px;color:#777}.candidateCard p{font-size:9px;line-height:1.45;color:#888;margin:3px 0 0}.canvas{position:relative}.canvas [data-manifesto-id]{touch-action:none}.canvas [data-manifesto-id]:hover{outline:1px dashed #c8c8c8;outline-offset:2px}@media(max-width:1100px){.demoContent{padding:54px 38px}.demoContent h1{font-size:42px}.demoApp{grid-template-columns:160px 1fr}}