:root{--analyze-ease:cubic-bezier(.22,1,.36,1)}
.analyze-intro{align-items:end}.analyze-intro h1{font-size:clamp(38px,4.4vw,72px);letter-spacing:-.06em}.analyze-intro p{margin-bottom:0}.analyze-intro>.primary{white-space:nowrap}
.analyze-layout{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:32px;margin:32px 0 70px}.analyze-directory{padding:12px 0;border-top:1px solid var(--line)}.analyze-section-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 16px;color:var(--muted);font-size:12px}.analyze-creator{display:grid;gap:5px;width:100%;padding:16px;text-align:left;border:1px solid transparent;border-radius:14px;color:var(--text);transition:background .24s var(--analyze-ease),border-color .24s var(--analyze-ease),transform .24s var(--analyze-ease)}.analyze-creator:hover{transform:translateX(3px);background:var(--raised)}.analyze-creator.is-active{background:var(--raised);border-color:var(--line)}.analyze-creator strong{font-size:15px}.analyze-creator small,.analyze-empty-small{font-size:11px;color:var(--muted)}.analyze-empty-small{padding:12px}
.analyze-main{min-width:0}.analyze-creator-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 24px}.analyze-creator-heading h2{font:700 clamp(32px,3vw,48px)/1.08 'Archivo Variable',Archivo,Arial,sans-serif;letter-spacing:-.055em;margin:8px 0}.analyze-creator-heading p{margin:0;color:var(--muted);font-size:13px}.analyze-heading-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.analyze-platforms{border-top:1px solid var(--line)}.analyze-platform{border-bottom:1px solid var(--line);animation:analyze-enter .45s var(--analyze-ease) both;animation-delay:calc(var(--order)*55ms)}.analyze-platform-toggle{display:flex;align-items:center;gap:18px;width:100%;min-height:86px;padding:14px 10px;text-align:left;color:var(--text)}.analyze-platform-toggle:hover .analyze-platform-icon{border-color:var(--text);transform:scale(1.04)}.analyze-platform-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid var(--line);border-radius:13px;font-size:18px;transition:transform .25s var(--analyze-ease),border-color .25s var(--analyze-ease)}.analyze-platform-name{display:grid;gap:4px;min-width:0;flex:1}.analyze-platform-name strong{font-size:16px}.analyze-platform-name small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.analyze-platform-status{color:var(--muted);font-size:11px;text-align:right}.analyze-chevron{font-size:24px;color:var(--muted);transition:transform .3s var(--analyze-ease)}[aria-expanded=true]>.analyze-chevron{transform:rotate(180deg)}.analyze-panel-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s var(--analyze-ease)}[aria-expanded=true]+.analyze-panel-wrap{grid-template-rows:1fr}.analyze-panel-inner{min-height:0;overflow:hidden}.analyze-panel{padding:0 10px 24px 70px;color:var(--muted);font-size:13px}.analyze-panel-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.analyze-panel-actions a{font-size:12px}.analyze-note{font-size:12px;line-height:1.6;max-width:62ch}.analyze-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.analyze-metrics>div{display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:12px}.analyze-metrics strong{color:var(--text);font-size:23px;font-variant-numeric:tabular-nums}.analyze-metrics span{font-size:11px}.analyze-uploads{display:grid;gap:4px;margin-top:16px}.analyze-uploads a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 8px;border-top:1px solid var(--line);font-size:12px;animation:analyze-enter .42s var(--analyze-ease) both;animation-delay:calc(var(--arrival)*28ms)}.analyze-uploads a:hover{background:var(--raised)}.analyze-uploads strong{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analyze-post-index{font-family:ui-monospace,SFMono-Regular,monospace;color:var(--muted)}.analyze-import{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line);font-size:12px}.analyze-import strong{color:var(--text)}.analyze-next{margin-top:30px;padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.analyze-next h3{font-size:22px;letter-spacing:-.04em;margin:9px 0}.analyze-next p{max-width:65ch;color:var(--muted);line-height:1.65;margin:0}.analyze-empty{display:grid;justify-items:start;padding:48px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.analyze-empty-mark{font-size:50px}.analyze-empty h2{font-size:32px;letter-spacing:-.045em;margin:25px 0 5px}.analyze-empty p{color:var(--muted);line-height:1.6;max-width:45ch}.analyze-empty .primary{margin-top:20px}
.analyze-dialog{width:min(560px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:26px}.analyze-dialog label{display:grid;gap:8px;margin:17px 0;color:var(--muted);font-size:12px}.analyze-dialog input{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;font-size:15px}.analyze-dialog p{color:var(--muted);font-size:12px;line-height:1.6}.analyze-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.analyze-dialog .dialog-heading h2{margin:6px 0 0}
@keyframes analyze-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.analyze-layout{grid-template-columns:1fr;gap:22px}.analyze-directory{display:flex;gap:8px;overflow-x:auto}.analyze-section-head{flex:none;display:grid;gap:4px;min-width:80px}.analyze-creator{width:auto;min-width:145px;flex:none}.analyze-intro{align-items:start}.analyze-creator-heading{align-items:start;flex-direction:column}.analyze-panel{padding-left:10px}}
@media(max-width:560px){.analyze-intro>.primary{width:100%}.analyze-platform-status{display:none}.analyze-metrics{grid-template-columns:1fr 1fr}.analyze-uploads a{grid-template-columns:22px 1fr}.analyze-uploads a>span:last-child{grid-column:2}.analyze-empty{padding:28px}}
@media(prefers-reduced-motion:reduce){.analyze-platform,.analyze-uploads a{animation:none}.analyze-creator,.analyze-platform-icon,.analyze-chevron,.analyze-panel-wrap{transition:none}}
.analyze-dialog select,.analyze-dialog textarea{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;font-size:15px}.analyze-dialog textarea{min-height:100px;resize:vertical}.analyze-next .quiet{margin-top:20px}
/* Shared studio motion: feedback follows actual collection, rendering and chart states. */
.job-card{transition:transform .3s var(--analyze-ease),border-color .3s var(--analyze-ease)}.job-card:hover{transform:translateY(-3px);border-color:var(--muted)}.job-card .state-art.busy{background-image:linear-gradient(110deg,transparent 20%,#ffffff10 46%,transparent 72%);background-size:220% 100%;animation:analyze-scan 2.2s linear infinite}.analytics-line{stroke-dasharray:1200;stroke-dashoffset:1200;animation:analyze-draw .85s var(--analyze-ease) forwards}.analytics-bar-svg rect{transform-box:fill-box;transform-origin:bottom;animation:analyze-grow .55s var(--analyze-ease) both}
@keyframes analyze-scan{to{background-position-x:-220%}}@keyframes analyze-draw{to{stroke-dashoffset:0}}@keyframes analyze-grow{from{transform:scaleY(.04);opacity:.45}to{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.job-card,.job-card .state-art.busy,.analytics-line,.analytics-bar-svg rect{animation:none;transition:none;stroke-dashoffset:0}}
.analyze-next-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.analyze-next-actions .quiet{margin-top:0}.analyze-breakdown{margin-top:30px;padding:23px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.analyze-breakdown .analyze-section-head{padding:0 0 14px}.analyze-breakdown h3{font-size:22px;letter-spacing:-.04em;margin:14px 0}.analyze-patterns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}.analyze-pattern{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.analyze-pattern h4{font-size:17px;letter-spacing:-.02em;margin:0}.analyze-pattern p{margin:0;font-size:12px}.analyze-pattern small{color:var(--text);line-height:1.5}.analyze-pattern button{margin-top:auto;align-self:flex-start}.analyze-classifications{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:8px}.analyze-flight-card{padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--bg);animation:analyze-fly .6s var(--analyze-ease) both;animation-delay:calc(var(--arrival)*40ms)}.analyze-flight-card>a{display:block;margin:9px 0;font-weight:650}.analyze-flight-card p{font-size:12px;line-height:1.5;margin:6px 0}.analyze-flight-card p strong{color:var(--text)}.analyze-flight-card small{color:var(--muted)}@keyframes analyze-fly{from{opacity:0;transform:translateX(80px) scale(.92)}to{opacity:1;transform:translateX(0) scale(1)}}@media(prefers-reduced-motion:reduce){.analyze-flight-card{animation:none}}
.analyze-evidence{display:flex;flex-wrap:wrap;gap:9px;font-size:11px}.analyze-evidence a{text-decoration:underline;text-underline-offset:2px}

/* Decode: the live run (tiles fill in, a hook chip lands on each), the snapshot (map, chips, inside the reel, patterns). */
.analyze-tabs{margin:20px 0 0;width:max-content}
.decode{margin:0 0 28px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.decode-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.decode-top h3{margin:6px 0 4px;font-size:20px;letter-spacing:-.02em}
.decode-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.decode-links summary{cursor:pointer;list-style:none;font-size:13px;color:var(--muted);padding:8px 12px;border:1px solid var(--line);border-radius:999px}.decode-links summary::-webkit-details-marker{display:none}
.decode-links[open]{flex-basis:100%}.decode-links label{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px;align-items:center;margin-top:8px;font-size:13px}
.decode-live{margin-top:16px}
.decode-live-head{display:flex;align-items:flex-end;gap:20px;margin-bottom:14px}
.decode-count{margin:0;font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums}.decode-count strong{font-size:44px;letter-spacing:-.04em;color:var(--text);transition:color .3s}
.decode-stage{margin:2px 0 0;font-size:13px;color:var(--muted)}
.decode-live-cost{margin-left:auto;display:grid;text-align:right;font-variant-numeric:tabular-nums}.decode-live-cost span{font-size:18px;font-weight:600}.decode-live-cost small{color:var(--muted);font-size:12px}
.decode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
.decode-tile{position:relative;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:linear-gradient(110deg,var(--raised) 30%,color-mix(in srgb,var(--text) 8%,var(--raised)) 50%,var(--raised) 70%);background-size:220% 100%;animation:decode-shimmer 1.6s linear infinite}
.decode-tile.is-in{animation:decode-in .45s var(--analyze-ease) both;background:var(--raised)}
.decode-tile img{width:100%;height:100%;object-fit:cover;display:block}
.decode-tile.is-classified{animation:decode-pulse .5s var(--analyze-ease)}
.decode-chip{position:absolute;left:4px;right:4px;bottom:4px;padding:2px 4px;border-radius:6px;background:color-mix(in srgb,#000 62%,transparent);color:#fff;font-size:10px;line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:decode-chip .35s var(--analyze-ease) both}
@keyframes decode-shimmer{to{background-position:-120% 0}}
@keyframes decode-in{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes decode-pulse{50%{transform:scale(1.05)}}
@keyframes decode-chip{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.decode-snap{margin-top:16px}.decode-snap.is-arriving{animation:decode-in .5s var(--analyze-ease)}
.decode-stats{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}.decode-stats>div{flex:1 1 120px;padding:12px 14px;border-radius:14px;background:var(--raised)}.decode-stats strong{display:block;font-size:24px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.decode-stats span{font-size:12px;color:var(--muted)}
.decode-picker select{min-height:36px;padding:4px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-size:13px}
.decode-chips{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.decode-chips button{min-height:30px;padding:3px 11px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:12.5px;cursor:pointer}.decode-chips button[aria-pressed="true"]{background:var(--text);color:var(--panel);border-color:var(--text)}
.decode-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:16px}
.decode-label{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--muted)}.decode-label small{font-weight:400}
.decode-map{position:relative;height:340px;border:1px solid var(--line);border-radius:14px;background:repeating-linear-gradient(0deg,transparent 0 67px,color-mix(in srgb,var(--line) 60%,transparent) 67px 68px);overflow:hidden}
.decode-dot{position:absolute;left:50%;bottom:50%;width:28px;height:28px;padding:0;border:2px solid var(--panel);border-radius:8px;overflow:hidden;background:var(--raised);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:left .6s var(--analyze-ease),bottom .6s var(--analyze-ease),transform .15s}
.decode-dot img{width:100%;height:100%;object-fit:cover}.decode-dot:hover,.decode-dot.is-open{transform:scale(1.5);z-index:2;border-color:var(--text)}
.decode-inside{padding:14px;border:1px solid var(--line);border-radius:14px;max-height:520px;overflow:auto}
.decode-inside-head{display:flex;gap:12px}.decode-inside-head img{width:72px;aspect-ratio:9/16;object-fit:cover;border-radius:8px}
.decode-inside-head>div{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}
.decode-tag{padding:2px 8px;border-radius:999px;background:var(--raised);font-size:11.5px}.decode-tag.is-muted{color:var(--muted)}
.decode-first{margin:12px 0;font-size:22px;line-height:1.2;letter-spacing:-.02em;color:var(--text)}
.decode-inside-stats{display:flex;gap:16px;margin-bottom:12px}.decode-inside-stats strong{display:block;font-size:17px}.decode-inside-stats span{font-size:11px;color:var(--muted)}
.decode-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;gap:2px;margin-bottom:10px}.decode-bar span{flex:1 1 0}
.role-hook{--role:#e5484d}.role-setup{--role:#f59e0b}.role-body{--role:#3b82f6}.role-proof{--role:#10b981}.role-cta{--role:#8b5cf6}
.decode-bar span{background:var(--role)}
.decode-lines{list-style:none;margin:0;padding:0;display:grid;gap:6px}.decode-lines li{padding-left:10px;border-left:3px solid var(--role);font-size:13px;line-height:1.45}.decode-lines li span{display:block;font-size:10.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.decode-h{margin:24px 0 10px;font-size:17px}
.decode-table{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}.decode-table th{text-align:left;font-size:11.5px;color:var(--muted);font-weight:500;padding:6px 8px;border-bottom:1px solid var(--line)}.decode-table td{padding:9px 8px;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.decode-table td small{display:block;color:var(--muted);font-size:11px}
.decode-table tr[data-decode-filter]{cursor:pointer}.decode-table tr[data-decode-filter]:hover,.decode-table tr.is-on{background:var(--raised)}
.decode-patterns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:14px}.decode-patterns article{padding:14px;border-radius:14px;background:var(--raised)}.decode-patterns h4{margin:0 0 6px}.decode-patterns p{margin:0 0 6px;font-size:13px}.decode-patterns small{color:var(--muted)}
.compare-missing{list-style:none;margin:0;padding:0;display:grid;gap:8px}.compare-missing li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--raised)}.compare-missing span{color:var(--muted);font-size:13px}
.analyze-note.is-error{color:var(--danger,#e5484d)}
@media (max-width:900px){.decode-body{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.decode-tile,.decode-tile.is-in,.decode-tile.is-classified,.decode-chip,.decode-snap.is-arriving{animation:none}.decode-dot{transition:none}}
