/* Theme tokens keep project structure readable in every supported appearance. */
body.warm-modern #nav details[data-space-nav]{margin:5px 0;padding:4px 0;border:0;border-top:1px solid color-mix(in srgb,var(--ap-side-ink,#fff) 20%,transparent);border-radius:0;background:transparent;color:var(--ap-side-ink,#fff)}
body.warm-modern #nav details[data-space-nav]>summary{padding:12px 16px;cursor:pointer;font-size:13px;font-weight:600;color:inherit;list-style-position:inside}
body.warm-modern #nav details[data-space-nav]>button{width:100%;margin:2px 0}
body.warm-modern #nav details[data-space-nav][hidden]{display:none!important}
body.warm-modern #view .space-directions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0;max-width:1100px}
html body.warm-modern[data-theme] #view button.space-direction{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:24px;min-height:160px;white-space:normal;background:var(--ap-card)!important;color:var(--ap-ink)!important;border:1px solid var(--ap-line)!important;border-radius:var(--ap-radius)!important}
body.warm-modern #view .space-direction strong{font-size:19px}
body.warm-modern #view .space-direction span{font-weight:400;line-height:1.5}
body.warm-modern #view .space-direction small{font-weight:400}
body.warm-modern #view .space-direction:hover{outline:2px solid var(--ap-accent);outline-offset:1px}
body.warm-modern .space-intro{line-height:1.6;max-width:920px;color:var(--ap-muted)}
body.warm-modern .space-primary-tabs{margin:18px 0 8px;padding-bottom:12px}
body.warm-modern .space-secondary-tabs{margin:0 0 18px}
body.warm-modern .space-project-controls{margin:12px 0;padding:10px 0;border:0}
body.warm-modern .space-project-controls>summary{cursor:pointer;padding:8px 0;font-weight:600}
body.warm-modern .space-project-controls>button{margin:8px 8px 8px 0}
body.warm-modern .space-primary-tabs button[aria-current=page],body.warm-modern .space-secondary-tabs button[aria-current=page]{outline:2px solid var(--ap-accent);outline-offset:1px}
@media(max-width:700px){body.warm-modern #view .space-directions{grid-template-columns:1fr;gap:10px}html body.warm-modern[data-theme] #view button.space-direction{min-height:120px;padding:18px}body.warm-modern .space-primary-tabs{display:flex;flex-wrap:wrap;gap:8px}}

body.warm-modern #nav :is([data-space-nav=tools],[data-space-nav=architect]){display:none!important}
.appearance-editor .appearance-hints{display:flex;align-items:center;gap:8px;margin:14px 0;cursor:pointer}
.appearance-editor .appearance-hints input{width:18px!important;height:18px;min-height:0!important;flex:none;margin:0;padding:0}
/* Engineer images retain the existing desktop-window shell. */
.engineer-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.engineer-images label{display:grid;gap:5px;min-width:0;margin:0}
.engineer-image-prompt,.engineer-images-gallery,.engineer-images-status,.engineer-images>button{grid-column:1/-1}
.engineer-images :is(select,textarea,input){max-width:100%;min-width:0;box-sizing:border-box}
.engineer-images textarea{resize:vertical}
.engineer-images-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px}
.engineer-images-gallery article{display:flex;flex-direction:column;gap:6px;min-width:0;border:1px solid var(--psk-line,#c9c5bc);border-radius:4px;padding:8px}
.engineer-images-gallery img{width:100%;height:180px;object-fit:contain;cursor:zoom-in}
.engineer-images-gallery .engineer-image-preview{padding:0;background:transparent;border:0;height:180px}
.engineer-images-gallery .engineer-image-download{width:44px;height:36px;align-self:flex-end;padding:8px}
.engineer-images-gallery .engineer-image-download img{width:18px;height:18px;cursor:pointer}
.engineer-images-gallery small,.engineer-images-status{overflow-wrap:anywhere}
@media(max-width:600px){.engineer-images{grid-template-columns:minmax(0,1fr)}}