.cad-backdrop{position:fixed;inset:0;z-index:179;width:100%;padding:0;border:0;background:var(--looma-color-scrim);backdrop-filter:blur(2px);animation:cad-fade-in .18s ease-out}.cad-drawer{position:fixed;top:0;right:0;bottom:0;z-index:180;display:flex;flex-direction:column;width:var(--cad-user-width,420px);min-width:320px;max-width:min(760px,92vw);background:var(--looma-color-surface-1);border-left:1px solid var(--looma-color-border-subtle);box-shadow:var(--looma-shadow-float);animation:cad-slide-in .22s cubic-bezier(.16,1,.3,1)}.cad-drawer--resizing{transition:none}.cad-resize-handle{position:absolute;top:0;bottom:0;left:-9px;z-index:2;width:18px;border:0;border-radius:0;background:transparent;color:var(--looma-color-text-disabled);cursor:ew-resize;display:flex;align-items:center;justify-content:center}.cad-resize-handle:before{content:"";position:absolute;top:0;bottom:0;left:8px;width:1px;background:var(--looma-color-border-subtle)}.cad-resize-handle:hover{color:color-mix(in srgb,var(--looma-color-brand) 75%,transparent)}.cad-drawer--resizing .cad-resize-handle:before,.cad-resize-handle:hover:before{width:2px;background:color-mix(in srgb,var(--looma-color-brand) 65%,transparent)}.cad-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 8px;border-bottom:1px solid var(--looma-color-border-subtle);background:transparent}.cad-heading{min-width:0;display:flex;flex-direction:column;gap:4px}.cad-title-row{display:flex;align-items:center;gap:8px;min-width:0}.cad-title{min-width:0;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;color:var(--looma-color-text-primary);letter-spacing:0}.cad-count{flex:0 0 auto;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.cad-count,.cad-subtitle{color:var(--looma-color-text-muted)}.cad-subtitle{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap;font-size:10px;font-weight:600}.cad-subtitle-main,.cad-subtitle-total{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cad-subtitle-main{color:var(--looma-color-text-secondary)}.cad-subtitle-total{color:var(--looma-color-text-muted)}.cad-dot{flex:0 0 auto;width:3px;height:3px;border-radius:999px;background:var(--looma-color-border-default)}.cad-header-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.cad-icon-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--looma-color-border-subtle);background:var(--looma-color-surface-2);color:var(--looma-color-text-muted);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.cad-drawer-toggle-button{width:40px;height:40px;border-radius:var(--looma-radius-md)}.cad-icon-button:hover{background:var(--looma-color-surface-3);border-color:var(--looma-color-border-strong);color:var(--looma-color-text-primary)}.cad-breadcrumbs{display:flex;align-items:center;gap:3px;min-height:26px;padding:4px 10px 0;overflow-x:auto}.cad-scope-switch{display:flex;gap:2px;padding:6px 10px 0}.cad-scope-button{min-height:28px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--looma-color-text-muted);font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:background var(--looma-duration-fast) var(--looma-ease-standard),color var(--looma-duration-fast) var(--looma-ease-standard)}.cad-scope-button:focus-visible,.cad-scope-button:hover{color:var(--looma-color-text-primary);outline:none}.cad-scope-button--active{background:var(--looma-color-surface-inverse);color:var(--looma-color-text-inverse)}.cad-crumb-wrap{display:flex;align-items:center;gap:4px;min-width:0}.cad-crumb{max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:7px;background:transparent;color:var(--looma-color-text-muted);cursor:pointer;font-size:10px;font-weight:700;padding:4px 7px}.cad-crumb--active,.cad-crumb:hover{background:var(--looma-color-surface-3);color:var(--looma-color-text-primary)}.cad-source-tabs,.cad-tabs{display:flex;gap:6px;padding:8px 14px 0}.cad-source-tab,.cad-tab{display:flex;align-items:center;gap:5px;min-width:0;padding:6px 9px;border-radius:8px;border:1px solid var(--looma-color-border-subtle);background:var(--looma-color-surface-2);color:var(--looma-color-text-muted);font-size:11px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.cad-source-tab{flex:1 1 0;justify-content:center}.cad-source-tab span,.cad-tab-count{color:var(--looma-color-text-disabled);font-size:10px;font-weight:800}.cad-source-tab:hover,.cad-tab:hover{background:var(--looma-color-surface-3);color:var(--looma-color-text-primary)}.cad-source-tab--active,.cad-tab--active{background:color-mix(in srgb,var(--looma-color-brand) 10%,transparent);border-color:color-mix(in srgb,var(--looma-color-brand) 20%,transparent);color:var(--looma-color-brand)}.cad-source-tab--active span,.cad-tab--active .cad-tab-count{color:color-mix(in srgb,var(--looma-color-brand) 68%,transparent)}.cad-search-wrap{display:flex;align-items:center;gap:8px;margin:10px 14px 0;padding:7px 10px;border-radius:9px;border:1px solid var(--looma-color-border-subtle);background:var(--looma-color-surface-2)}.cad-search{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--looma-color-text-primary);font-size:11px}.cad-search::placeholder{color:var(--looma-color-text-disabled)}.cad-content{flex:1;min-height:0;overflow-y:auto;padding:12px 14px 18px}.cad-canvas-target-banner{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--looma-color-brand) 20%,transparent);border-radius:9px;background:color-mix(in srgb,var(--looma-color-brand) 8%,transparent);color:var(--looma-color-brand);font-size:11px;font-weight:800}.cad-canvas-target-dot{width:7px;height:7px;border-radius:999px;background:var(--looma-color-brand);box-shadow:0 0 12px color-mix(in srgb,var(--looma-color-brand) 45%,transparent)}.cad-section{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.cad-section--grow{margin-bottom:0}.cad-section-title{display:flex;align-items:center;gap:6px;color:var(--looma-color-text-secondary);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.cad-section-title span{margin-left:auto;color:var(--looma-color-text-disabled)}.cad-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.cad-folder-card{display:flex;gap:9px;min-width:0;padding:8px;border-radius:9px;border:1px solid var(--looma-color-border-subtle);background:var(--looma-color-surface-2);color:inherit;cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease,transform .15s ease}.cad-folder-card:hover{background:var(--looma-color-surface-3);border-color:var(--looma-color-border-strong);transform:translateY(-1px)}.cad-folder-preview{flex:0 0 auto;width:42px;height:42px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;place-items:center;overflow:hidden;border-radius:8px;background:var(--looma-color-surface-3)}.cad-folder-thumb{width:100%;height:100%;background:#0a0a0a}.cad-folder-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cad-folder-meta{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}.cad-folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--looma-color-text-primary);font-size:11px;font-weight:800}.cad-folder-count{color:var(--looma-color-text-muted);font-size:9px;font-weight:700}.cad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:9px;align-items:start}.cad-card{min-width:0;border-radius:10px;border:1px solid var(--looma-color-border-subtle);background:var(--looma-color-surface-1);overflow:hidden;cursor:grab;transition:background .15s ease,border-color .15s ease,transform .15s ease}.cad-card:hover{background:var(--looma-color-surface-2);border-color:var(--looma-color-border-strong);transform:translateY(-1px)}.cad-card--failed,.cad-card--pending{cursor:default}.cad-card-media{position:relative;aspect-ratio:1/1;overflow:hidden;background:#090a0b}.cad-card-img{width:100%;height:100%;object-fit:cover;display:block}.cad-card-badge{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:3px;max-width:calc(100% - 12px);padding:3px 5px;border-radius:6px;background:rgba(0,0,0,.68);color:rgba(255,255,255,.75);font-size:9px;font-weight:800;backdrop-filter:blur(8px)}.cad-card-use{right:6px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--looma-color-brand) 18%,transparent);border-radius:7px;background:rgba(10,10,10,.82);color:var(--looma-color-brand);font-weight:900;transition:opacity .14s ease,transform .14s ease,background .14s ease}.cad-card-preview,.cad-card-use{position:absolute;bottom:6px;font-size:10px;opacity:0;cursor:pointer;backdrop-filter:blur(10px);transform:translateY(4px)}.cad-card-preview{left:6px;display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(10,10,10,.78);color:rgba(255,255,255,.72);font-weight:800;transition:opacity .14s ease,transform .14s ease,background .14s ease,color .14s ease}.cad-card:hover .cad-card-preview,.cad-card:hover .cad-card-use{opacity:1;transform:translateY(0)}.cad-card-use:hover{background:color-mix(in srgb,var(--looma-color-brand) 16%,transparent)}.cad-card-preview:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.92)}.cad-card-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:rgba(255,255,255,.55);font-size:11px;font-weight:800}.cad-card-state--failed{color:rgba(248,113,113,.86)}.cad-card-meta{min-width:0;padding:7px 8px 8px}.cad-card-prompt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--looma-color-text-secondary);font-size:10px;font-weight:700;line-height:1.35}.cad-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;color:var(--looma-color-text-muted);font-size:9px;font-weight:800}.cad-card-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cad-empty,.cad-error,.cad-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;padding:42px 22px;text-align:center;color:var(--looma-color-text-disabled)}.cad-empty--compact{min-height:210px}.cad-empty-text,.cad-error-title{margin-top:12px;color:var(--looma-color-text-secondary);font-size:13px;font-weight:800}.cad-empty-hint,.cad-error-text{max-width:260px;margin-top:6px;color:var(--looma-color-text-muted);font-size:11px;font-weight:600;line-height:1.5}.cad-loading{gap:10px;color:var(--looma-color-text-muted);font-size:12px;font-weight:700}.cad-error{min-height:260px;color:var(--looma-color-danger)}.cad-error-action{margin-top:14px;padding:7px 12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--looma-color-brand) 20%,transparent);background:color-mix(in srgb,var(--looma-color-brand) 10%,transparent);color:var(--looma-color-brand);font-size:11px;font-weight:800;cursor:pointer}.cad-preview-backdrop{position:fixed;inset:0;z-index:var(--looma-z-modal);display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(0,0,0,.58);backdrop-filter:blur(7px);animation:cad-fade-in .16s ease-out}.cad-preview-panel{width:min(760px,92vw);max-height:min(86vh,860px);display:flex;flex-direction:column;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#101113;box-shadow:0 30px 90px rgba(0,0,0,.62)}.cad-preview-panel .cad-icon-button{border-color:color-mix(in srgb,light-dark(var(--looma-color-text-inverse),var(--looma-color-text-primary)) 14%,transparent);background:color-mix(in srgb,light-dark(var(--looma-color-text-inverse),var(--looma-color-text-primary)) 8%,transparent);color:color-mix(in srgb,light-dark(var(--looma-color-text-inverse),var(--looma-color-text-primary)) 78%,transparent)}.cad-preview-panel .cad-icon-button:hover{background:color-mix(in srgb,light-dark(var(--looma-color-text-inverse),var(--looma-color-text-primary)) 14%,transparent);color:light-dark(var(--looma-color-text-inverse),var(--looma-color-text-primary))}.cad-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 10px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.cad-preview-title{min-width:0;display:flex;flex-direction:column;gap:3px}.cad-preview-title small,.cad-preview-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cad-preview-title span{max-width:620px;color:rgba(255,255,255,.86);font-size:13px;font-weight:800}.cad-preview-title small{color:rgba(255,255,255,.36);font-size:10px;font-weight:700}.cad-preview-media{width:100%;max-height:68vh;display:flex;align-items:center;justify-content:center;background:#070809}.cad-preview-media img,.cad-preview-media video{width:100%;height:100%;object-fit:contain;display:block}.cad-preview-audio{display:flex;flex-direction:column;align-items:center;gap:16px;color:rgba(255,255,255,.54);padding:38px}.cad-preview-audio audio{width:min(420px,72vw)}.cad-preview-meta{display:flex;justify-content:space-between;gap:12px;padding:10px 14px 12px;color:rgba(255,255,255,.4);font-size:11px;font-weight:650}.cad-preview-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cad-spin{animation:cad-spin .9s linear infinite}@keyframes cad-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cad-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes cad-spin{to{transform:rotate(1turn)}}@media (min-width:1280px){.cad-backdrop{display:none}.cad-drawer{width:clamp(420px,var(--cad-user-width,420px),760px)}}@media (min-width:1024px) and (max-width:1279px){.cad-backdrop{display:none}.cad-drawer{width:clamp(420px,var(--cad-user-width,420px),560px)}}@media (min-width:768px) and (max-width:1023px){.cad-drawer{width:min(var(--cad-user-width,420px),72vw);min-width:0;max-width:72vw}}@media (max-width:767px){.cad-drawer{inset:0;width:100vw;min-width:0;max-width:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border-left:0}.cad-resize-handle{display:none}.cad-header{padding-inline:max(var(--looma-space-4),env(safe-area-inset-left))}.cad-content{padding-right:max(var(--looma-space-4),env(safe-area-inset-right));padding-left:max(var(--looma-space-4),env(safe-area-inset-left));overscroll-behavior:contain}.cad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cad-folder-grid{grid-template-columns:1fr}.cad-preview-backdrop{padding:max(var(--looma-space-3),env(safe-area-inset-top)) max(var(--looma-space-3),env(safe-area-inset-right)) max(var(--looma-space-3),env(safe-area-inset-bottom)) max(var(--looma-space-3),env(safe-area-inset-left))}.cad-preview-panel{width:100%;max-height:100%}}@media (pointer:coarse){.cad-card-preview,.cad-card-use,.cad-crumb,.cad-folder-card,.cad-icon-button,.cad-scope-button,.cad-tab{min-width:44px;min-height:44px}.cad-card-preview,.cad-card-use{display:inline-flex;align-items:center;justify-content:center;opacity:1;transform:none}}