/* A predictable workspace: destinations keep their own row at every width. */
.workspace-body .work-header {height:88px;min-height:88px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:48px 40px;gap:0 6px;padding:0 10px;border-bottom:1px solid var(--repl-border);}
.workspace-body .work-header .project-heading {grid-column:2;grid-row:1;}
.workspace-body .work-header .header-actions {grid-column:3;grid-row:1;}
.workspace-body .work-header .stage-tabs {display:flex;grid-column:1/-1;grid-row:2;align-self:stretch;align-items:stretch;justify-content:flex-start;width:100%;height:auto;min-height:40px;overflow:visible;white-space:normal;flex-wrap:wrap;gap:4px;}
.workspace-body .work-header .stage-tabs button {height:40px;min-height:40px;padding:0 14px;flex:0 0 auto;border-radius:6px 6px 0 0;}
.experience-controls {display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:6px 12px;background:var(--repl-bg);border-bottom:1px solid var(--repl-border-subtle);font-size:12px;}
.experience-focus,.experience-options {display:flex;align-items:center;gap:4px;}
.experience-controls button {min-height:32px;padding:6px 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--repl-secondary);font:inherit;}
.experience-controls button:hover {background:var(--repl-hover);color:var(--repl-text);}
.experience-controls button[aria-pressed=true] {background:var(--repl-selected);border-color:var(--repl-border);color:var(--repl-text);}
.experience-options label {display:flex;align-items:center;gap:7px;color:var(--repl-muted);}
.experience-options select {background:var(--repl-control);border:1px solid var(--repl-border);color:var(--repl-text);border-radius:6px;min-height:32px;padding:4px 8px;font:inherit;}
.workspace-body .workspace[data-experience-mode=simple] .project-tools [data-advanced-tool] {border-style:dashed;}
.workspace-body .workspace[data-experience-mode=simple] .project-tools [data-advanced-tool] strong:after {content:' · avançado';font-size:10px;color:var(--repl-muted);font-weight:400;}
.workspace-body .workspace[data-experience-mode=advanced] .project-tools [data-advanced-tool] {border-color:var(--repl-border-strong);}
.workspace-body .workspace:is([data-work-focus=site],[data-work-focus=tools]) .work-grid {grid-template-columns:minmax(0,1fr);}
.workspace-body .workspace:is([data-work-focus=site],[data-work-focus=tools]) .work-grid>:is(.chat-panel,.split-handle) {display:none;}
.workspace-body .workspace[data-work-focus=chat] .work-grid {grid-template-columns:minmax(0,1fr);}
.workspace-body .workspace[data-work-focus=chat] .work-grid>:is(.project-stage-layout,.split-handle) {display:none;}
.workspace-body .workspace[data-work-focus=chat] .chat-panel {max-width:1000px;width:100%;justify-self:center;border-right:0;}
.workspace-body .workspace:is([data-work-focus=site],[data-work-focus=tools]) .project-stage-layout {padding-left:6px;}
.workspace-body .workspace[data-stage=integrations] .workspace-tool-page {width:100%;max-width:1100px;margin-inline:auto;}
.workspace-body .workspace[data-stage=manage] .stage-panel {overflow:auto;}
.workspace-body .workspace[data-stage=code] .project-sidebar {width:250px;}
.workspace-body .workspace[data-stage=database] .database-explorer {padding:24px 32px;}
.experience-guide {color:var(--repl-secondary);line-height:1.6;}
.experience-guide>p {margin:0 0 20px;}
.direction-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.direction-grid button {text-align:left;display:flex;flex-direction:column;gap:9px;padding:12px;background:var(--repl-control,#25282e);border:1px solid var(--repl-border,#454952);color:var(--repl-text,#f5f5f5);border-radius:10px;}
.direction-grid button>span:last-child {font-size:12px;line-height:1.5;color:var(--repl-secondary,#bec3cd);}
.direction-grid button:hover {border-color:var(--repl-blue,#5599ec);}
.direction-swatch {height:66px;width:100%;display:flex;align-items:center;padding:12px;font-size:30px;border-radius:5px;}
.direction-swatch.editorial {font-family:Georgia,serif;background:#e8e5dd;color:#262622;}
.direction-swatch.warm {background:#ead7bf;color:#72452d;font-family:Georgia,serif;border-radius:30px 6px 6px 6px;}
.direction-swatch.precise {background:#152c4b;color:#91bcff;font-family:monospace;}
.experience-guide ol {padding:12px 0 0 24px;}
.experience-guide li {padding:4px 0;}
.project-favorite {position:absolute;top:12px;left:12px;z-index:2;background:var(--repl-panel,#23252b);border:1px solid var(--repl-border,#444);color:var(--repl-secondary,#adb3be);border-radius:8px;width:36px;height:36px;font-size:21px;}
.project-favorite[aria-pressed=true] {color:#e9bc6d;}
.project-cover {min-height:125px;}
.project-cover .project-monogram {opacity:.75;}
.project-last-change {margin:14px 0 4px;font-size:12px;color:var(--repl-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.project-next {font-size:12px;color:var(--repl-blue);margin:0 0 14px;line-height:1.5;}
.project-cover .project-revision {font-variant-numeric:tabular-nums;}
.library-favorites {display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;color:var(--repl-secondary);}
.library-favorites input {accent-color:var(--repl-blue);width:16px;height:16px;}
.library-state {font-size:12px;color:var(--repl-muted);margin-top:12px;}
.version-compare-form {display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:20px 0;padding:16px;background:var(--repl-control);border:1px solid var(--repl-border);border-radius:10px;}
.version-compare-form label {display:flex;flex:1;min-width:120px;flex-direction:column;gap:6px;font-size:12px;}
.version-compare-form select {min-height:38px;background:var(--repl-panel);color:var(--repl-text);border:1px solid var(--repl-border);border-radius:6px;padding:7px;}
.version-comparison {margin:16px 0 24px;}
.version-comparison details {border:1px solid var(--repl-border);border-radius:8px;margin:8px 0;overflow:hidden;}
.version-comparison summary {padding:12px;cursor:pointer;overflow-wrap:anywhere;}
.version-comparison pre {max-height:420px;overflow:auto;font:12px/1.65 ui-monospace,monospace;background:var(--repl-bg);padding:14px;margin:0;color:var(--repl-secondary);white-space:pre;}
.version-comparison .diff-add {color:#94d8a2;}.version-comparison .diff-remove {color:#f5a2a2;}
.version-preview-status {font-size:12px;color:var(--repl-secondary);line-height:1.5;margin:8px 0;}
.launch-interactive {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;color:#aab2c3;font-size:12px;}
.launch-interactive>span {text-transform:uppercase;letter-spacing:.06em;font-size:10px;}
.launch-interactive>div {display:flex;gap:6px;flex-wrap:wrap;}
.launch-interactive button {padding:9px 12px;min-height:40px;border:1px solid #3b455b;background:#172135;color:#edf3ff;border-radius:8px;font:inherit;}
.launch-interactive button:hover,.launch-interactive button[aria-pressed=true] {background:#243b66;border-color:#6b9beb;}
.launch-interactive p {width:100%;margin:0;font-size:12px;}
.launch-preview.demo-alternate .launch-demo-site {background:#e3ebf7;color:#172b4b;}
.launch-preview.demo-alternate .launch-site-copy h3 {font-family:Georgia,serif;font-style:italic;letter-spacing:-.025em;}
.launch-preview.demo-alternate .launch-site-cta {background:#17345e;color:#fff;}
.launch-preview.demo-alternate .launch-site-art {transform:rotate(-7deg) scale(.92);}
.launch-preview.demo-mobile {max-width:390px;margin-inline:auto;width:100%;}
.launch-preview.demo-mobile .launch-site-copy {width:100%;position:relative;padding:28px 20px;}
.launch-preview.demo-mobile .launch-site-art {display:none;}
.launch-preview.demo-mobile .launch-site-copy h3 {font-size:36px;}
.launch-preview.demo-mobile .launch-site-nav {padding-inline:20px;}
@media(min-width:641px) and (max-width:1500px){.workspace-body .workspace {--chat-width:360px;}.workspace-body .work-header .stage-tabs button {padding-inline:11px;}.workspace-body .workspace[data-sidebar-open=true] .project-sidebar {position:absolute;right:6px;top:0;bottom:6px;width:280px;box-shadow:-10px 0 30px #0005;}.workspace-body .workspace[data-stage=code] .project-sidebar {position:relative;right:auto;top:auto;bottom:auto;box-shadow:none;width:240px;}.workspace-body .workspace[data-stage=code] .sidebar-backdrop {display:none;}}
@media(max-width:760px){.experience-options [data-guide]{display:none;}.experience-controls {padding-inline:6px;gap:4px;}.experience-controls button {padding-inline:8px;}.experience-options label {font-size:0;gap:0;}.experience-options select {font-size:12px;}.workspace-body .work-header .stage-tabs button {font-size:12px;padding-inline:9px;}.workspace-body .work-header .stage-tabs svg {display:none;}}
@media(max-width:640px){.workspace-body .work-header {height:88px;min-height:88px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;}.workspace-body .work-header .stage-tabs {display:flex;flex-wrap:nowrap;}.workspace-body .work-header .stage-tabs button {flex:1;padding-inline:6px;}.experience-controls {min-height:44px;}.experience-controls [data-work-focus=balanced] {display:none;}.workspace-body .workspace .work-grid {display:block;}.workspace-body .workspace[data-work-focus=chat] .chat-panel{display:flex;}.workspace-body .workspace:is([data-work-focus=site],[data-work-focus=tools]) .project-stage-layout {display:flex;}.direction-grid {grid-template-columns:1fr;}.direction-grid button {display:grid;grid-template-columns:70px 1fr;column-gap:12px;}.direction-swatch {grid-row:1/3;height:70px;}.workspace-body .workspace[data-stage=database] .database-explorer {padding:14px;}.workspace-body .workspace[data-stage=code] .project-sidebar {position:absolute;width:min(80vw,280px);}.project-controls {flex-wrap:wrap;}.library-favorites {min-height:36px;}}
@media(prefers-reduced-motion:reduce){.launch-preview * {transition:none!important;}}
.workspace-body .workspace[data-experience-mode=simple] .project-tools [data-advanced-tool] {display:none;}
.workspace-body .workspace[data-experience-mode=advanced] .advanced-tools-enable {display:none;}
.advanced-tools-enable {margin-top:18px;}
#previewZoom {background:var(--repl-control);color:var(--repl-secondary);border:1px solid var(--repl-border);border-radius:5px;padding:3px 5px;min-height:28px;font-size:11px;}
.workspace-body .stage-viewport[data-zoom=actual] {overflow:auto;}
.workspace-body .workspace[data-sidebar-open=true] .stage-toolbar #previewZoom {display:none;}
@media(max-width:760px){.workspace-body .quality-toggle span {display:none;}}
@media(max-width:640px){.workspace-body .quality-toggle {display:none;}}
.workspace-body .stage-panel {container-name:project-stage;container-type:inline-size;}
.workspace-body .stage-toolbar {height:auto;min-height:40px;flex-wrap:wrap;padding-top:4px;padding-bottom:4px;}
.workspace-body .stage-toolbar>button,.workspace-body .stage-toolbar>a {flex-shrink:0;}
@container project-stage (max-width:620px){.workspace-body .stage-toolbar .preview-device-label {display:none;}.workspace-body .stage-toolbar .context-button span,.workspace-body .stage-toolbar #openPreview span {display:none;}.workspace-body .stage-toolbar .context-button {width:32px;min-width:32px;padding:0;}}
@container project-stage (max-width:360px){.workspace-body .stage-toolbar {gap:4px;padding-inline:6px;}.workspace-body .device-picker button {width:28px;}}
.home-direction-guide {display:block;margin:16px auto 0;color:#a9c6fb;font-size:12px;min-height:40px;padding:8px 12px;border-radius:7px;}
.home-direction-guide:hover {color:#fff;background:#1a2b49;}
.workspace-body .workspace[data-experience-mode=simple] .client-navigation :is(#railFiles,#railDatabase) {display:none;}

.project-cover{position:relative}.project-real-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;z-index:1}.project-cover:has(.project-real-thumbnail) .project-monogram{visibility:hidden}.project-cover .project-revision{position:relative;z-index:2}