/* Shared shell, headers, cards, inputs, actions and settings come from demo.css. */
.coordi-layout{flex:1;min-height:0}.coordi-art{position:relative;overflow:hidden;min-height:0;border-right:1px solid #23436c;background:#07162a}.coordi-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.coordi-layout>.demo-main{display:flex;flex-direction:column;min-height:0}.coordi-page{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#315d8d #09182b}#coordi-search-page{display:flex;flex-direction:column;overflow:hidden}#coordi-form{display:flex;flex:1;flex-direction:column;min-height:0}.coordi-conditions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:1;min-height:0;overflow:auto;align-content:start;padding-right:3px;scrollbar-width:thin;scrollbar-color:#315d8d #09182b}.coordi-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.coordi-fields>label,.coordi-field{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;font-size:10px;color:#b7cee8}.coordi-range{display:flex;align-items:center;gap:5px;min-width:0}.coordi-range input{width:0;flex:1;min-width:0}.coordi-worlds{border:0;margin:0;padding:0;display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.coordi-worlds legend{float:left;width:64px;margin-right:8px;font-size:10px;color:#b7cee8}.coordi-worlds .checkbox{display:flex;gap:5px;white-space:nowrap;font-size:10px}.coordi-worlds input{width:15px;height:15px;flex-shrink:0}.coordi-query-label{display:block;font-size:10px;color:#b7cee8;margin-bottom:7px}#coordi-query{width:100%;height:108px;resize:vertical;font-family:inherit;font-size:11px;line-height:1.7;background:#08182b;border:1px solid #31577e;border-radius:5px;color:#eaf1ff;padding:8px 10px}.coordi-mode{display:flex;gap:10px;align-items:center;font-size:10px;margin-top:8px}.coordi-mode select{flex:1;min-width:0}.coordi-examples{margin-top:8px;font-size:10px;color:#8fa9cd}.coordi-examples summary{cursor:pointer}.sample-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sample-chips button{font-size:10px;border:1px solid #31577e;background:#0b2037;color:#c2d6f0;border-radius:5px;padding:4px 8px}.coordi-layout .search-actions{margin:0;padding-top:8px}.coordi-layout .pc-status{flex-shrink:0;margin-top:8px}.coordi-results-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:10px}.coordi-results-layout>div{min-width:0}.coordi-table-scroll{overflow:auto;min-height:300px;border:1px solid #173a5f;border-radius:7px}.coordi-table-scroll table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}.coordi-table-scroll th,.coordi-table-scroll td{padding:10px 8px;border-bottom:1px solid #193b60;text-align:left}.coordi-table-scroll th{background:#0d2744;color:#c9d9ed}.coordi-table-scroll td button{border:0;background:none;padding:0;color:#c2d6f0;text-decoration:underline;cursor:pointer}.coordi-table-scroll tr[aria-selected=true]{background:#173b69}.coordi-empty,.hint{font-size:10px;line-height:1.7;color:#8fa5c5;margin:10px 0}.coordi-card{background:#08192c;border:1px solid #17436d;border-radius:9px;padding:12px;min-width:0}.coordi-card h2{font-size:13px;color:#7dd5ff;margin:0 0 10px}.item-list{padding:0!important;list-style:none;margin:8px 0 15px;display:grid;gap:6px}.item-list li{display:flex;gap:10px;padding:7px 9px;background:#07172b;border-radius:5px;font-size:11px}.item-list span{color:#8ba8ce;min-width:38px}.item-list b{overflow-wrap:anywhere;font-weight:500}.preview-avatar{padding:15px;margin:12px 0;text-align:center;background:#12243b;border-radius:7px}.preview-avatar span{display:block;font-size:34px}.preview-avatar small{font-size:10px}.source-label{font-size:12px;color:#addecf}#coordi-preview h3{font-size:12px;color:#c9d9ed;margin-top:12px}#coordi-preview>button{width:100%}#coordi-log{margin:0;min-height:300px;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:#061321;border:1px solid #173a5f;color:#bbd0e8;border-radius:7px;font:12px/1.9 monospace}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.detail-config{border-top:1px solid #314563;padding-top:12px;margin-top:12px}.coordi-layout #coordi-help-page li{font-size:12px;line-height:1.8;margin:8px 0}
@media(max-width:1400px){.coordi-conditions{grid-template-columns:1fr}.coordi-results-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){.coordi-art{display:none}}
@media(max-width:760px){.coordi-layout{display:block}.coordi-page,#coordi-search-page,#coordi-form{overflow:visible;display:block}.coordi-conditions{overflow:visible}.coordi-layout .search-actions{position:sticky;bottom:0;background:#061225;padding-bottom:8px}.coordi-layout>.demo-main{overflow:visible}.coordi-fields{grid-template-columns:1fr}.coordi-mode{align-items:flex-start;flex-direction:column}.coordi-mode select{width:100%}.coordi-layout .pc-status{margin-top:12px}.coordi-results-layout{display:block}}

.coordi-layout .pc-status #coordi-status{flex:1;font-size:10px;color:#b7cee8}.coordi-layout .pc-status #coordi-status:before{content:"●";color:#6df2a8;margin-right:8px}#coordi-settings-page .pc-card-body{padding:20px}

.coordi-picker{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px;margin:10px 0}.coordi-picker label{display:flex;gap:8px;align-items:center;font-size:11px}.coordi-picker select{min-width:0;flex:1}#coordi-suggestions{display:grid;gap:3px;max-height:225px;overflow:auto;margin-top:8px}#coordi-suggestions button{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid #284567;background:#0d223a;color:#d8e9ff;border-radius:6px;padding:3px 7px;cursor:pointer;min-height:45px}#coordi-suggestions button:hover,#coordi-suggestions button:focus-visible{background:#25324e;border-color:#b0a0ef}#coordi-suggestions img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated}#coordi-suggestions span{font-size:11px}.coordi-stage{min-height:220px;padding:12px;border:1px solid #625d99;border-radius:14px;background:radial-gradient(ellipse at 50% 45%,#46436e,#202c48 60%,#0b192d);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.coordi-stage>span{font-size:10px;letter-spacing:2px;color:#d9c9f4}.coordi-stage img{width:164px;height:164px;object-fit:contain;image-rendering:pixelated}.coordi-stage p,.coordi-stage small{font-size:10px;line-height:1.6;color:#c9c2e8;margin:0;overflow-wrap:anywhere}.coordi-stage [hidden]{display:none!important}.coordi-conditions>section{align-self:start}#coordi-query{height:78px}
@media(max-width:600px){.coordi-picker{grid-template-columns:1fr}.coordi-stage{min-height:210px}}

/* Balanced fitting room and compact searchable wardrobe. */
.coordi-left-column{display:grid;gap:8px;align-self:start;min-width:0}.coordi-picker{grid-template-columns:1fr}.coordi-conditions{grid-template-columns:1.1fr 1fr}
#coordi-selected{display:grid;gap:4px;max-height:132px;overflow:auto;margin:8px 0}#coordi-selected:empty{display:none}.coordi-selected-row,.coordi-suggestion-row{display:flex;gap:5px;min-width:0}.coordi-selected-row button{border:1px solid #31577e;border-radius:5px;background:#0b2037;color:#c2d6f0;padding:6px 8px;font-size:11px;cursor:pointer}.coordi-selected-row button:first-child{flex:1;text-align:left}.coordi-selected-row button:last-child{width:30px}#coordi-suggestions .coordi-suggestion-row>button:first-child{flex:1;min-width:0}#coordi-suggestions .coordi-suggestion-row>button:last-child{flex-shrink:0}
#coordi-related{border-top:1px solid #31577e;margin-top:16px;padding-top:14px}#coordi-related h4{font-size:12px;color:#cdbdfd}.coordi-set-items{display:grid;gap:5px;max-height:250px;overflow:auto;margin:10px 0}.coordi-set-items button{text-align:left;font-size:11px}#coordi-related a{font-size:11px;color:#bca8ff}#coordi-selected-title{margin-top:12px}.coordi-left-column details{margin-top:8px;font-size:11px;color:#9db6d4}
@media(max-width:1100px){.coordi-conditions{grid-template-columns:1fr}.coordi-left-column{display:contents}.coordi-left-column>section:first-child{order:0}.coordi-conditions>section{order:1}.coordi-left-column>section:last-child{order:2}}