.sites-surface,.sites-panel-body,.sites-browser{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.sites-surface{flex:1}.sites-wrap{flex:1;min-width:0;min-height:0;height:100%;overflow:auto;padding:0 var(--space-5) var(--space-5);box-sizing:border-box}.sites-gallery{min-width:0}.sites-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4) 0;background:var(--bg)}.sites-toolbar .ds-search{width:min(260px,100%)}.sites-count{margin-left:auto;color:var(--text-muted);font-size:var(--type-size-caption);white-space:nowrap}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(196px,100%),232px));justify-content:start;gap:var(--space-5);padding:0;margin:0;list-style:none}.sites-grid>li{min-width:0}.sites-grid-item{position:relative}.sites-cell{display:flex;flex-direction:column;width:100%;min-width:0;padding:0;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.sites-cell:hover{border-color:var(--text-muted);box-shadow:0 4px 16px #0000001a}.sites-cell[aria-current=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.sites-cell:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sites-cell:disabled{opacity:.6;cursor:default}.sites-title-rail{display:flex;align-items:center;gap:var(--space-stack-sm);width:100%;min-width:0;height:48px;flex:0 0 48px;box-sizing:border-box;padding:var(--space-inset-sm) var(--space-12) var(--space-inset-sm) var(--space-inset-md);background:color-mix(in srgb,var(--text) 3%,var(--bg))}.sites-title-rail>svg{flex:0 0 auto;color:var(--text-secondary)}.sites-title-rail strong{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:var(--type-size-ui);font-weight:var(--type-weight-medium);line-height:16px}.sites-status-dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted);flex:0 0 auto}.sites-status-published{background:var(--success, #58a67b)}.sites-cover{position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-top:1px solid var(--border-subtle);box-sizing:border-box;background:var(--bg)}.sites-cover-frame{position:absolute;top:0;left:0;display:block;width:200%;height:200%;border:0;transform:scale(.5);transform-origin:top left;pointer-events:none;background:var(--bg)}.sites-cover-loading{display:block;width:100%;height:100%;background:color-mix(in srgb,var(--text) 4%,var(--bg))}.sites-new-cover,.sites-cover-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--type-size-caption);text-align:center}.sites-cover-fallback{position:absolute;inset:0;padding:var(--space-inset-md)}.sites-new-card{border-style:dashed}.sites-new-card .sites-title-rail{background:transparent}.sites-new-card:hover{border-color:var(--accent)}.sites-state,.sites-reader-message,.sites-reader-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:220px;padding:var(--space-inset-xl);box-sizing:border-box;color:var(--text-secondary);text-align:center;font-size:var(--type-size-ui)}.sites-state p{margin:0}.sites-reader-message,.sites-reader-loading{flex:1}.sites-reader-state{display:flex;align-items:center;gap:var(--space-stack-sm);flex:0 0 36px;padding:0 var(--space-inset-lg);color:var(--text-secondary);font-size:var(--type-size-caption);border-bottom:1px solid var(--border-subtle)}.sites-viewport{display:block;flex:1;width:100%;min-height:0;border:0;background:var(--bg)}.sites-error{margin:0;padding:var(--space-inset-sm) var(--space-inset-lg);color:var(--danger, #b42318);font-size:var(--type-size-ui)}.sites-loading-lines{width:180px;height:60px;border-radius:var(--radius-sm);background:repeating-linear-gradient(to bottom,var(--border-subtle) 0 8px,transparent 8px 18px)}@media(max-width:768px){.sites-wrap{padding:0 var(--space-inset-lg) calc(var(--space-inset-xl) + var(--content-safe-bottom, 0px))}.sites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-stack-md)}.sites-toolbar{gap:var(--space-3);padding:var(--space-inset-lg) 0}.sites-toolbar .ds-search{width:100%}.sites-title-rail{padding:var(--space-inset-sm) var(--space-11) var(--space-inset-sm) var(--space-inset-sm);gap:var(--space-stack-sm)}.sites-reader-state{flex-basis:32px}}@media(prefers-reduced-motion:reduce){.sites-cell{transition:none}}.site-card{display:flex;flex-direction:column;gap:var(--space-3);width:100%;padding:var(--space-inset-lg) var(--space-inset-lg);box-sizing:border-box;border:1px solid var(--border-subtle, #ddd);border-radius:var(--radius-card);background:color-mix(in srgb,var(--accent, #0ea5e9) 4%,var(--surface, #fff))}.site-card-head{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0}.site-card-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent, #0ea5e9) 12%,transparent);color:var(--accent, #0ea5e9)}.site-card-copy{min-width:0;flex:1}.site-card-title{margin:0;font-size:var(--type-scale-4);font-weight:var(--type-weight-semibold);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-card-status{margin:var(--space-1) 0 0;font-size:var(--type-scale-2);color:var(--text-muted, #666)}.site-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-stack-sm)}