*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent);color:var(--accent-ink)}.wrap{max-width:920px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-10)}.muted{color:var(--text-2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 1.6s ease-in-out infinite}.skeleton{background:var(--surface-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in var(--duration-reveal) var(--ease-reveal) both}@media (prefers-reduced-motion:reduce){.animate-pulse{animation:none;opacity:.65}.animate-fade-in{animation:none}}.skeleton-line{border-radius:4px}.is-skeleton{cursor:default!important;pointer-events:none}.skeleton-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.skeleton-card{gap:8px}.skeleton-card,.skeleton-stack{display:flex;flex-direction:column}.skeleton-stack{gap:var(--space-4)}.masthead{padding-bottom:var(--space-4);margin-bottom:var(--space-6);border-bottom:1px solid var(--border)}.masthead .kicker{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.masthead-hero{position:relative;overflow:hidden;background:#0d1117;border-radius:var(--radius-card);padding:var(--space-6) var(--space-5)}.masthead-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(560px 360px at 14% 8%,rgba(184,245,49,.14),transparent 55%),radial-gradient(460px 320px at 88% 82%,rgba(124,155,61,.16),transparent 60%);animation:heroDrift 18s ease-in-out infinite alternate}@keyframes heroDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-3%,2%,0) scale(1.08)}}.masthead-hero:after{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 30% 20%,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse at 30% 20%,#000 35%,transparent 78%)}.masthead-hero>*{position:relative;z-index:1}.masthead-hero h1{color:#f8fafc}.masthead-hero h1 em{color:var(--accent)}.masthead-hero .dek{color:rgba(248,250,252,.62)}@media (prefers-reduced-motion:reduce){.masthead-hero:before{animation:none}}.logo{align-items:center;gap:10px}.logo,.logo-mark{display:inline-flex}.logo-mark{line-height:0}.logo-symbol.for-dark,[data-theme=dark] .logo-symbol.for-light{display:none}[data-theme=dark] .logo-symbol.for-dark{display:inline-block}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-wordmark{font-family:var(--font-sans);font-size:19px;letter-spacing:.04em;color:var(--text-1)}.logo-tagline,.logo-wordmark{font-weight:var(--weight-medium)}.logo-tagline{font-size:9px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-text);margin-top:3px}.masthead h1{font-family:var(--font-sans);font-weight:var(--weight-black);font-size:clamp(34px,6.5vw,56px);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin:0}.masthead h1 em{font-style:normal;color:var(--accent-text)}.masthead .dek{font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-2);max-width:62ch;margin:var(--space-3) 0 0}.client-switcher{position:relative}.client-trigger{display:flex;align-items:center;gap:var(--space-2);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 14px 6px 6px;cursor:pointer;font-family:var(--font-sans);transition:border-color var(--duration-fast)}.client-trigger:hover{border-color:var(--border-strong)}.client-avatar{width:24px;height:24px;border-radius:50%;background:var(--accent-dim);color:var(--text-1);display:grid;place-items:center;font-size:10px;font-weight:var(--weight-bold);flex:none}.client-label{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--text-1);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-chevron{color:var(--text-2);font-size:12px}.client-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);padding:var(--space-2);z-index:20;display:flex;flex-direction:column;gap:2px}.sidebar.collapsed .client-menu{left:0;right:auto}.client-item{display:flex;align-items:center;gap:var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:var(--text-small);color:var(--text-1)}.client-item:hover{background:var(--surface-2)}.client-item.on{background:var(--accent-dim)}.client-item small{display:block;font-size:var(--text-caption);color:var(--text-2);font-weight:var(--weight-regular)}.client-manage{margin-top:var(--space-1);padding:var(--space-2);border:none;border-top:1px solid var(--border);background:transparent;color:var(--accent-text);font-size:var(--text-caption);font-weight:var(--weight-medium);text-align:left;cursor:pointer}.client-crumb{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-5);border-bottom:1px solid var(--border)}.client-back{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);color:var(--text-2);text-decoration:none;font-size:16px;transition:color var(--duration-fast),border-color var(--duration-fast)}.client-back:hover{color:var(--text-1);border-color:var(--border-strong)}.app-shell{display:flex;align-items:stretch;min-height:100vh}.app-main{flex:1 1;min-width:0}.sidebar{flex:none;align-self:flex-start;position:-webkit-sticky;position:sticky;top:0;height:100vh;width:256px;display:flex;flex-direction:column;background:var(--surface-card);border-right:1px solid var(--border);transition:width var(--duration-reveal) var(--ease-reveal)}.sidebar.collapsed{width:72px}.sidebar-header{padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--border)}.sidebar-header-stack{display:flex;flex-direction:column;gap:var(--space-3)}.sidebar.collapsed .sidebar-header .logo-text{display:none}.sidebar.collapsed .sidebar-header .logo{justify-content:center}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--border)}.sidebar.collapsed .sidebar-footer .client-chevron,.sidebar.collapsed .sidebar-footer .client-label{display:none}.sidebar.collapsed .sidebar-footer .client-trigger{padding:6px;justify-content:center}.sidebar-footer .client-menu{top:auto;bottom:calc(100% + 8px)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--space-3);gap:var(--space-4)}.sidebar-group,.sidebar-nav{display:flex;flex-direction:column}.sidebar-group{gap:2px}.sidebar-group-label{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2);padding:0 var(--space-2);margin-bottom:6px}.sidebar-group-label:before{content:"// ";opacity:.55}.sidebar-item{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:9px var(--space-2);border-radius:var(--radius-sm);border:none;border-left:3px solid transparent;background:none;color:var(--text-2);font-family:var(--font-sans);font-size:var(--text-small);font-weight:var(--weight-medium);text-decoration:none;cursor:pointer;text-align:left;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.sidebar-item:hover{background:var(--surface-2);color:var(--text-1)}.sidebar-item.on{background:var(--accent-dim);border-left-color:var(--accent);color:var(--text-1);font-weight:var(--weight-bold)}.sidebar-item.cta{border-radius:var(--radius-pill);background:var(--accent);border-left-color:transparent;color:var(--accent-ink);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.sidebar-item.cta:hover{background:var(--accent-hover);color:var(--accent-ink)}.sidebar-item-icon{flex:none;display:inline-flex;width:18px;height:18px}.sidebar-item-icon svg{width:100%;height:100%}.sidebar-item-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .sidebar-item{justify-content:center;padding:9px 0}.sidebar.collapsed .sidebar-item-label{display:none}.sidebar-badge{flex:none;font-family:var(--font-mono);font-size:8.5px;font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:var(--radius-pill)}.sidebar-badge.new{background:var(--accent-dim);color:var(--text-1)}.sidebar-badge.em-breve{background:var(--surface-2);color:var(--text-2)}.sidebar-collapse-btn{display:flex;align-items:center;gap:var(--space-2);padding:9px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:none;color:var(--text-2);font-family:var(--font-sans);font-size:var(--text-small);cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast)}.sidebar-collapse-btn:hover{color:var(--text-1);border-color:var(--border-strong)}.sidebar-collapse-icon{flex:none;display:inline-flex;width:15px;height:15px;transition:transform var(--duration-fast) var(--ease-reveal)}.sidebar-collapse-icon svg{width:100%;height:100%}.sidebar.collapsed .sidebar-collapse-btn{justify-content:center}.sidebar.collapsed .sidebar-collapse-icon{transform:rotate(180deg)}.sidebar-mobile-trigger{display:none}.sidebar-backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.45)}@media (max-width:820px){.sidebar-mobile-trigger{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--surface-card);color:var(--text-1);cursor:pointer;margin:var(--space-4) 0 0 var(--space-4)}.sidebar-mobile-trigger svg{width:18px;height:18px}.sidebar{position:fixed;inset-block:0;left:-100%;z-index:100;box-shadow:var(--shadow-raised);transition:left var(--duration-reveal) var(--ease-reveal)}.sidebar,.sidebar.collapsed{width:256px}.sidebar.mobile-open{left:0}.sidebar-collapse-btn{display:none}}.client-context-page{max-width:none}.client-context-form{display:flex;flex-direction:column;gap:var(--space-4)}.client-context-form label{display:flex;flex-direction:column;gap:var(--space-2)}.client-context-form label span{font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2)}.client-context-form input,.client-context-form textarea{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;font-family:var(--font-sans);font-size:var(--text-body);color:var(--text-1);outline:none;resize:vertical;min-height:44px;transition:border-color var(--duration-fast)}.client-context-form textarea{min-height:80px}.client-context-form input:focus,.client-context-form textarea:focus{border-color:var(--accent-text)}.client-context-form>.btn{align-self:flex-start}.client-logo-upload{display:flex;flex-direction:column;gap:var(--space-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.client-logo-title{font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2)}.client-logo-row{display:flex;align-items:center;gap:var(--space-3)}.client-logo-preview{flex:none;width:72px;height:72px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-card);display:flex;align-items:center;justify-content:center;overflow:hidden}.client-logo-preview img{width:100%;height:100%;object-fit:contain}.client-logo-empty{font-size:var(--text-small);color:var(--text-3,var(--text-2))}.client-logo-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.completeness-score{--text-1:#f8fafc;--text-2:rgba(248,250,252,0.65);--chart-grid:rgba(255,255,255,0.14);position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--space-4);background:#0d1117;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-4)}.completeness-score:before{content:"";position:absolute;inset:0;background:radial-gradient(360px 220px at 0 0,rgba(184,245,49,.12),transparent 65%)}.completeness-score>*{position:relative;z-index:1}.completeness-bars{flex:1 1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.completeness-bar-row{display:flex;flex-direction:column;gap:3px}.completeness-bar-label{display:flex;justify-content:space-between;font-size:var(--text-small);color:var(--text-2)}.completeness-bar-count{color:var(--text-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.completeness-bar-track{height:6px;border-radius:var(--radius-pill);background:var(--chart-grid);overflow:hidden}.completeness-bar-fill{height:100%;border-radius:var(--radius-pill);background:var(--accent);transition:width var(--duration-layer,.4s) var(--ease-reveal,ease)}.completeness-bar-fill.empty{background:#c86a4b}@media (max-width:560px){.completeness-score{flex-direction:column;align-items:flex-start}.completeness-bars{width:100%}}.completeness-done{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--success-dim);border:1px solid var(--success);border-radius:var(--radius-md);padding:var(--space-4)}.completeness-done-icon{flex:none;font-size:1.3rem;line-height:1}.completeness-done-title{font-weight:var(--weight-bold);color:var(--text-1)}.completeness-done-desc{margin:2px 0 0;font-size:var(--text-small);color:var(--text-2)}.client-context-form select{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;font-family:var(--font-sans);font-size:var(--text-body);color:var(--text-1);outline:none}.intel-section{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.intel-section-head{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--border)}.intel-section-num{flex:none;font-family:var(--font-mono);font-size:32px;font-weight:var(--weight-bold);line-height:1;color:var(--border-strong);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.intel-section-titlewrap{flex:1 1;min-width:0}.intel-section-eyebrow{display:block;font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2);margin-bottom:var(--space-2)}.intel-section-eyebrow:before{content:"// ";opacity:.55}.intel-section-eyebrow.obrigatorio{color:var(--warning)}.intel-section-eyebrow.recomendado{color:var(--success)}.intel-section-title{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-black);font-size:var(--text-h4);letter-spacing:var(--tracking-heading);color:var(--text-1)}.intel-section-icon{flex:none;display:inline-flex;width:20px;height:20px;color:var(--text-2)}.intel-section-icon svg{width:100%;height:100%}.intel-section-desc{margin:var(--space-2) 0 0;font-size:var(--text-small);color:var(--text-2)}.intel-section-body{gap:var(--space-4);padding:var(--space-4)}.edges-field,.intel-section-body{display:flex;flex-direction:column}.edges-field{gap:var(--space-2)}.edges-field-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.edge-chip{background:var(--surface-2);border:1px dotted var(--border);border-radius:var(--radius-pill);padding:4px 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.01em;color:var(--text-2);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.edge-chip:hover{border-color:var(--text-2)}.edge-chip.on{background:var(--accent);border-style:solid;border-color:var(--accent);color:var(--accent-ink);font-weight:var(--weight-medium)}.edges-field-add{display:flex;gap:var(--space-2)}.edges-field-add input{flex:1 1}.edges-field-add-btn{flex:none;width:40px;padding:0;font-size:1.1rem;line-height:1}.edges-field-count{font-size:var(--text-small);color:var(--text-2)}.tags-field{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}.tags-field-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.tag-chip{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 6px 3px 10px;font-size:var(--text-small);color:var(--text-1)}.tag-chip button{background:none;border:none;cursor:pointer;color:var(--text-2);font-size:1rem;line-height:1;padding:2px 4px}.tag-chip button:hover{color:var(--danger)}.tags-field-chips input{flex:1 1;min-width:120px;border:none;outline:none;background:none;font-family:var(--font-sans);font-size:var(--text-body);color:var(--text-1);padding:4px 2px}.brand-colors-field{display:flex;flex-direction:column;gap:var(--space-2)}.brand-colors-swatches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.brand-color-swatch{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 8px;font-size:var(--text-small)}.brand-color-swatch .swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--border);flex:none}.brand-color-swatch code{font-family:var(--font-mono,monospace)}.brand-color-swatch button{background:none;border:none;cursor:pointer;color:var(--text-2);font-size:1rem;line-height:1}.brand-color-swatch button:hover{color:var(--danger)}.brand-colors-add{display:flex;align-items:center;gap:var(--space-2)}.brand-colors-add input[type=color]{width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:none;cursor:pointer}.brand-colors-add input[type=text]{width:110px;font-family:var(--font-mono,monospace)}.site-analyze-row{display:flex;align-items:flex-start;gap:var(--space-2)}.site-analyze-row .tags-field,.site-analyze-row input{flex:1 1}.site-analyze-row .btn{flex:none;white-space:nowrap;padding:0 16px}.field-hint{margin:6px 0 0;font-size:.78rem;color:var(--text-3);line-height:1.5}.scan-overlay{position:fixed;inset:0;background:rgba(13,17,23,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:100}.scan-card{align-items:center;gap:var(--space-4);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-6) var(--space-7);box-shadow:var(--shadow-raised)}.scan-card,.scan-page{display:flex;flex-direction:column}.scan-page{position:relative;width:140px;height:176px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 16px;overflow:hidden;gap:11px}.scan-page-line{height:6px;border-radius:3px;background:var(--border-strong)}.scan-page-line.title{width:55%;height:9px;background:var(--text-2);margin-bottom:3px}.scan-page-line.short{width:60%}.scan-beam{position:absolute;left:0;right:0;top:0;height:3px;background:var(--accent);box-shadow:0 0 12px 3px var(--accent-glow),0 0 26px 8px var(--accent-glow);animation:scanMove 1.8s var(--ease-reveal) infinite}@keyframes scanMove{0%{top:0;opacity:0}8%{opacity:1}92%{opacity:1}to{top:100%;opacity:0}}.scan-caption{font-size:var(--text-small);color:var(--text-2);text-align:center;max-width:220px;margin:0}@media (prefers-reduced-motion:reduce){.scan-beam{animation:none;top:50%;opacity:.7}}.btn{font-family:var(--font-sans);font-size:var(--text-small);font-weight:var(--weight-medium);letter-spacing:0;cursor:pointer;border-radius:var(--radius-pill);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);line-height:1.2;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.btn-solid{background:var(--accent);color:var(--accent-ink);font-weight:var(--weight-bold);padding:11px 22px;text-transform:none}.btn-solid:hover:not(:disabled){background:var(--accent-hover)}.btn-solid:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-1);border-color:var(--border);padding:10px 18px}.btn-ghost:hover{border-color:var(--border-strong);background:var(--surface-2)}.intake{margin-top:var(--space-2)}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-card);background:var(--surface-card);padding:var(--space-8) var(--space-4);text-align:center;cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}.dropzone:hover{border-color:var(--accent-text)}.dropzone.drag{border-color:var(--accent);box-shadow:var(--shadow-glow);transform:scale(1.004)}.dropzone .mark{display:inline-flex;margin-bottom:var(--space-3)}.dropzone strong{display:block;font-size:var(--text-h4);font-weight:var(--weight-bold);letter-spacing:var(--tracking-heading);margin-bottom:var(--space-2)}.dropzone span{color:var(--text-2);font-size:var(--text-small)}.divider{display:flex;align-items:center;gap:var(--space-3);color:var(--text-2);font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:var(--space-4) 0}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.yt-row{display:flex;gap:var(--space-2);align-items:stretch;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 4px 4px 20px}.yt-row input[type=text]{flex:1 1;background:transparent;border:none;padding:12px 0;color:var(--text-1);font-family:var(--font-sans);font-size:var(--text-body);outline:none}.yt-row input::placeholder{color:var(--text-2)}.steps{margin:var(--space-3) 0;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.slow-hint{color:var(--text-2);font-size:var(--text-small);line-height:1.4}.fallback-prompt,.slow-hint{padding:var(--space-3) var(--space-4);background:var(--warning-dim);border-top:1px solid var(--border)}.fallback-prompt p{margin:0 0 var(--space-3);color:var(--text-1);font-size:var(--text-small);line-height:1.5}.fallback-prompt-actions{display:flex;gap:var(--space-2)}.step{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--border);color:var(--text-2);transition:color var(--duration-fast)}.step:last-child{border-bottom:none}.step .idx{font-size:22px;font-weight:var(--weight-black);letter-spacing:var(--tracking-heading);width:40px;color:var(--border-strong);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.step.active{color:var(--text-1)}.step.active .idx{color:var(--accent-text)}.step.done{color:var(--text-2)}.step.done .idx{color:var(--text-1)}.step .status{font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase}.step-main{flex:1 1}.step-line{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.step .lbl{font-size:var(--text-body);flex:1 1}.pct{font-size:var(--text-small);font-weight:var(--weight-bold);color:var(--accent-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.step-bar{height:4px;background:var(--surface-2);margin-top:var(--space-2);overflow:hidden}.step-bar,.step-fill{border-radius:var(--radius-pill)}.step-fill{height:100%;background:var(--accent);transition:width var(--duration-fast) linear}.spinner{width:14px;height:14px;border:2px solid var(--accent);border-top:2px solid transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error{border:1px solid var(--danger);background:var(--danger-dim);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:var(--space-4) 0 var(--space-3);color:var(--danger);font-size:var(--text-small);line-height:var(--leading-body)}.toast-stack{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);max-width:360px}.toast{display:flex;align-items:center;gap:var(--space-3);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);padding:var(--space-3) var(--space-4);font-size:var(--text-small);color:var(--text-1);animation:rise .25s ease}.toast-ok{border-left:3px solid var(--accent)}.toast-error{border-left:3px solid var(--danger)}.toast-close{margin-left:auto;background:none;border:none;color:var(--text-2);font-size:16px;line-height:1;cursor:pointer;padding:0}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.report .hero-frame,.report-top{animation:rise var(--duration-reveal) var(--ease-reveal) both}.keyframes,.section{opacity:0;transform:translateY(20px);transition:opacity var(--duration-reveal) var(--ease-reveal),transform var(--duration-reveal) var(--ease-reveal)}.keyframes.in-view,.section.in-view{opacity:1;transform:none}.keyframes .kf,.section .angle-statement,.section .class-card,.section .recs li,.section .seal,.section .verdict{opacity:0;transform:translateY(12px);transition:opacity var(--duration-fast) var(--ease-reveal),transform var(--duration-reveal) var(--ease-reveal)}.keyframes.in-view .kf,.section.in-view .angle-statement,.section.in-view .class-card,.section.in-view .recs li,.section.in-view .seal,.section.in-view .verdict{opacity:1;transform:none}.in-view .class-card:nth-child(2),.in-view .kf:nth-child(2),.in-view .seal:nth-child(2),.in-view .verdict:nth-child(2){transition-delay:.08s}.in-view .class-card:nth-child(3),.in-view .kf:nth-child(3),.in-view .seal:nth-child(3),.in-view .verdict:nth-child(3){transition-delay:.16s}.in-view .class-card:nth-child(4),.in-view .seal:nth-child(4),.in-view .verdict:nth-child(4){transition-delay:.24s}.in-view .class-card:nth-child(5),.in-view .verdict:nth-child(5){transition-delay:.32s}.in-view .recs li:nth-child(2){transition-delay:.06s}.in-view .recs li:nth-child(3){transition-delay:.12s}.in-view .recs li:nth-child(n+4){transition-delay:.18s}.report-top{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--space-5)}.report-top,.report-top .meta{align-items:center;gap:var(--space-3)}.report-top .meta{display:inline-flex;font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2)}.meta-item{display:inline-flex;align-items:center;gap:5px}.meta-item:before{content:"·";margin-right:var(--space-3);color:var(--border-strong)}.meta-icon{display:inline-flex;width:13px;height:13px}.meta-icon svg{width:100%;height:100%}.export-group{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:stretch}.section{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-soft)}.section-label{font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-text);margin:0 0 var(--space-4);display:flex;align-items:baseline;gap:var(--space-3)}.section-label .num{font-size:22px;font-weight:var(--weight-bold);letter-spacing:0;color:var(--border-strong);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.section-label-text:before{content:"// ";opacity:.55}.lead{font-size:19px;font-weight:var(--weight-medium);line-height:1.5;letter-spacing:var(--tracking-heading);margin:0;color:var(--text-1)}.concept{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);background:var(--accent-dim);border:1px solid rgba(184,245,49,.25);border-left:3px solid var(--accent);border-radius:var(--radius-md)}.angle-statement-head,.concept-head{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:6px;min-width:0}.angle-statement-head .angle-statement-label,.concept-head .concept-label{flex-shrink:0;white-space:nowrap;margin-bottom:0}.tag-chip-copy{display:inline-flex;align-items:center;gap:4px;min-width:0;flex-shrink:1;font-family:var(--font-mono);font-size:9.5px;font-weight:var(--weight-bold);letter-spacing:.03em;text-transform:uppercase;background:transparent;color:var(--text-2);border:1px dashed var(--border-strong);border-radius:var(--radius-pill);padding:2px 7px 2px 8px;cursor:pointer;transition:transform var(--duration-fast) var(--ease-reveal),color var(--duration-fast),border-color var(--duration-fast)}.tag-chip-copy:hover{transform:translateY(-1px);color:var(--text-1);border-color:var(--text-2)}.tag-chip-copy-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-chip-copy-ico{opacity:.7;font-size:9px;flex-shrink:0}.concept-label{display:block;font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-text)}.concept-idea{font-size:var(--text-h4);font-weight:var(--weight-medium);line-height:1.35;letter-spacing:var(--tracking-heading);margin:0;color:var(--text-1)}.concept-note{margin:var(--space-2) 0 0;font-size:var(--text-small);line-height:var(--leading-body);color:var(--text-2)}.angle-statement{margin-top:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start}.angle-statement>div{min-width:0}.angle-statement-ico{width:42px;height:42px;border-radius:50%;background:var(--accent-dim);border:1px solid rgba(184,245,49,.3);color:var(--text-1);display:grid;place-items:center;flex-shrink:0}.angle-statement-ico svg{width:21px;height:21px}.angle-statement-label{display:block;font-size:10.5px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2);margin-bottom:6px}.angle-statement-value{font-size:19px;font-weight:var(--weight-bold);line-height:1.4;letter-spacing:var(--tracking-heading);color:var(--text-1);margin:0}.seals{margin-top:var(--space-3);grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3)}.seal,.seals{display:grid;gap:var(--space-3)}.seal{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);grid-template-columns:auto 1fr;grid-gap:var(--space-3);align-items:center}.seal-ico{width:42px;height:42px;border-radius:50%;background:var(--accent-dim);border:1px solid rgba(184,245,49,.3);color:var(--accent-text);display:grid;place-items:center;flex-shrink:0}.seal-ico svg{width:21px;height:21px}.seal .k{font-size:10.5px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2);margin-bottom:4px}.seal .v{font-size:var(--text-body);font-weight:var(--weight-bold);line-height:1.1;letter-spacing:var(--tracking-heading);color:var(--text-1)}@media (max-width:820px){.seals{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.seals{grid-template-columns:1fr}}.class-grid{display:flex;flex-direction:column;gap:var(--space-3)}.class-card{position:relative;overflow:hidden;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);transition:transform var(--duration-reveal) var(--ease-reveal),box-shadow var(--duration-reveal) var(--ease-reveal),border-color var(--duration-fast)}.class-card:before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-reveal) var(--ease-reveal)}.class-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-raised);border-color:var(--border-strong)}.class-card:hover:before{transform:scaleX(1)}.class-card .cc-label{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:#fff;background:#0a0a0a;border-radius:var(--radius-pill);padding:4px 10px;margin-bottom:var(--space-2)}.class-card .cc-value{font-size:18px;font-weight:var(--weight-bold);line-height:1.3;letter-spacing:var(--tracking-heading);color:var(--accent-text);margin-bottom:var(--space-2)}.class-card .cc-rationale{font-size:var(--text-small);line-height:var(--leading-body);color:var(--text-2)}.class-card .cc-note{display:inline-block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:var(--tracking-label);background:var(--accent-dim);color:var(--text-1);border-radius:var(--radius-pill);padding:3px 10px;margin-bottom:var(--space-2)}.hook{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-5);gap:var(--space-5);align-items:center}.hook .score-ring{flex:none}.hook-notes{font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-1);margin:0;grid-column:1/-1}.verdict{display:grid;grid-template-columns:150px 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.verdict+.verdict{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.verdict .rail{font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2);padding-top:3px}.verdict .body p{margin:var(--space-2) 0 0;font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-1)}.tag{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:.02em;padding:4px 12px;border-radius:var(--radius-pill);border:1px solid}.tag:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tag.good{color:var(--success);background:var(--success-dim)}.tag.warn{color:var(--warning);background:var(--warning-dim)}.tag.bad{color:var(--danger);background:var(--danger-dim)}.chips{list-style:none;padding:0;margin:var(--space-2) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.chips li{font-size:var(--text-small);color:var(--text-1);border:1px solid rgba(184,245,49,.3);background:var(--accent-dim);padding:4px 11px;border-radius:var(--radius-pill)}.recs{list-style:none;counter-reset:rec;margin:0;padding:0}.recs li{counter-increment:rec;display:grid;grid-template-columns:26px 1fr;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border);font-size:var(--text-body);line-height:1.55}.recs li:first-child{border-top:none}.reco-type{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-text);margin-bottom:3px}.recs li:before{content:"";width:22px;height:22px;border-radius:50%;background:var(--accent-dim);border:1px solid rgba(184,245,49,.35);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c8a0f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;margin-top:1px}.transcript{font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-1);margin:0}.scenes-toggle{margin-top:var(--space-4)}.scenes-toggle summary{cursor:pointer;font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2);list-style:none;padding:var(--space-3) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.scenes-toggle summary::-webkit-details-marker{display:none}.scenes-toggle summary:before{content:"+ ";color:var(--accent-text);font-weight:var(--weight-bold)}.scenes-toggle[open] summary:before{content:"− "}.timeline{margin-top:var(--space-4);border-left:2px solid var(--border-strong);padding-left:var(--space-4)}.scene{position:relative;padding:4px 0 var(--space-4)}.scene:before{content:"";position:absolute;left:calc(-1 * var(--space-4) - 5px);top:8px;width:8px;height:8px;background:var(--accent);border-radius:50%}.scene-row{display:grid;grid-template-columns:108px 1fr;grid-gap:var(--space-3);gap:var(--space-3);align-items:start}.scene-row:not(:has(.scene-thumb)){grid-template-columns:1fr}.scene-thumb{width:108px;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.scene .t{font-size:var(--text-small);color:var(--text-2)}.scene .t b,.scene .v{color:var(--text-1)}.scene .v{line-height:1.5;margin:5px 0}.scene .s,.scene .v{font-size:var(--text-small)}.scene .s{color:var(--accent-text);font-style:italic}.scene .ost{font-size:var(--text-caption);letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);margin-top:3px}.keyframes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-4)}.kf{margin:0}.kf img,.kf-empty{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.kf-empty{display:grid;place-items:center;color:var(--text-2);font-size:22px}.kf figcaption{margin-top:var(--space-2)}.kf-label{font-size:var(--text-body);font-weight:var(--weight-bold);letter-spacing:var(--tracking-heading)}.hero-frame{margin:0 0 var(--space-4);max-width:340px}.hero-frame img{width:100%;display:block;border:1px solid var(--border);border-radius:var(--radius-md)}.hero-frame figcaption{font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2);margin-top:var(--space-2)}.variations-intro{font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-2);margin:0 0 var(--space-3);max-width:60ch}.var-picker,.var-refpicker{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.var-refpicker-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.var-refframe{border:2px solid var(--border);border-radius:var(--radius-md);padding:0;background:none;cursor:pointer;overflow:hidden;width:96px;display:flex;flex-direction:column;transition:border-color .15s}.var-refframe img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.var-refframe span{font-size:var(--text-small);padding:3px 0;color:var(--text-2)}.var-refframe.on{border-color:var(--accent-strong,#7ea800)}.var-refframe.on span{color:var(--text-1);font-weight:var(--weight-medium)}.var-refframe:disabled{opacity:.6;cursor:default}.var-picker-head{font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2);margin-bottom:var(--space-2)}.var-rec-list{list-style:none;margin:0;padding:0;flex-direction:column}.var-rec,.var-rec-list{display:flex;gap:var(--space-2)}.var-rec{align-items:flex-start;font-size:var(--text-small);line-height:1.4;color:var(--text-1);cursor:pointer}.var-rec input{margin-top:3px;flex:none;accent-color:var(--accent-text);cursor:pointer}.var-ratio{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.var-ratio label{font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2)}.var-ratio select{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 12px;font-family:var(--font-sans);font-size:var(--text-small);color:var(--text-1)}.variations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-3)}.variation{margin:0}.variation-skeleton{position:relative;width:100%;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-2)}.variation-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--accent) 35%,transparent) 50%,transparent 80%);background-size:220% 100%;animation:skeleton-sweep 1.25s ease-in-out infinite}.skeleton-spark{position:absolute;inset:0;display:grid;place-items:center;color:var(--accent-text);font-size:26px;opacity:.35;animation:skeleton-pulse 1.25s ease-in-out infinite}@keyframes skeleton-sweep{0%{background-position:180% 0}to{background-position:-80% 0}}@keyframes skeleton-pulse{0%,to{opacity:.2;transform:scale(.9)}50%{opacity:.55;transform:scale(1.05)}}.variation-img-btn{position:relative;display:block;width:100%;padding:0;border:none;background:none;cursor:zoom-in}.variation-img-btn img{width:100%;display:block;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);transition:transform var(--duration-reveal) var(--ease-reveal),box-shadow var(--duration-reveal) var(--ease-reveal),border-color var(--duration-fast)}.variation-img-btn:hover img{transform:translateY(-4px);box-shadow:var(--shadow-raised);border-color:var(--border-strong)}.variation-zoom{position:absolute;top:8px;right:8px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:14px;opacity:0;transition:opacity var(--duration-fast)}.variation-img-btn:hover .variation-zoom{opacity:1}.variation figcaption{margin-top:var(--space-2)}.variation-headline{font-size:var(--text-body);font-weight:var(--weight-bold);line-height:1.3}.variation-cta{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-text);margin-top:2px}.var-review,.variation-cta{font-size:var(--text-caption)}.var-review{font-weight:var(--weight-bold);border-radius:var(--radius-sm);padding:4px 8px;margin-top:var(--space-2)}.var-review.ok{color:var(--text-1);background:var(--accent-dim)}.var-review.warn{color:var(--danger);background:var(--danger-dim)}.var-review.warn ul{margin:4px 0 0;padding-left:16px;font-weight:var(--weight-regular);line-height:1.35}.var-tags{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-1) var(--space-2);gap:var(--space-1) var(--space-2);margin:var(--space-2) 0}.var-tags div{min-width:0}.var-tags dt{font-size:9px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2)}.var-tags dd{margin:0;font-weight:var(--weight-medium);color:var(--text-1);line-height:1.25}.var-tags dd,.variation-dl{font-size:var(--text-caption)}.variation-dl{padding:4px 10px}.var-reformat{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2)}.var-reformat-label{font-size:var(--text-small);color:var(--text-2)}.var-reformat-btns{display:flex;flex-wrap:wrap;gap:var(--space-1)}.var-reformat-item{display:flex;gap:var(--space-2);align-items:flex-start}.var-reformat-item .variation-img-btn{flex:0 0 84px;width:84px}.var-reformat-meta{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start}.var-lightbox{position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.85);display:grid;place-items:center;padding:var(--space-4);cursor:zoom-out}.var-lightbox img{max-width:95vw;max-height:92vh;border-radius:var(--radius-md);box-shadow:var(--shadow-raised);cursor:default}.var-lightbox-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.15);color:#fff;font-size:24px;line-height:1;cursor:pointer}.item-drawer-backdrop{position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.45);display:flex;justify-content:flex-end}.item-drawer{width:min(480px,100vw);height:100%;background:var(--surface-card);box-shadow:var(--shadow-raised);display:flex;flex-direction:column;overflow:hidden}.item-drawer-head{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4);font-weight:var(--weight-bold);flex:none;background:#0d1117;color:#f8fafc}.item-drawer-head:before{content:"";position:absolute;inset:0;background:radial-gradient(320px 200px at 90% 0,rgba(184,245,49,.14),transparent 65%)}.item-drawer-head>*{position:relative;z-index:1}.item-drawer-close{background:none;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--text-2);padding:4px 8px}.item-drawer-close:hover{color:var(--text-1)}.item-drawer-head .item-drawer-close{border:1px solid rgba(255,255,255,.16);border-radius:50%;width:30px;height:30px;font-size:1.1rem;color:rgba(248,250,252,.75);padding:0;transition:background var(--duration-fast),color var(--duration-fast),transform var(--duration-fast) var(--ease-reveal)}.item-drawer-head .item-drawer-close:hover{background:var(--accent);color:#0d1117;border-color:var(--accent);transform:rotate(90deg)}.item-drawer-body{flex:1 1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.item-drawer-image{width:100%;border-radius:var(--radius-md);border:1px solid var(--border)}.item-drawer-piece{display:flex;flex-direction:column;gap:2px}.item-drawer-tags{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--space-2) 0}.item-drawer-section{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.item-drawer-section-title{font-weight:var(--weight-bold)}.item-drawer-copy-group{display:flex;flex-direction:column;gap:var(--space-2)}.item-drawer-copy-label{display:block;font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2);margin-bottom:var(--space-2)}.item-drawer-copy-item{position:relative}.item-drawer-copy-item textarea{width:100%;display:block;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 34px 8px 10px;font-family:var(--font-mono,monospace);font-size:.72rem;line-height:1.45;color:var(--text-1);resize:none;overflow:hidden}.item-drawer-copy-copy{position:absolute;top:6px;right:6px;width:22px;height:22px;display:grid;place-items:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-3);cursor:pointer;transition:background .15s ease,color .15s ease}.item-drawer-copy-copy:hover{background:var(--surface-3,var(--border));color:var(--text-1)}.item-drawer-copy-copy svg{width:13px;height:13px}.var-savebar{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.var-saved-msg{font-size:var(--text-small);color:var(--accent-text);font-weight:var(--weight-bold)}.var-select{display:flex;align-items:center;gap:6px;font-size:var(--text-caption);color:var(--text-2);cursor:pointer;margin-bottom:var(--space-1)}.var-select input{accent-color:var(--accent-text);cursor:pointer}.variation.sel .variation-img-btn img{outline:2px solid var(--accent);outline-offset:1px}.folder-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.folder-chip{display:inline-flex;align-items:center;gap:4px;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 14px;font-size:var(--text-small);color:var(--text-2);cursor:pointer;white-space:nowrap}.folder-chip:hover{color:var(--text-1);border-color:var(--text-3)}.folder-chip-wrap{display:flex;align-items:center;position:relative}.folder-chip-wrap .folder-chip{padding-right:26px}.folder-bar>.folder-chip.on,.folder-chip-wrap.on .folder-chip{background:var(--accent-dim);border-color:var(--accent);color:var(--text-1)}.folder-chip-del{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-3);font-size:15px;line-height:1;cursor:pointer;padding:2px}.folder-chip-del:hover{color:var(--red)}.folder-new,.folder-rename-input{border-radius:var(--radius-pill);padding:6px 14px;font-size:var(--text-small)}.folder-rename-input{border:1px solid var(--accent);background:var(--surface-card);color:var(--text-1);font-family:var(--font-sans);min-width:120px}.folder-new{border:1px dashed var(--border);background:transparent;color:var(--text-2);cursor:pointer}.folder-new:hover{color:var(--text-1);border-color:var(--text-3)}.filter-chip-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:var(--space-3)}.filter-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:var(--tracking-label);text-transform:uppercase;padding:9px 16px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-card);color:var(--text-2);cursor:pointer;transition:transform var(--duration-fast) var(--ease-reveal),border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast)}.filter-chip svg{width:12px;height:12px}.filter-chip:hover{transform:translateY(-2px);border-color:var(--border-strong);color:var(--text-1)}.filter-chip.on{background:var(--accent-dim);border-color:var(--accent);color:var(--text-1)}.filter-chip-n{font-size:9px;opacity:.6}.lib-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4)}.lib-filter{display:flex;flex-direction:column;gap:4px}.lib-filter span{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2)}.lib-filter span:before{content:"// ";opacity:.55}.lib-filter select{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-pill);padding:7px 12px;font-family:var(--font-sans);font-size:var(--text-small);color:var(--text-1)}.lib-count{font-size:var(--text-small);color:var(--text-2);margin-bottom:var(--space-2)}.lib-card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.lib-del{padding:4px 10px;font-size:var(--text-caption);color:var(--danger)}.batch-intro{display:flex;gap:var(--space-3);align-items:flex-start;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4);margin-bottom:var(--space-4)}.batch-icon{flex:none;width:22px;height:22px;color:var(--accent-text)}.batch-intro strong{display:block;font-size:var(--text-body);margin-bottom:4px}.batch-intro p{font-size:var(--text-small);color:var(--text-2);line-height:var(--leading-body);margin:0;max-width:62ch}.batch-form{margin-bottom:var(--space-4)}.batch-form,.batch-toolbar{display:flex;gap:var(--space-3);align-items:center}.batch-toolbar{margin-bottom:var(--space-3)}.batch-toolbar select{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-pill);padding:8px 14px;font-family:var(--font-sans);font-size:var(--text-small);color:var(--text-1)}.batch-summary{font-size:var(--text-small);color:var(--text-2);flex:1 1}.batch-list{list-style:none;margin:0;padding:0;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.batch-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);font-size:var(--text-small)}.batch-item:last-child{border-bottom:none}.batch-item-kind{flex:none;width:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-3)}.batch-item-kind svg{width:16px;height:16px}.batch-item-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-item-size{flex:none;color:var(--text-2);font-size:var(--text-caption)}.batch-item-status{flex:none;min-width:140px;max-width:280px;text-align:right;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-item.status-processando .batch-item-status{color:var(--accent-text);font-weight:var(--weight-bold)}.batch-item.status-concluído .batch-item-status{color:var(--text-1)}.batch-item.status-erro .batch-item-status{color:var(--danger)}.batch-item-remove{flex:none;width:22px;height:22px;border-radius:50%;border:none;background:none;color:var(--text-2);font-size:16px;line-height:1;cursor:pointer}.batch-item-remove:hover:not(:disabled){background:var(--danger-dim);color:var(--danger)}.batch-item-remove:disabled{opacity:.3;cursor:not-allowed}.saved-tag{font-size:var(--text-small);font-weight:var(--weight-bold);color:var(--accent-text)}.pdf-capturing .btn,.pdf-capturing .export-group,.pdf-capturing .pdf-ask{display:none!important}.pdf-capturing .angle-statement,.pdf-capturing .class-card,.pdf-capturing .hero-frame,.pdf-capturing .keyframes,.pdf-capturing .kf,.pdf-capturing .recs li,.pdf-capturing .report-top,.pdf-capturing .seal,.pdf-capturing .section,.pdf-capturing .verdict{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.pdf-capturing.pdf-hide-variations .pdf-block-variations{display:none!important}.pdf-ask{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.pdf-ask-title{font-weight:var(--weight-medium)}.pdf-ask-hint{font-size:var(--text-small);color:var(--text-2);margin-top:2px}.pdf-ask-actions{flex-wrap:wrap}.pdf-ask-actions,.save-box{display:flex;gap:var(--space-2)}.save-box{align-items:stretch}.save-box input{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-pill);padding:9px 16px;font-family:var(--font-sans);font-size:var(--text-small);color:var(--text-1);outline:none;min-width:220px}.save-box input:focus{border-color:var(--accent-text);box-shadow:var(--ring-focus)}.history{display:flex;flex-direction:column;gap:var(--space-3)}.hist-card{position:relative;z-index:1;display:grid;grid-template-columns:66px 1fr auto;grid-gap:var(--space-4);gap:var(--space-4);align-items:center;padding:var(--space-3);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:transform var(--duration-fast) var(--ease-reveal),border-color var(--duration-fast),box-shadow var(--duration-fast)}.hist-card:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform var(--duration-reveal) var(--ease-reveal)}.hist-card:hover{z-index:2;transform:translateX(2px);border-color:var(--accent-text);box-shadow:var(--shadow-raised)}.hist-card:hover:before{transform:scaleY(1)}.hist-poster{width:66px;height:82px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:grid;place-items:center;color:var(--text-2)}.hist-poster img{width:100%;height:100%;object-fit:cover}.hist-title{font-size:19px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-heading);line-height:1.15;margin-bottom:var(--space-1);display:flex;align-items:baseline;gap:var(--space-2)}.hist-title-edit-btn{flex:none;background:none;border:none;color:var(--text-2);font-size:13px;cursor:pointer;padding:0 2px;opacity:0;transition:opacity var(--duration-fast)}.hist-card:hover .hist-title-edit-btn{opacity:1}.hist-title-edit-btn:hover{color:var(--accent-text)}.hist-title-edit{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.hist-title-edit input{flex:1 1;min-width:0;font-size:18px;color:var(--text-1);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:4px 10px;outline:none}.hist-title-edit input,.hist-title-save{font-weight:var(--weight-bold);font-family:var(--font-sans)}.hist-title-save{flex:none;border:none;background:var(--accent);color:var(--accent-ink);font-size:var(--text-caption);border-radius:var(--radius-pill);padding:6px 14px;cursor:pointer}.hist-client{font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-text);margin-bottom:var(--space-2)}.hist-client.unassigned{color:var(--text-2);font-weight:var(--weight-regular);text-transform:none;letter-spacing:0}.hist-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.hist-tags span{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px 10px}.hist-tags span.accent{color:var(--text-1);border-color:rgba(184,245,49,.35);background:var(--accent-dim)}.hist-date{font-size:var(--text-small);color:var(--text-2)}.hist-actions{display:flex;align-items:center;gap:var(--space-2)}.hist-share{font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--text-2);background:transparent;border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 14px;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast),border-color var(--duration-fast)}.hist-share:hover{color:var(--accent-text);border-color:var(--accent-text)}.hist-move{position:relative}.hist-move>button{font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--text-2);background:transparent;border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 14px;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast),border-color var(--duration-fast)}.hist-move>button.moved{color:var(--text-1);border-color:var(--accent-text);background:var(--accent-dim)}.hist-move>button:hover{color:var(--accent-text);border-color:var(--accent-text)}.hist-move-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;max-height:260px;overflow-y:auto;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);padding:var(--space-2);z-index:20;display:flex;flex-direction:column;gap:2px}.hist-move-menu button{background:transparent;border:none;border-left:3px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-2) var(--space-2) calc(var(--space-2) - 3px);cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:var(--text-small);color:var(--text-1)}.hist-move-menu button:hover{background:var(--surface-2)}.hist-move-menu button.on{background:var(--accent-dim);border-left-color:var(--accent);font-weight:var(--weight-medium)}.hist-del{font-size:22px;line-height:1;color:var(--text-2);padding:6px 10px;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast)}.hist-del:hover{color:var(--danger);background:var(--danger-dim)}@media (max-width:560px){.verdict{gap:var(--space-2)}.hook,.verdict{grid-template-columns:1fr}.hook{gap:var(--space-3);justify-items:center}}@media print{@page{margin:14mm 12mm}body,html{background:#fff!important;color:#111!important}.wrap{max-width:none;padding:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.btn,.error,.export-group,.history,.intake,.masthead .dek,.pdf-ask,.pdf-hide-variations .pdf-block-variations,.save-box,.saved-tag,.sidebar,.sidebar-backdrop,.sidebar-mobile-trigger,.steps{display:none!important}.app-shell{display:block!important}.keyframes,.keyframes .kf,.report .hero-frame,.report-top,.section,.section .angle-statement,.section .class-card,.section .recs li,.section .seal,.section .verdict{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.section{box-shadow:none;border:1px solid #ddd;break-inside:auto;page-break-inside:auto}.class-card,.concept,.hero-frame,.hook,.kf,.recs li,.scene,.seals,.step,.verdict{break-inside:avoid;page-break-inside:avoid}.masthead,.section-label{break-after:avoid;page-break-after:avoid}.lead,.transcript,p{orphans:3;widows:3}.scenes-toggle summary{display:none}a{text-decoration:none;color:inherit}}.logo-mark .layer{opacity:0;transform-box:fill-box;transform-origin:center;animation:logoLayer var(--duration-reveal) var(--ease-reveal) forwards}.logo-mark .l1{animation-delay:.05s}.logo-mark .l2{animation-delay:.25s}.logo-mark .l3{animation-delay:.45s}.logo-mark .l4{animation-delay:.65s}.logo-mark .core{opacity:0;animation:logoCore .5s ease-out forwards;animation-delay:.95s}@keyframes logoLayer{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes logoCore{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.logo-mark .core,.logo-mark .layer{opacity:1;transform:none;animation:none}}@keyframes studioFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes studioBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes studioModalIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes studioStepIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes studioPulse{0%,to{opacity:.55}50%{opacity:1}}.studio-cta{margin-left:auto;align-self:center;flex:none;white-space:nowrap}.studio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.studio-card{position:relative;z-index:1;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);animation:studioFadeUp .5s var(--ease-reveal) both;transition:transform var(--duration-reveal) var(--ease-reveal),box-shadow var(--duration-reveal) var(--ease-reveal),border-color var(--duration-fast)}.studio-card:before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-reveal) var(--ease-reveal)}.studio-card:hover{z-index:2;transform:translateY(-4px);box-shadow:var(--shadow-raised);border-color:var(--border-strong)}.studio-card:hover:before{transform:scaleX(1)}.studio-card-topbar{justify-content:space-between}.studio-card-head,.studio-card-topbar{display:flex;align-items:center;gap:var(--space-2)}.studio-card-head{background:none;border:none;padding:0;cursor:pointer;text-align:left;font-family:var(--font-sans);color:var(--text-1)}.studio-card-thumb{flex:none;width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);display:grid;place-items:center}.studio-card-thumb img{width:100%;height:100%;object-fit:cover}.studio-card-thumb-empty{color:var(--text-2);font-size:var(--text-small)}.studio-card-headtext{display:flex;flex-direction:column;gap:1px;flex:1 1;min-width:0}.studio-platform-pill{display:inline-flex;align-items:center;gap:5px;flex:none;padding:4px 10px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;border:1px solid var(--border)}.studio-platform-pill svg{width:12px;height:12px}.studio-platform-pill.meta{color:#1877f2;border-color:rgba(24,119,242,.3);background:rgba(24,119,242,.08)}.studio-platform-pill.google{color:#ea8600;border-color:rgba(234,134,0,.3);background:rgba(234,134,0,.08)}.studio-card-title{font-weight:var(--weight-medium)}.studio-card-source,.studio-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-card-source{font-size:var(--text-caption);color:var(--text-2)}.studio-card-chevron{flex:none;color:var(--text-2);font-size:var(--text-small)}.studio-card-tags{margin:0}.studio-card-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.studio-framework-chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-1);background:var(--accent-dim);border-radius:var(--radius-pill);padding:3px 10px 3px 8px}.studio-framework-chip-icon{display:inline-flex;flex:none}.studio-framework-chip-icon svg{width:10px;height:10px}.studio-card-date{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:var(--text-caption);color:var(--text-2)}.studio-card-date svg{width:11px;height:11px;opacity:.7}.studio-card-preview{margin:0;font-size:var(--text-small);color:var(--text-2);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.studio-card-body{gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border);animation:studioFadeUp .35s var(--ease-reveal) both}.item-drawer-copy-item.counted,.studio-card-body{display:flex;flex-direction:column}.copy-char-count{align-self:flex-end;font-family:var(--font-mono);font-size:9px;color:var(--text-2);margin-top:2px;padding-right:34px}.copy-char-count.over{color:var(--danger);font-weight:var(--weight-medium)}.studio-wizard-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:studioBackdropIn .25s ease both}.studio-wizard{width:min(720px,100%);max-height:min(760px,90vh);background:var(--surface-card);border-radius:var(--radius-dialog);box-shadow:var(--shadow-raised);display:flex;flex-direction:column;overflow:hidden;animation:studioModalIn .35s var(--ease-reveal) both}.studio-wizard-head{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border)}.studio-steps{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px;overflow-x:auto;max-width:calc(100% - 88px)}.studio-step-unit,.studio-steps{display:flex;align-items:center;gap:2px}.studio-step-unit{flex:none}.studio-step-dot{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);color:var(--text-2);white-space:nowrap;transition:background .25s ease,color .25s ease}.studio-step-icon{display:inline-flex;flex:none}.studio-step-icon svg{width:13px;height:13px}.studio-step-dot.active{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-soft)}.studio-step-dot.done{color:var(--accent-text)}.studio-step-label{font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:var(--weight-medium);display:none}.studio-step-dot.active .studio-step-label{display:inline}.studio-step-sep{color:var(--text-2);opacity:.5;font-size:13px;flex:none}@media (min-width:640px){.studio-step-label{display:inline}}.studio-wizard-body{padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);animation:studioStepIn .3s var(--ease-reveal) both}.studio-back{align-self:flex-start}.studio-platform-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.studio-platform-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;text-align:left;font-family:var(--font-sans);color:var(--text-1);transition:border-color .2s ease,transform .2s ease,background .2s ease}.studio-platform-card:before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-reveal) var(--ease-reveal)}.studio-platform-card:hover{border-color:var(--accent);transform:translateY(-4px);background:var(--surface-card);box-shadow:var(--shadow-raised)}.studio-platform-card:hover:before{transform:scaleX(1)}.studio-platform-icon{width:28px;height:28px;color:var(--accent-text)}.studio-platform-card strong{font-size:var(--text-h4);font-weight:var(--weight-bold)}.studio-platform-card p{margin:0;font-size:var(--text-small);color:var(--text-2);line-height:var(--leading-body)}.studio-ref-picker{display:flex;flex-direction:column;gap:var(--space-3)}.studio-ref-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.studio-ref-head .studio-back{margin:0}.studio-ref-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.studio-ref-filters select{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-pill);padding:7px 14px;font-family:var(--font-sans);font-size:var(--text-small);color:var(--text-1)}.studio-ref-tabs{display:inline-flex;gap:4px;background:var(--surface-2);border-radius:var(--radius-pill);padding:3px;align-self:flex-start;flex:none}.studio-ref-tabs button{border:none;background:none;padding:7px 16px;border-radius:var(--radius-pill);font-size:var(--text-small);color:var(--text-2);cursor:pointer}.studio-ref-tabs button.on{box-shadow:var(--shadow-soft)}.studio-ref-search,.studio-ref-tabs button.on{background:var(--surface-card);color:var(--text-1)}.studio-ref-search{border:1px solid var(--border);border-radius:var(--radius-pill);padding:9px 16px;font-family:var(--font-sans);font-size:var(--text-small)}.studio-ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--space-2);gap:var(--space-2);max-height:360px;overflow-y:auto;padding-right:4px}.studio-ref-card{position:relative;overflow:hidden;display:flex;gap:var(--space-2);align-items:center;background:var(--surface-2);border:1.5px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer;text-align:left;font-family:var(--font-sans);animation:studioFadeUp .35s var(--ease-reveal) both;transition:transform var(--duration-fast) var(--ease-reveal),border-color var(--duration-fast),background var(--duration-fast)}.studio-ref-card:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform var(--duration-reveal) var(--ease-reveal)}.studio-ref-card:hover{transform:translateX(2px);border-color:var(--accent);background:var(--surface-card)}.studio-ref-card:hover:before{transform:scaleY(1)}.studio-ref-thumb{flex:none;width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface);display:grid;place-items:center}.studio-ref-thumb img{width:100%;height:100%;object-fit:cover}.studio-ref-thumb-empty{color:var(--text-2)}.studio-ref-info{display:flex;flex-direction:column;gap:2px;min-width:0}.studio-ref-title{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-ref-client{font-size:10px;color:var(--accent-text);text-transform:uppercase;letter-spacing:var(--tracking-label)}.studio-ref-tags{display:flex;gap:6px;font-size:10px;color:var(--text-2)}.studio-ref-tags .accent{color:var(--accent-text)}.studio-review{display:flex;flex-direction:column;gap:var(--space-3)}.studio-review-ref{display:flex;align-items:center;gap:var(--space-3);background:var(--surface-2);border-radius:var(--radius-sm);padding:var(--space-2)}.studio-field-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.studio-field{display:flex;flex-direction:column;gap:4px}.studio-field span{font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2)}.studio-field input[type=text],.studio-field select{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-pill);padding:8px 14px;font-family:var(--font-sans);font-size:var(--text-small);color:var(--text-1)}.studio-framework-badge{background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-3);animation:studioFadeUp .3s var(--ease-reveal) both}.studio-framework-badge.subtle{background:var(--surface-2);border-color:var(--border);padding:var(--space-2) var(--space-3)}.studio-framework-name{font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--accent-text)}.studio-framework-badge p{margin:6px 0 0;font-size:var(--text-small);color:var(--text-2);line-height:var(--leading-body)}.studio-info-card{display:flex;align-items:flex-start;gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-3);animation:studioFadeUp .3s var(--ease-reveal) both}.studio-info-card.compact{padding:var(--space-2) var(--space-3);align-items:center}.studio-info-eyebrow{display:block;font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-text);margin-bottom:2px}.studio-info-icon{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.studio-info-icon svg{width:15px;height:15px}.studio-info-title{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--text-1)}.studio-info-card p{margin:3px 0 0;font-size:var(--text-caption);color:var(--text-2);line-height:var(--leading-body)}.studio-info-card.framework{background:var(--accent-dim);border:1px solid var(--accent)}.studio-info-card.framework .studio-info-icon{background:var(--accent);color:var(--accent-ink)}.studio-info-card.framework .studio-info-title{font-family:var(--font-mono);color:var(--accent-text)}.studio-info-card.content{background:rgba(24,119,242,.06);border:1px solid rgba(24,119,242,.25)}.studio-info-card.content .studio-info-icon{background:rgba(24,119,242,.15);color:#1877f2}.studio-info-card.content.pending{background:var(--surface-2);border:1px solid var(--border)}.studio-info-card.content.pending .studio-info-icon{background:var(--surface-card);color:var(--text-2)}.studio-generate-btn{align-self:flex-start}.studio-generate-btn.loading{animation:studioPulse 1.1s ease-in-out infinite;cursor:default}.studio-result{display:flex;flex-direction:column;gap:var(--space-4)}.studio-reveal{animation:studioFadeUp .4s var(--ease-reveal) both}.studio-result-actions{display:flex;gap:var(--space-2);padding-top:var(--space-2)}@media (max-width:620px){.studio-field-grid,.studio-platform-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.studio-card,.studio-card-body,.studio-framework-badge,.studio-generate-btn.loading,.studio-info-card,.studio-platform-card,.studio-ref-card,.studio-reveal,.studio-wizard,.studio-wizard-backdrop,.studio-wizard-body{animation:none!important;transition:none!important}}