.app{color:var(--primaryText);background:var(--windowBG);font-size:13px;border:1px solid var(--hairline);border-radius:10px;overflow:hidden;box-shadow:0 12px 30px #0002;width:1200px;min-width:1000px;min-height:620px;height:740px;display:flex;flex-direction:column;text-align:left}.app button,.app select,.app input,.app textarea{color:var(--primaryText);background:var(--cardFill);border:1px solid var(--hairline);border-radius:8px;padding:6px 10px}.app button:hover{background:var(--selectedRow)}.app button.primary{background:var(--accentFill);color:var(--onAccent);border-color:var(--accentFill)}.app button.quiet{background:transparent;border-color:transparent}.app button.selected{background:var(--selectedRow);border-color:var(--accentLink);color:var(--accentLink)}.app button.danger{color:var(--failedRed)}.app button:disabled{opacity:.5;cursor:default}.app input,.app textarea{width:100%}.app textarea{resize:vertical;min-height:64px}.app h2{font-size:18px;margin:0 0 8px;font-weight:600}.app h3{font-size:15px;margin:0 0 12px;font-weight:600}.app h4{font-size:13px;margin:0 0 8px}.app p{line-height:1.55;margin:8px 0}.app small,.muted{color:var(--secondaryText)}.caption{font-size:11px;color:var(--tertiaryText)}.titlebar{height:42px;flex-shrink:0;border-bottom:1px solid var(--hairline);display:flex;align-items:center;padding:0 14px;gap:8px;background:var(--sidebarBG)}.window-dots{display:flex;gap:7px;margin-right:16px}.window-dots i{width:11px;height:11px;border-radius:50%;background:var(--neutralFill);border:1px solid var(--hairline)}.window-title{font-size:12px;color:var(--secondaryText);flex:1;text-align:center}.split{display:flex;flex:1;min-height:0}.sidebar{width:272px;min-width:240px;max-width:340px;background:var(--sidebarBG);border-right:1px solid var(--hairline);display:flex;flex-direction:column;padding:12px;flex-shrink:0}.sidebar .search{margin:12px 0 8px}.filters{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0 18px}.filters button{font-size:11px;padding:3px 6px}.section-label{font-size:11px;font-weight:600;color:var(--tertiaryText);margin:16px 8px 7px}.task-row{display:block;width:100%;text-align:left!important;padding:10px 8px!important;margin-bottom:3px;border-color:transparent!important;background:transparent!important}.task-row.active{background:var(--selectedRow)!important}.task-row strong{display:block;font-size:13px;font-weight:500;margin-bottom:5px}.task-row small{font-size:11px;display:block}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--hairline);padding-top:10px}.content{flex:1;min-width:0;display:flex;flex-direction:column}.toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--hairline);min-height:52px;flex-shrink:0}.spacer{flex:1}.heading{padding:20px 24px 14px}.meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;color:var(--secondaryText)}.chip{display:inline-block;border-radius:4px;background:var(--neutralFill);color:var(--neutralText);font-size:12px;padding:2px 6px;white-space:nowrap}.chip.running{color:var(--runningFG);background:var(--runningBG)}.chip.completed{color:var(--doneGreen);background:var(--doneBG)}.chip.failed,.chip.error{color:var(--dangerFG);background:var(--dangerBG)}.chip.warning,.chip.paused,.chip.attention{color:var(--warningFG);background:var(--warningBG)}.avatar{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;font-size:12px;font-weight:600;background:var(--codexBG);color:var(--codexFG)}.avatar.claude{color:var(--claudeFG);background:var(--claudeBG)}.avatar.vibe{color:var(--vibeFG);background:var(--vibeBG)}.tabs{display:flex;gap:4px;padding:0 24px 12px;border-bottom:1px solid var(--hairline)}.tabs button{border:0;background:transparent}.tabs button.active{color:var(--accentLink);background:var(--selectedRow)}.scroll{overflow:auto;min-height:0;flex:1}.reading{max-width:760px;padding:20px 24px;margin:0 auto;width:100%}.prompt{background:var(--promptBubble);border-radius:12px;padding:14px 16px;max-width:85%;margin:0 0 24px auto;font-size:14px}.card{background:var(--cardFill);border:1px solid var(--cardBorder);border-radius:12px;padding:16px;margin:12px 0}.tool{padding:12px 14px;border:1px solid var(--cardBorder);border-radius:8px;background:var(--cardFill);margin:10px 0}.tool summary{cursor:pointer;font-size:12px}.code,pre{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--codeFill);padding:12px;border-radius:8px;line-height:1.6}.diff{background:var(--diffAddedFill);padding:10px;font:12px ui-monospace,monospace}.composer{padding:12px 20px;border-top:1px solid var(--hairline);background:var(--windowBG)}.composer-inner{padding:10px;background:var(--composerFill);border:1px solid var(--hairline);border-radius:12px}.composer textarea{border:0;background:transparent;min-height:46px;resize:none;padding:2px}.composer-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.inspector{width:280px;flex-shrink:0;border-left:1px solid var(--hairline);background:var(--inspectorFill);padding:18px;overflow:auto}.kv{display:flex;justify-content:space-between;gap:15px;margin:12px 0;font-size:12px}.empty{padding:60px 30px;text-align:center;display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;min-height:230px}.empty h3{margin-bottom:6px}.empty p{max-width:380px;color:var(--secondaryText)}.banner{padding:12px 16px;background:var(--warningBG);color:var(--warningFG);border-radius:8px;margin:12px}.banner.error{background:var(--dangerBG);color:var(--dangerFG)}.banner button{margin-top:8px}.skeleton{height:12px;background:var(--neutralFill);border-radius:5px;margin:12px 0;width:80%}.skeleton.short{width:45%}.skeleton.block{height:92px;width:100%}.stats{display:flex;gap:10px;overflow:auto}.stat{min-width:160px;padding:16px;border:1px solid var(--hairline);border-radius:12px;background:var(--cardFill)}.stat strong{display:block;font-size:22px;margin-bottom:5px}.hero{font-size:22px!important}.columns{display:flex;gap:12px;padding:16px;overflow:auto;flex:1;min-height:0}.lane{width:420px;min-width:420px;border:1px solid var(--hairline);border-top:3px solid var(--accentLink);border-radius:12px;background:var(--cardFill);display:flex;flex-direction:column;overflow:hidden}.lane.completed{border-top-color:var(--doneGreen)}.lane.failed{border-top-color:var(--failedRed)}.lane-header{padding:16px;border-bottom:1px solid var(--hairline)}.lane .reading{padding:16px}.result{max-height:160px;overflow:auto;background:var(--doneBG);padding:12px;border-radius:8px}.canvas{position:relative;flex:1;min-width:400px;min-height:420px;overflow:auto;background-color:var(--windowBG);background-image:radial-gradient(var(--tertiaryText) .65px,transparent .65px);background-size:20px 20px}.graph-inner{position:relative;width:760px;height:590px;transform-origin:top left}.node{position:absolute;width:200px;min-height:92px;padding:14px!important;text-align:left;background:var(--cardFill)!important;box-shadow:0 2px 5px #0001;z-index:2}.node strong,.node small{display:block}.node small{font-size:11px;margin-top:7px}.node.selected{box-shadow:0 0 0 2px var(--accentLink)}.node.compact{width:72px;height:72px;min-height:72px;text-align:center;padding:12px!important}.node.parallel{width:110px;min-height:72px}.node:before,.node:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cardFill);border:1px solid var(--tertiaryText);left:calc(50% - 4px)}.node:before{top:-5px}.node:after{bottom:-5px}.connectors{position:absolute;inset:0;width:760px;height:590px;pointer-events:none}.connectors path{stroke:var(--tertiaryText);fill:none;stroke-width:1.4}.condition{position:absolute;left:355px;top:383px;background:var(--cardFill);border:1px solid var(--hairline);border-radius:5px;padding:3px 8px;font-size:11px;z-index:3}.graph-controls{position:absolute;left:16px;bottom:16px;display:flex;gap:5px;background:var(--cardFill);border:1px solid var(--hairline);padding:4px;border-radius:14px;z-index:5}.workflow-inspector{width:288px;min-width:220px;max-width:500px;background:var(--cardFill);padding:18px;border-left:1px solid var(--hairline);overflow:auto}.workflow-inspector label,.form-field{display:block;font-size:12px;margin:14px 0}.workflow-inspector label input,.workflow-inspector label select,.workflow-inspector label textarea,.form-field input,.form-field select{display:block;margin-top:7px;width:100%}.run-sidebar{width:420px;min-width:220px;max-width:500px;background:var(--cardFill);border-left:1px solid var(--hairline);display:flex;flex-direction:column;overflow:auto}.run-sidebar .reading{padding:16px}.plan-list{padding:0;list-style:none}.plan-list li{padding:12px 0;border-bottom:1px solid var(--hairline);display:flex;gap:10px}.progress{height:4px;background:var(--neutralFill);margin:16px 0}.progress span{display:block;width:45%;height:4px;background:var(--accentFill)}.on-demand{border-top:1px solid var(--hairline);background:var(--sidebarBG);padding:12px;display:flex;gap:10px;align-items:center}.on-demand button{min-width:170px;text-align:left}.summary-strip{border-bottom:1px solid var(--hairline);padding:10px 16px;background:var(--cardFill)}.recovery{position:absolute;right:12px;top:12px;width:400px;z-index:7;background:var(--cardFill);border:1px solid var(--warningFG);border-radius:14px;padding:14px;box-shadow:0 6px 16px #0002}.sheet-stage{width:1200px;min-height:740px;display:flex;align-items:center;justify-content:center;background:var(--windowBG)}.sheet{width:760px;max-height:900px;overflow:auto;background:var(--cardFill);border:1px solid var(--hairline);border-radius:20px;padding:24px;box-shadow:0 12px 32px #0002}.sheet .footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--hairline);padding-top:16px;margin-top:20px}.sheet textarea.task-input{height:112px}.agent-grid{display:grid;grid-template-columns:repeat(5,minmax(128px,1fr));gap:8px;margin:12px 0}.agent-card{text-align:left;min-height:90px;padding:12px!important}.agent-card small{display:block;font-size:11px;line-height:1.4;margin-top:7px}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.access-grid button{text-align:left;padding:12px}.access-grid small{display:block;margin-top:5px}.inline{display:flex;align-items:center;gap:8px}.inline input{flex:1}.settings{width:620px;height:460px;min-width:620px;min-height:460px}.settings-content{max-width:560px;width:100%;margin:0 auto;padding:20px;overflow:auto}.settings-row{padding:12px 0;border-bottom:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;gap:14px}.app input[type=checkbox],.app input[type=radio]{width:auto;accent-color:var(--accentFill)}.popover{width:380px;height:560px;min-width:380px;min-height:560px;border-radius:16px}.popover .toolbar{padding:12px}.popover .card{margin:8px 12px}.popover-footer{padding:12px;border-top:1px solid var(--hairline);display:flex;gap:8px}.foundations{padding:28px;overflow:auto}.foundations section{margin:0 0 32px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.swatch{border:1px solid var(--hairline);border-radius:8px;overflow:hidden;font-size:11px}.swatch-color{height:42px}.swatch-label{padding:8px;background:var(--cardFill)}.scale{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}.radius-samples{display:flex;gap:20px}.radius-sample{min-width:140px;padding:0 20px;height:64px;border:1px solid var(--accentLink);background:var(--selectedRow);display:flex;align-items:center;justify-content:center}.raw-sheet{width:800px}.raw-row{border-bottom:1px solid var(--hairline);padding:12px 0}.builder-conversation{width:320px;border-left:1px solid var(--hairline);padding:18px;background:var(--cardFill);overflow:auto}.closed{padding:80px;text-align:center}
.launch-sheet{width:580px;min-height:650px}.mcp-sheet{width:590px}
/* Sheets retain native widths while their contents scroll within the specimen. */
.sheet-stage{min-height:0;flex:1;width:100%;overflow:auto;align-items:flex-start;padding:20px}
.sheet{flex-shrink:0;max-height:none;overflow:visible;margin:auto 0}
.recovery{background:var(--warningBG)}.recovery-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.recovery-controls input{width:68px}.recovery-controls button{font-size:12px}
