.analyzer-page{--bg:#120f0c;--panel:#211913;--line:#4a382b;--ink:#fff9f1;--muted:#c7b8aa;--accent:#f3a146;--soft:#cc905c;background:radial-gradient(circle at 22% 0,#51311d 0,transparent 31%),linear-gradient(180deg,#120f0c,#1a130f 60%,#120f0c)}
.analyzer-topbar{background:#120f0ce8;border-color:#f3a1461b}.analyzer-brand{display:flex;align-items:center;gap:14px}.analyzer-brand img{display:block;width:126px;height:46px;object-fit:contain}.product-tag{border:1px solid #f3a1464d;border-radius:999px;padding:4px 9px;color:var(--accent);font-size:10px;letter-spacing:.11em;text-transform:uppercase}.analyzer-intro{max-width:1240px;margin:auto;padding:74px 28px 34px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.analyzer-intro h1{font-size:clamp(45px,6.4vw,82px);line-height:.98;letter-spacing:-.06em;margin:14px 0 0}.analyzer-intro h1 span{color:var(--soft)}.analyzer-intro .lede{margin:0 0 8px}.analyzer-shell{max-width:1240px;margin:0 auto 82px;padding:0 28px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:14px}.analyzer-input-panel,.analyzer-output-panel{min-height:560px;border:1px solid var(--line);background:#1b1511e8;border-radius:20px;padding:22px;box-shadow:0 30px 80px #0007}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-heading>div{display:flex;align-items:center;gap:12px}.panel-heading h2{font-size:18px;margin:0}.step-number{display:grid;place-items:center;width:32px;height:32px;border:1px solid #f3a1465c;border-radius:50%;color:var(--accent);font-size:10px;font-weight:800}.local-badge,.status-dot{color:var(--muted);font-size:11px}.status-dot:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #f3a14680}.status-dot[data-state="complete"]:before{background:#75d69b}.status-dot[data-state="error"]:before{background:#ff766e}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.analyzer-dropzone{min-height:260px;border:1px dashed #f3a14666;border-radius:15px;background:linear-gradient(145deg,#302016,#17110d);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;cursor:pointer;transition:.2s ease}.analyzer-dropzone:hover,.analyzer-dropzone:focus-visible,.analyzer-dropzone.is-dragging{border-color:var(--accent);background:#382318;outline:none;transform:translateY(-1px)}.analyzer-dropzone strong{font-size:17px}.analyzer-dropzone span:last-child{color:var(--muted);font-size:12px}.upload-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:7px;border-radius:14px;background:var(--accent);color:#26170e;font-size:25px;font-weight:800}.video-stage{overflow:hidden;border-radius:15px;background:#000}.video-stage video{display:block;width:100%;max-height:310px;background:#000}.video-stage:not([hidden])+.file-row{margin-top:12px}.analyzer-dropzone:has(+ .video-stage:not([hidden])){display:none}.file-row{align-items:center;justify-content:space-between;gap:16px;padding:12px 2px}.file-row:not([hidden]){display:flex}.file-row>div{min-width:0;display:grid}.file-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-label,.file-row>span{color:var(--muted);font-size:11px}.upload-error{min-height:21px;margin:8px 0 0;color:#ff9a91;font-size:12px}.analyzer-start{width:100%;justify-content:center;margin-top:10px;background:var(--accent);color:#26170e}.analyzer-start:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.45}.cost-note{margin:10px 0 0;color:#d7ad82;font-size:11px}.analysis-empty,.analysis-progress{min-height:450px;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.analysis-empty:not([hidden]),.analysis-progress:not([hidden]){display:flex;flex-direction:column}.analysis-empty strong,.analysis-progress strong{margin-top:26px;color:var(--ink)}.analysis-empty p,.analysis-progress p{max-width:390px;margin:5px 0}.scan-lines{width:min(280px,70%);display:grid;gap:12px}.scan-lines i{height:7px;border-radius:10px;background:linear-gradient(90deg,#4a382b,#f3a14699,#4a382b)}.scan-lines i:nth-child(2){width:82%}.scan-lines i:nth-child(3){width:92%}.scan-lines i:nth-child(4){width:61%}.spinner{width:54px;height:54px;border:4px solid #f3a14626;border-top-color:var(--accent);border-radius:50%;animation:analyzer-spin .9s linear infinite}@keyframes analyzer-spin{to{transform:rotate(360deg)}}.analysis-summary{border:1px solid #ffffff14;border-radius:14px;padding:18px;background:#ffffff06}.analysis-summary small{color:var(--accent);font-size:9px;letter-spacing:.14em}.analysis-summary h3{margin:7px 0 10px;font-size:19px}.analysis-summary p{margin:0;color:var(--muted);font-size:13px}.result-timeline{display:flex;height:54px;overflow:hidden;border-radius:10px;margin:14px 0}.result-timeline span{display:grid;place-items:center;min-width:58px;padding:0 8px;background:#f3a146;color:#26170e;font-size:9px;font-weight:800;text-transform:uppercase}.result-timeline span:nth-child(3n+2){background:#9d6640;color:#fff9f1}.result-timeline span:nth-child(3n){background:#6e4931;color:#fff9f1}.beat-list{display:grid;gap:9px;max-height:430px;overflow:auto;padding-right:4px}.beat-list article{display:grid;grid-template-columns:110px 1fr;gap:14px;border:1px solid #ffffff12;border-radius:12px;padding:14px;background:#ffffff05}.beat-list article>div{display:grid;align-content:start;gap:5px}.beat-list small{color:var(--accent);font-size:9px}.beat-list strong{text-transform:capitalize}.beat-list dl{margin:0;display:grid;grid-template-columns:82px 1fr;gap:5px 10px}.beat-list dt{color:#d7ad82;font-size:10px;font-weight:700}.beat-list dd{margin:0;color:var(--muted);font-size:11px}.secondary.save-elements{width:100%;margin-top:14px;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:10px;padding:12px;font-weight:800;cursor:pointer}.secondary.save-elements:disabled{opacity:.5}.save-status{min-height:18px;margin:7px 0 0;color:var(--muted);font-size:11px}.analyzer-framework{border-top:1px solid #ffffff0d}.analyzer-framework h2{max-width:640px}
.upload-error:not(:empty){border:1px solid #ff766e55;background:#4a1f1b;padding:10px 12px;border-radius:9px}
.saved-elements-panel{margin-top:14px;border:1px solid #f3a14642;border-radius:14px;background:#120f0c;padding:15px}.saved-elements-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.saved-elements-heading small{color:var(--accent);font-size:9px;letter-spacing:.14em}.saved-elements-heading h3{margin:5px 0 0;font-size:16px}.saved-elements-heading a{color:var(--accent);font-size:11px;font-weight:800;text-decoration:none}.saved-elements-heading a:hover{text-decoration:underline}.saved-elements-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:390px;overflow:auto;padding-right:3px}.saved-element-card{min-width:0;border:1px solid #ffffff12;border-radius:10px;background:#ffffff06;padding:12px}.saved-element-category{display:block;color:var(--accent);font-size:9px;font-weight:800;text-transform:uppercase}.saved-element-card h4{margin:5px 0 6px;font-size:13px}.saved-element-content{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.saved-element-meta{display:block;margin-top:9px;color:#d7ad82;font-size:9px;text-transform:capitalize}
@media(max-width:900px){.analyzer-intro,.analyzer-shell{grid-template-columns:1fr}.analyzer-intro{gap:24px}.analyzer-input-panel,.analyzer-output-panel{min-height:auto}.analysis-empty,.analysis-progress{min-height:330px}}
@media(max-width:520px){.analyzer-intro{padding-top:48px}.analyzer-intro h1{font-size:46px}.analyzer-shell{padding:0 16px}.analyzer-input-panel,.analyzer-output-panel{padding:16px}.product-tag{display:none}.analyzer-brand img{width:114px}.beat-list article{grid-template-columns:1fr}.beat-list dl{grid-template-columns:70px 1fr}.saved-elements-heading{align-items:start;flex-direction:column}.saved-elements-grid{grid-template-columns:1fr}}