/* Standalone sizing replaces the Portal sidebar/app layout contract. */
body{display:block}
.developerShell{width:100%;min-width:0}
.developerShell>.content{width:100%;min-width:0}
body.webWorkspaceMode .developerShell>.content,body.webWorkspaceMode #view-web,.developerShell .webWorkspace{height:calc(100dvh - 56px)}
.developerShell .webWorkspaceSpacesV3 .webSpacesFullscreenShell{display:flex;flex-direction:column;flex:1;min-height:0}
.developerShell .webWorkspaceSpacesV3 .webSpacesStudio{height:auto!important;flex:1;min-height:0!important}
.developerShell .webWorkspaceSpacesV3 .webSpacesStudio.sideCollapsed{grid-template-columns:minmax(0,1fr) 0!important}
@media(max-width:760px){
 .devTop>b{font-size:13px}.devTop>.tiny{display:none}.devTop{gap:8px}
 .developerShell .webWorkspaceSpacesV3 .webSpacesStudio.sideCollapsed .webSpacesSide{display:none!important}
}
.developerShell .webWorkspaceSpacesV3 .webSpacesStudio{grid-template-rows:minmax(0,1fr);overflow:hidden}.developerShell .webWorkspaceSpacesV3 .webSpacesCanvas{height:100%;min-height:0}.developerShell .webWorkspaceSpacesV3 .webSpacesSide{min-height:0}
/* Embedded light editors need their own text color inside dark Spaces nodes. */
.webSpacesNodeInline :is(.webBrandStatusBar,.webBrandManualRule,.webBrandCard,.webUpload){color:#242424}
.webSpacesNodeInline .webR2Upload{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.webSpacesNodeInline .webR2UploadMain{min-width:0}
.webSpacesNodeInline .webR2UploadControls{display:flex;flex-wrap:wrap;gap:8px}

/* Costs are accessible from all three steps without replacing the Spaces draft. */
.developerCostModal{width:min(1050px,96vw)!important;max-width:1050px!important}.developerCosts{display:grid;gap:18px}.developerCosts p,.developerCosts small{font-size:13px;line-height:1.6}.developerCosts small{display:block}.developerCostTotals{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.developerCostTotals>div{padding:18px;background:#f4f5f7;border-radius:10px;color:#17191e}.developerCostTotals strong{display:block;font-size:24px;margin-top:8px}.developerCosts form{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:12px}.developerCosts label{display:grid;gap:6px;font-size:13px}.developerCosts input,.developerCosts select{width:100%;padding:10px;border:1px solid #999;border-radius:6px;background:#fff;color:#161616}.developerCosts form button{grid-column:1/-1;justify-self:start}.developerCostTable{overflow:auto}.developerCostTable table{width:100%;border-collapse:collapse;font-size:13px}.developerCostTable th,.developerCostTable td{text-align:left;padding:10px;border-bottom:1px solid #8884}.developerCostTable th:last-child,.developerCostTable td:last-child{text-align:right;white-space:nowrap}.developerFx{display:grid;grid-template-columns:1fr 140px auto;align-items:center;gap:10px}.developerFx small{grid-column:1/-1}@media(max-width:700px){.developerCostTotals,.developerCosts form,.developerFx{grid-template-columns:1fr}.webWorkspaceActions{flex-wrap:wrap}.developerCostTotals strong{font-size:20px}}

/* Puzzle is an editable architecture, independent of the resource canvas. */
.developerPuzzleModal{width:min(1120px,calc(100vw - 32px))!important;max-width:1120px!important}.developerPuzzle{display:grid;gap:24px}.puzzleIntro{padding:22px;background:#f5f3ed;border-radius:14px}.puzzleIntro h2{font-size:28px;line-height:1.15;margin:10px 0}.puzzleIntro p{max-width:70ch}.puzzlePropose{display:grid;gap:10px;border:1px solid #ddd;padding:18px;border-radius:12px}.developerPuzzle label{display:grid;gap:6px;font-size:13px;font-weight:600}.developerPuzzle textarea,.developerPuzzle input,.developerPuzzle select{width:100%;min-width:0;padding:10px;border:1px solid #d8d8d8;border-radius:7px;background:#fff;font:inherit}.developerPuzzle textarea{min-height:70px;resize:vertical}.puzzlePages{display:grid;gap:22px}.puzzlePage{border:1px solid #d6d6d6;border-radius:12px;padding:16px;display:grid;gap:12px}.puzzlePage>header{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.puzzlePage>header .puzzleOrder{grid-column:1/-1}.puzzleSection{border:1px solid #ddd;border-radius:9px}.puzzleSection summary{display:flex;gap:14px;align-items:center;padding:14px;cursor:pointer;background:#fafafa;border-radius:9px}.puzzleSection summary>b{color:#8c6a18;font-size:12px}.puzzleSection summary>span{flex:1;font-weight:700}.puzzleSection summary>small{font-size:11px;color:#777}.puzzleSectionBody{padding:16px;display:grid;gap:16px}.puzzleFieldGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.puzzleFieldGrid fieldset{min-width:0;max-height:210px;overflow:auto;border:1px solid #ddd;border-radius:8px;padding:12px}.puzzleFieldGrid legend{font-size:12px;font-weight:700}.developerPuzzle .puzzleChoice{display:flex;align-items:center;gap:8px;padding:5px 0;font-weight:400;overflow-wrap:anywhere}.puzzleChoice input{width:16px;height:16px;flex:0 0 16px}.puzzleChoice small{color:#777}.puzzleOrder,.puzzleActions{display:flex;gap:8px;flex-wrap:wrap}.puzzleActions{position:sticky;bottom:0;background:#fff;padding:14px 0;border-top:1px solid #ddd;z-index:1}.puzzlePropose small{color:#666}.developerPuzzle .btn:disabled{opacity:.45;cursor:default}@media(max-width:650px){.developerPuzzleModal{width:calc(100vw - 16px)!important}.puzzleFieldGrid,.puzzlePage>header{grid-template-columns:1fr}.puzzleSection summary{flex-wrap:wrap}.puzzleSection summary>small{width:100%;margin-left:28px}.puzzlePage{padding:10px}.puzzleActions{position:static}.puzzleActions>.btn{flex:1 1 45%}}