.vxl-detail{flex:1;display:flex;flex-direction:column}.vxl-detail-back{display:inline-flex;align-items:center;gap:var(--s-2);font:var(--t-small);color:var(--fg-4);text-decoration:none;cursor:pointer;background:none;border:none;padding:var(--s-5) var(--s-6) 0;transition:color .15s}.vxl-detail-back:hover{color:var(--fg-1)}.vxl-detail-stage{display:flex;flex:1;min-height:0}.vxl-detail-viewer-wrap{position:relative;flex:1;min-width:0;background:var(--ink-900, #0e0f14);border-right:1px solid var(--border);overflow:hidden}@media(min-width:769px){.vxl-detail-viewer-wrap{height:calc(100vh - 56px)}}@media(max-width:768px){.vxl-detail-stage{flex-direction:column}.vxl-detail-viewer-wrap{width:100%;height:420px;border-right:none;border-bottom:1px solid var(--border)}}@media(max-width:640px){.vxl-detail-viewer-wrap{height:320px}}.vxl-detail-viewer-wrap--thumb{background-size:cover;background-position:center;background-repeat:no-repeat}.vxl-detail-viewer-thumb{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(6px) brightness(.4);transform:scale(1.05);pointer-events:none}.vxl-detail-viewer-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-4)}.vxl-detail-viewer-hint{position:absolute;bottom:var(--s-3);left:var(--s-4);font:var(--t-caption);color:#ffffff40;pointer-events:none;user-select:none}.vxl-detail-viewer-actions{position:absolute;top:var(--s-3);right:var(--s-3);display:flex;gap:var(--s-2);z-index:1}.vxl-detail-spinner{width:28px;height:28px;border:2.5px solid rgba(255,255,255,.12);border-top-color:var(--grass, #84e63c);border-radius:50%;animation:vxl-spin .75s linear infinite}@keyframes vxl-spin{to{transform:rotate(360deg)}}.vxl-detail-loading-label{font:var(--t-small);color:var(--fg-4)}.vxl-detail-info{width:100%;padding:var(--s-6)}@media(min-width:769px){.vxl-detail-info{flex:0 0 380px;width:380px;height:calc(100vh - 56px);overflow-y:auto}}.vxl-detail-badges{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-3)}.vxl-detail-badge{display:inline-flex;align-items:center;gap:var(--s-1);font:var(--t-caption);font-weight:600;padding:2px var(--s-2);border-radius:var(--r-1, 6px);border:1px solid var(--border)}.vxl-detail-badge--ai{color:var(--grass, #84e63c);border-color:color-mix(in srgb,var(--grass, #84e63c) 40%,transparent)}.vxl-detail-badge--edited{color:var(--fg-3)}.vxl-detail-tags{display:flex;flex-wrap:wrap;gap:var(--s-2);list-style:none;padding:0;margin:var(--s-4) 0 0}.vxl-detail-tag{font:var(--t-caption);color:var(--fg-3);background:var(--bg-2, rgba(255, 255, 255, .04));border:1px solid var(--border);border-radius:999px;padding:2px var(--s-3)}.vxl-detail-prompt{margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--border)}.vxl-detail-prompt__label{font:var(--t-caption);font-weight:600;color:var(--fg-4);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--s-2)}.vxl-detail-prompt__text{font:var(--t-body);color:var(--fg-3);line-height:1.6;margin:0;white-space:pre-wrap}.vxl-detail-prompt__locked{display:inline-flex;align-items:center;gap:var(--s-2);font:var(--t-small);color:var(--grass, #84e63c);background:none;border:1px dashed color-mix(in srgb,var(--grass, #84e63c) 40%,transparent);border-radius:var(--r-1, 6px);padding:var(--s-2) var(--s-3);cursor:pointer;transition:background .15s}.vxl-detail-prompt__locked:hover{background:color-mix(in srgb,var(--grass, #84e63c) 10%,transparent)}.vxl-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-3)}.vxl-detail-name{font:var(--t-h2);color:var(--fg-1);margin:0;line-height:1.2}.vxl-detail-author{font:var(--t-body);color:var(--grass, #84e63c);font-weight:600;text-decoration:none}.vxl-detail-author:hover{opacity:.8}.vxl-detail-meta{display:flex;align-items:center;gap:var(--s-4);font:var(--t-caption);color:var(--fg-4);flex-wrap:wrap;margin-bottom:var(--s-4)}.vxl-detail-meta__sep{opacity:.3}.vxl-detail-description{font:var(--t-body);color:var(--fg-3);line-height:1.6;margin:0;white-space:pre-wrap}.vxl-detail-size-note{font:var(--t-caption);color:var(--fg-4);text-align:center}@media(max-width:640px){.vxl-detail-info{padding:var(--s-4)}.vxl-detail-name{font:var(--t-h3)}.vxl-detail-viewer-actions{flex-direction:column}.vxl-detail-header{flex-direction:column;gap:var(--s-2)}.vxl-detail-back{padding:var(--s-4) var(--s-4) 0}}