/* A single desktop decision: three complete images and one final action. */
.color-selection{min-width:0;padding:8px 0 0}
.workspace-mode[data-workbench=decoration] #save-button,.workspace-mode[data-workbench=decoration] #restore-local-draft{display:none}
.decoration-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.decoration-heading h2{font-family:var(--display);font-size:26px;line-height:1.4;margin:0 0 5px}
.decoration-heading p,.decoration-status{font-size:12px;line-height:1.6;color:var(--muted)}
.decoration-heading .button{flex:none;min-height:40px;font-size:14px}
.decoration-status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:22px}
.decoration-status.error{color:#93462b}
.decoration-status .text-button{flex:none;font-size:13px;min-height:30px}
.decoration-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-height:0}
.decoration-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--field-line);border-radius:14px;background:var(--paper);padding:14px}
.decoration-card.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.decoration-select{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;width:100%;border:0;background:transparent;padding:0;text-align:left;color:var(--ink);font:inherit;cursor:pointer}
.decoration-select:disabled{opacity:1;cursor:default}
.decoration-select:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:6px}
.decoration-option-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:9px}
.decoration-card.selected .decoration-option-top{color:var(--green)}
.decoration-picture{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;width:100%;background:var(--field-surface);border-radius:6px;overflow:hidden}
.decoration-picture img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.decoration-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:170px;color:var(--muted);font-size:14px;text-align:center;padding:20px}
.decoration-placeholder small{font-size:12px;line-height:1.6}
.decoration-select>strong{display:block;font-family:var(--display);font-size:21px;line-height:1.4;margin:12px 0 5px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.decoration-mood{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.65;color:var(--muted);min-height:43px}
.decoration-info{position:relative;flex:none;margin-top:4px}
.decoration-info summary{cursor:pointer;font-size:12px;line-height:1.7;min-height:25px;color:var(--green);padding:3px 0}
.decoration-info>div{position:absolute;bottom:100%;left:0;right:0;z-index:8;background:var(--paper);border:1px solid var(--field-line);border-radius:14px;padding:17px;max-height:260px;overflow:auto}
.decoration-info p{font-size:13px;line-height:1.8;margin:0 0 10px;overflow-wrap:anywhere}
.decoration-info p:last-child{margin-bottom:0}.decoration-info b{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:3px}
.decoration-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:13px}
.decoration-footer strong{font-size:14px;font-weight:600}
.decoration-footer p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:4px}
.decoration-footer .button{flex:none;min-height:44px;font-size:14px}
@media(min-width:851px){
 .workspace-mode[data-app-view=workbench][data-workbench=decoration]{overflow:hidden}
 .workspace-mode[data-app-view=workbench][data-workbench=decoration] #app-main{height:100dvh;min-height:0}
 .workspace-mode[data-app-view=workbench][data-workbench=decoration] #workbench-view{flex:1;display:flex;flex-direction:column;min-height:0;padding:20px 24px}
 .workspace-mode[data-workbench=decoration] .workbench-heading,.workspace-mode[data-workbench=decoration] #generation-status{display:none}
 .workspace-mode[data-workbench=decoration] #color-selection{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;flex:1;min-height:0;padding:0}
 .workspace-mode[data-workbench=decoration] #color-selection.hidden{display:none}
}
@media(min-width:851px) and (max-height:740px){
 .workspace-mode[data-workbench=decoration] #workbench-view{padding:14px 22px}
 .workspace-mode[data-workbench=decoration] #color-selection{gap:9px}
 .decoration-heading h2{font-size:24px}.decoration-card{padding:12px}
 .decoration-select>strong{font-size:20px;margin-top:9px}.decoration-footer{padding-top:9px}
}
@media(max-width:850px){
 .workspace-mode[data-workbench=decoration] .workbench-heading,.workspace-mode[data-workbench=decoration] #generation-status{display:none}
 .color-selection{display:grid;gap:16px}.color-selection.hidden{display:none}
 .decoration-heading{align-items:flex-start;gap:12px}.decoration-heading h2{font-size:24px}
 .decoration-options{grid-template-columns:1fr;gap:14px}
 .decoration-picture{height:270px;flex:none}
 .decoration-mood{min-height:0}.decoration-card{padding:16px}
 .decoration-info>div{position:static;max-height:none;margin-top:8px}
 .decoration-footer{flex-direction:column;align-items:stretch;gap:12px;padding:16px 0 20px}
 .decoration-footer .button{width:100%}.decoration-heading .button{font-size:12px;padding:8px 12px;white-space:nowrap}
}

/* Results use the same visible inset on all four sides of every inner section. */
.workspace-mode #results{--result-inset:24px}
.workspace-mode #results>.selected-decoration{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 var(--result-inset) 24px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--field-surface);min-width:0}
.selected-decoration>div{min-width:0}.selected-decoration span{font-size:12px;color:var(--muted);margin-right:12px}.selected-decoration strong{font-size:16px;font-weight:600}.selected-decoration p{font-size:14px;color:var(--muted);line-height:1.7;margin-top:6px;overflow-wrap:anywhere}.selected-decoration .button{flex:none}
.workspace-mode #results>.result-header{padding:24px var(--result-inset);border-bottom:0;gap:24px}
.workspace-mode #results>.result-cover{margin:0 var(--result-inset) 24px;padding:20px;border:1px solid var(--line);border-radius:14px}
.workspace-mode #results>.refine-area,.workspace-mode #results>.sampling-panel,.workspace-mode #results>.version-area{margin:0 var(--result-inset) 24px;padding:20px;border:1px solid var(--line);border-radius:14px}
.workspace-mode #results>.result-content{padding:24px var(--result-inset)}
.workspace-mode #results>.result-tabs{padding-inline:var(--result-inset)}
.workspace-mode #results>.image-stale{margin:0 var(--result-inset) 20px!important}
.workspace-mode #results>.comparison-panel:not(.hidden){margin:0 var(--result-inset) 24px;width:auto}
.workspace-mode .template-detail .enterprise-detail-photos{padding:16px;min-width:0}
.workspace-mode .enterprise-angles{padding:5px;gap:12px;flex-wrap:wrap;margin:8px 0 0}
.workspace-mode .enterprise-angles button{box-sizing:border-box;flex:none;border:1px solid var(--line);outline:0;outline-offset:0}
.workspace-mode .enterprise-angles button[aria-pressed=true]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);outline:0}
.workspace-mode .enterprise-angles button:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.workspace-mode .vessel-choice:focus-visible,.workspace-mode .template-stage:focus-visible,.workspace-mode .enterprise-product-photo:focus-visible{outline-offset:-4px}
@media(max-width:620px){
 .workspace-mode #results{--result-inset:16px}
 .workspace-mode #results>.selected-decoration{flex-direction:column;align-items:stretch;gap:14px;padding:16px;margin-bottom:18px}
 .workspace-mode #results>.result-cover,.workspace-mode #results>.refine-area,.workspace-mode #results>.sampling-panel,.workspace-mode #results>.version-area{padding:16px;margin-bottom:18px}
 .workspace-mode .template-detail .enterprise-detail-photos{padding:12px}
}