/* Cinematic Camera — isolated catalog styles, shared Mixer theme tokens. */
body{background-image:none}
.wrap{max-width:1480px;width:100%;padding-inline:40px}
.kb-top .wrap{gap:22px}
.cc-kb-link{color:var(--tx-dim);font-size:13px}
.cc-page{padding-top:28px}
.cc-page .kb-crumb{margin:0 0 32px;font-size:12px;display:flex;gap:12px}
.cc-hero{padding:16px 0 52px;border-bottom:1px solid var(--line);margin-bottom:38px}
.cc-eyebrow,.cc-filter-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}
.cc-hero h1{font-family:"Bricolage Grotesque",Manrope,sans-serif;font-size:clamp(46px,6.7vw,94px);line-height:1;letter-spacing:-.055em;font-weight:800;margin:0 0 24px}
.cc-hero h1 span{color:var(--accent)}
.cc-lead{font-size:clamp(19px,2vw,25px);font-weight:600;margin:0 0 9px;letter-spacing:-.025em}
.cc-intro{font-size:14px;line-height:1.8;max-width:665px;color:var(--tx-dim);margin:0}
.cc-hero-meta{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:25px;font-size:11px;color:var(--tx-dim)}
.cc-hero-meta span{display:flex;align-items:center;gap:8px}
.cc-hero-meta span:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent)}
.cc-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:35px;align-items:start;scroll-margin-top:95px}
.cc-sidebar{position:sticky;top:98px;min-width:0}
.cc-filter-label{color:var(--tx-mut);margin:0 0 16px}
.cc-categories{display:flex;flex-direction:column;gap:5px}
button,input{font:inherit}
button{cursor:pointer}
.cc-category{border:1px solid transparent;background:none;color:var(--tx-dim);display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px 12px;border-radius:9px;font-size:12px;line-height:1.4;text-align:left;transition:background .16s,color .16s}
.cc-category>span:last-child{font-size:10px;font-variant-numeric:tabular-nums;color:var(--tx-mut)}
.cc-category:hover{background:var(--card);color:var(--tx)}
.cc-category.is-active{background:var(--accent);color:var(--bg);font-weight:800}
.cc-category.is-active>span:last-child{color:inherit;opacity:.8}
.cc-sidebar-note{font-size:11px;line-height:1.8;color:var(--tx-mut);border-top:1px solid var(--line);padding-top:22px;margin:24px 0 20px}
.cc-related{font-size:11px;color:var(--tx-dim);display:flex;justify-content:space-between;padding:0 3px}
.cc-results{min-width:0}
.cc-search-label{display:flex;align-items:center;gap:11px;border:1px solid var(--line-2);background:var(--card);border-radius:11px;padding:12px 16px;color:var(--tx-mut);margin-bottom:21px}
.cc-search-label:focus-within{border-color:var(--accent)}
.cc-search-label input{border:0;outline:0;background:transparent;color:var(--tx);font-size:13px;width:100%;min-width:0}
.cc-search-label input::placeholder{color:var(--tx-mut)}
.cc-filter-row{padding:0;margin:0 0 13px;border:0;display:flex;align-items:start;gap:10px;min-width:0}
.cc-filter-row legend{float:left;width:93px;flex-shrink:0;padding:6px 0 0;color:var(--tx-mut);text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.1em}
.cc-filter-row>div{display:flex;flex-wrap:wrap;gap:6px}
.cc-chip{border:1px solid var(--line);background:transparent;border-radius:6px;padding:5px 9px;color:var(--tx-dim);font-size:10px;line-height:1.4;transition:border-color .15s,background .15s,color .15s}
.cc-chip:hover{color:var(--tx);border-color:var(--tx-mut)}
.cc-chip[aria-pressed="true"]{background:var(--tx);border-color:var(--tx);color:var(--bg)}
.cc-result-info{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--tx-mut);margin:24px 0 16px}
#ccReset{border:0;background:none;padding:0;color:var(--accent);font-size:10px}
.cc-load-status{margin-left:auto;font-variant-numeric:tabular-nums}
.cc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.cc-card{border:1px solid var(--line);border-radius:13px;background:var(--bg-soft);min-width:0;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,border-color .2s,box-shadow .2s;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:center;isolation:isolate}
.cc-card[hidden], [hidden]{display:none!important}
.cc-media{padding:0;border:0;background:var(--bg);display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;flex-shrink:0;text-align:left}
.cc-media img,.cc-media video{width:100%;height:100%;object-fit:cover;display:block}
.cc-media img{transition:transform .5s ease}
.cc-video{position:absolute;inset:0;opacity:0;transition:opacity .35s}
.cc-card[data-video-state="ready"] .cc-video{opacity:1}
.cc-category-badge{position:absolute;top:11px;left:11px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;background:var(--accent);color:#09232a;padding:5px 8px;border-radius:4px;max-width:90%}
.cc-video-badge{position:absolute;bottom:9px;right:10px;color:#fff;background:#10151bd9;border:1px solid #ffffff29;border-radius:5px;padding:3px 6px;font-size:8px}
.cc-card[data-video-state="loading"] .cc-video-badge{color:#b9eafa}
.cc-card-body{display:flex;flex-direction:column;padding:17px;flex:1;min-width:0}
.cc-card-heading{display:flex;align-items:baseline;gap:9px;margin-bottom:11px}
.cc-number{font-size:9px;font-variant-numeric:tabular-nums;color:var(--tx-mut)}
.cc-card-heading h2{font-size:17px;letter-spacing:-.035em;line-height:1.2;margin:0;font-family:"Bricolage Grotesque",Manrope,sans-serif}
.cc-card-heading h2 button{font:inherit;text-align:left;background:none;border:0;padding:0;color:inherit}
.cc-card-heading h2 button:hover{color:var(--accent)}
.cc-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cc-badge{font-size:8px;font-weight:600;border:1px solid var(--line);border-radius:5px;padding:3px 6px;line-height:1.3}
.cc-level-basic{color:#67d7b1;background:#39a98013;border-color:#39a98040}
.cc-level-intermediate{color:#e5bd68;background:#a7791115;border-color:#cda13240}
.cc-level-advanced{color:#f58a99;background:#d9436412;border-color:#d9436440}
html[data-theme="light"] .cc-level-basic{color:#176e50}
html[data-theme="light"] .cc-level-intermediate{color:#815b06}
html[data-theme="light"] .cc-level-advanced{color:#a32542}
.cc-mood{color:var(--tx-mut);border-color:transparent;padding-left:3px}
.cc-definition{font-size:11px;line-height:1.8;color:var(--tx-dim);margin:13px 0 17px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:59px}
.cc-prompt{display:block;text-align:left;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--tx-dim);width:100%;transition:border-color .18s,background .18s}
.cc-card .cc-prompt{margin-top:auto}
.cc-prompt:hover{border-color:var(--accent)}
.cc-prompt.is-copied{border-color:var(--accent-2);background:#4fdbad0d}
.cc-prompt-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:.06em;color:var(--accent);margin-bottom:8px}
.cc-prompt-label>span{font-size:15px;line-height:.8}
.cc-prompt-text{font-family:ui-monospace,"Cascadia Code",Consolas,monospace;font-size:10px;line-height:1.65;display:block;overflow-wrap:anywhere}
.cc-card .cc-prompt-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;min-height:66px}
.cc-actions{display:flex;gap:8px;margin-top:14px}
.cc-create,.cc-detail{border:1px solid var(--line-2);border-radius:7px;padding:10px 11px;font-size:10px;font-weight:700;line-height:1.2;display:flex;justify-content:center;align-items:center;gap:9px;transition:background .18s,color .18s}
.cc-create{background:var(--accent);border-color:var(--accent);color:#082b33;flex:1}
.cc-create:hover{filter:brightness(1.1);color:#082b33}
.cc-detail{background:none;color:var(--tx-dim)}
.cc-detail:hover{color:var(--tx);background:var(--card)}
.cc-empty{border:1px dashed var(--line-2);padding:55px 25px;text-align:center;color:var(--tx-dim);border-radius:12px;font-size:13px}
.cc-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 0;margin-top:60px;border-top:1px solid var(--line);color:var(--tx-mut);font-size:11px}
.cc-footer a{color:var(--tx-dim)}
.cc-dialog{padding:0;width:min(768px,calc(100% - 48px));max-height:calc(100dvh - 48px);border:1px solid var(--line-2);border-radius:17px;background:var(--bg-soft);color:var(--tx);box-shadow:0 30px 130px #0009;overscroll-behavior:contain}
.cc-dialog::backdrop{background:#02060bdc;backdrop-filter:blur(9px)}
.cc-dialog-inner{position:relative}
.cc-close{position:sticky;top:13px;float:right;margin:13px 13px -47px 0;z-index:4;border:1px solid #ffffff35;border-radius:50%;width:34px;height:34px;background:#0b0f13d9;color:#fff;font-size:25px;line-height:1}
.cc-dialog-media{background:#06090c;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;border-radius:16px 16px 0 0;overflow:hidden}
.cc-dialog-media img,.cc-dialog-media video{display:block;width:100%;max-height:100%;object-fit:contain}
.cc-dialog-media video{position:absolute;inset:0;height:100%}
.cc-dialog-loading{position:absolute;bottom:22px;left:22px;right:22px;color:#dce6ed;font-size:11px;display:flex;gap:10px;align-items:center}
.cc-retry{border:1px solid #ffffff70;background:#182b35;color:#fff;border-radius:5px;padding:5px 8px;font:inherit}
.cc-dialog-copy{padding:28px 32px 30px}
.cc-dialog-copy>.cc-eyebrow{padding-right:25px}
.cc-dialog h2{font-family:"Bricolage Grotesque",Manrope,sans-serif;font-size:35px;line-height:1.05;letter-spacing:-.045em;margin:0 0 15px}
.cc-dialog-copy p,.cc-dialog-copy li{font-size:12px;line-height:1.85;color:var(--tx-dim)}
#ccDialogDefinition{margin:22px 0}
.cc-dialog-copy section{margin:27px 0 0;padding:0;border:0}
.cc-dialog h3{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 12px}
.cc-dialog ul{padding-left:17px}
.cc-dialog li+li{margin-top:9px}
.cc-dialog li::marker{color:var(--accent)}
.cc-dialog-prompt{padding:15px}
.cc-dialog-prompt .cc-prompt-text{font-size:11px;line-height:1.8}
.cc-dialog-cta{margin-top:23px;padding:14px;font-size:12px}
.cc-toast{position:fixed;z-index:10;left:50%;bottom:28px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:var(--tx);color:var(--bg);padding:11px 18px;border-radius:9px;box-shadow:0 8px 35px #0004;font-size:12px;transition:opacity .15s,transform .15s}
.cc-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.cc-dialog .cc-toast{position:sticky;bottom:18px;width:max-content;max-width:90%;margin:auto;left:0;transform:translateY(15px)}
.cc-dialog .cc-toast.is-visible{transform:translateY(0)}
.cc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cc-skip{position:absolute;top:0;left:20px;z-index:200;transform:translateY(-130%);padding:10px 15px;background:var(--accent);color:var(--bg)}
.cc-skip:focus{transform:translateY(0)}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(hover:hover) and (pointer:fine){
  .cc-card:hover{transform:perspective(1000px) translateY(-3px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.012);border-color:var(--line-2);box-shadow:0 14px 35px #0003;z-index:1}
  .cc-card:hover .cc-media img{transform:scale(1.035)}
}
@media(min-width:1700px){.cc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wrap{max-width:1760px}}
@media(max-width:1150px){.wrap{padding-inline:28px}.cc-layout{grid-template-columns:165px minmax(0,1fr);gap:25px}.cc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-category{font-size:11px}.cc-hero{padding-bottom:35px}}
@media(max-width:760px){
  .wrap{padding-inline:18px}.kb-top .wrap{gap:12px}.cc-kb-link{display:none}.kb-top .kb-cta{font-size:10px;padding:9px 12px}
  .cc-page{padding-top:20px}.cc-page .kb-crumb{margin-bottom:20px;font-size:10px}.cc-hero{padding-top:10px;margin-bottom:24px}.cc-hero h1{font-size:clamp(40px,9.7vw,72px)}
  .cc-lead{font-size:18px}.cc-intro{font-size:12px}.cc-hero-meta{font-size:9px;gap:10px 15px}.cc-layout{display:block}.cc-sidebar{position:static;margin-bottom:24px}
  .cc-sidebar .cc-filter-label,.cc-sidebar-note,.cc-related{display:none}.cc-categories{flex-direction:row;flex-wrap:wrap;gap:6px}.cc-category{padding:7px 9px;font-size:10px;background:var(--card);border-color:var(--line);gap:8px}
  .cc-filter-row{display:block}.cc-filter-row legend{float:none;width:auto;margin-bottom:8px;padding:0}.cc-filter-row>div{gap:5px}.cc-chip{font-size:9px}.cc-grid{gap:12px}
  .cc-card-body{padding:13px}.cc-card-heading h2{font-size:16px}.cc-card-heading{gap:6px}.cc-definition{font-size:10px;min-height:54px}.cc-actions{flex-wrap:wrap}.cc-create,.cc-detail{font-size:10px;flex:1;padding:10px 7px;white-space:nowrap}
  .cc-category-badge{font-size:7px;top:8px;left:8px;padding:4px 6px}.cc-load-status{margin-left:0;font-size:9px}.cc-result-info{justify-content:space-between;gap:8px}.cc-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:12px}
  .cc-dialog-inner{display:block}.cc-dialog-media{position:relative;height:auto;min-height:0;aspect-ratio:16/9;border-radius:11px 11px 0 0}.cc-close{position:sticky;top:10px;margin:10px 10px -44px 0}.cc-dialog-copy{padding:26px 22px}.cc-dialog h2{font-size:30px}.cc-footer{font-size:10px;gap:14px;margin-top:35px}
}
@media(max-width:440px){.cc-grid{grid-template-columns:1fr}.cc-card-body{padding:18px}.cc-card-heading h2{font-size:21px}.cc-definition{font-size:12px;min-height:0}.cc-card .cc-prompt-text{font-size:11px;min-height:0;-webkit-line-clamp:3}.cc-category-badge{font-size:8px}.cc-badge{font-size:9px}.cc-create,.cc-detail{font-size:12px;padding:12px}.cc-load-status{width:100%}.cc-hero-meta{gap:8px 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.cc-card,.cc-card:hover,.cc-card:hover .cc-media img{transform:none!important}}