:root{color-scheme:dark;--bg: #050505;--surface: #0d0d0d;--surface-elevated: #141414;--surface-muted: #1c1c1c;--ink: #f6f4ef;--muted: #a8a49d;--quiet: #737069;--border: rgba(255, 255, 255, .11);--border-strong: rgba(255, 255, 255, .2);--accent: #d8cdb8;--accent-strong: #fff2d8;--link: #d9e8ff;--radius: 8px;--shadow: 0 18px 60px rgba(0, 0, 0, .42);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;margin:0;color:var(--ink);background:var(--bg);line-height:1.5}body.has-open-modal{overflow:hidden}a{color:inherit}img{display:block;max-width:100%}button,input,select{font:inherit}.shell{width:min(1460px,calc(100% - 36px));margin:0 auto}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:#050505e0;backdrop-filter:blur(22px)}.topbar__inner{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-weight:720}.brand__mark{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--bg);background:var(--ink);font-size:12px}.nav{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px}.nav a{text-decoration:none}.nav a:hover{color:var(--ink)}.page{padding:30px 0 72px}.dashboard-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;align-items:stretch;margin-bottom:22px}.intro,.panel,.reference-card,.metadata-table,.packet-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:none}.intro{padding:28px}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:11px;font-weight:760;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:980px;margin-bottom:14px;font-size:clamp(34px,4.5vw,64px);line-height:.98;letter-spacing:0;font-weight:700}h2{margin-bottom:10px;font-size:20px;letter-spacing:0;font-weight:660}h3{margin-bottom:8px;color:var(--ink);font-size:14px;font-weight:680}.lede{max-width:820px;margin-bottom:0;color:var(--muted);font-size:16px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{min-height:98px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.stat strong{display:block;color:var(--ink);font-size:30px;line-height:1;font-weight:700}.stat span{display:block;margin-top:8px;color:var(--quiet);font-size:13px}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(4,minmax(140px,210px));gap:10px;margin-bottom:18px}.toolbar input,.toolbar select{min-height:42px;width:100%;border:1px solid var(--border);border-radius:var(--radius);background:#0b0b0b;color:var(--ink);padding:0 12px}.toolbar input::placeholder{color:var(--quiet)}.toolbar input:focus,.toolbar select:focus,.button:focus{outline:3px solid rgba(216,205,184,.18);border-color:var(--accent)}.review-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px) minmax(130px,190px) minmax(130px,190px) minmax(160px,230px);gap:10px;align-items:start;margin-bottom:18px}.review-tabs{display:flex;flex-wrap:wrap;gap:8px}.review-tabs button{min-height:38px;border:1px solid var(--border);border-radius:var(--radius);background:#0b0b0b;color:var(--muted);cursor:pointer;padding:0 11px;font-size:13px;font-weight:680}.review-tabs button.is-active{border-color:var(--ink);background:var(--ink);color:#050505}.review-toolbar select{min-height:38px;width:100%;border:1px solid var(--border);border-radius:var(--radius);background:#0b0b0b;color:var(--ink);padding:0 11px}.review-list{display:grid;gap:16px}.review-item{display:grid;grid-template-columns:minmax(230px,.42fr) minmax(0,1fr);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.review-item__image{display:block;min-height:260px;background:#000;border-right:1px solid var(--border);overflow:hidden}.review-item__image img{width:100%;height:100%;object-fit:cover;object-position:top center}.review-item__body{padding:18px}.review-item__topline{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--quiet);font-size:11px;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.review-item h3{margin:8px 0 10px;font-size:22px}.review-item h3 a{text-decoration:none}.review-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.review-badges span{display:inline-flex;min-height:27px;align-items:center;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:#090909;padding:0 9px;font-size:12px}.score-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:14px 0}.score-grid div{border:1px solid var(--border);border-radius:var(--radius);background:#090909;padding:9px}.score-grid dt{color:var(--quiet);font-size:10px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.score-grid dd{margin:4px 0 0;color:var(--ink);font-size:20px;line-height:1;font-weight:760}.review-brief{border-left:2px solid var(--border-strong);color:var(--muted);padding-left:12px}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.library-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px;color:var(--muted)}.library-pagination p{margin:0;font-size:14px}.reference-card{overflow:hidden;background:#0c0c0c}.reference-card__image{display:block;aspect-ratio:16 / 10;overflow:hidden;background:#000;border-bottom:1px solid var(--border)}.reference-card__image img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .18s ease,filter .18s ease}.reference-card:hover .reference-card__image img{filter:brightness(1.05);transform:scale(1.015)}.reference-card__body{padding:16px}.reference-card__meta,.reference-card__footer,.meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.reference-card__meta{margin-bottom:10px;color:var(--quiet);font-size:11px;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.reference-card h2{margin-bottom:8px;font-size:18px}.reference-card h2 a{text-decoration:none}.reference-card p{min-height:72px;margin:0 0 14px;color:var(--muted);font-size:14px}.reference-card .tag{margin-bottom:12px}.reference-card__footer{color:var(--quiet);font-size:13px}.reference-card__footer a,.text-link{color:var(--link);font-weight:680;text-decoration:none}.detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:18px;align-items:start}.screenshot-stack{display:grid;gap:18px}.reference-visual-review{margin-bottom:22px}.reference-visual-sidebar{display:grid;gap:18px;position:sticky;top:84px}.reference-visual-sidebar .packet-panel{margin-top:0}.section-heading{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px}.section-heading h2{margin-bottom:0}.screenshot-frame{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:#000;box-shadow:var(--shadow)}.screenshot-frame header{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 12px;border-bottom:1px solid var(--border);color:var(--muted);background:#0a0a0a;font-size:13px}.screenshot-frame img{width:100%;background:#050505;object-fit:contain;object-position:top center}.screenshot-open{display:block;width:100%;margin:0;border:0;background:#000;padding:0;cursor:zoom-in;text-align:left}.screenshot-frame--full .screenshot-open{max-height:min(78vh,920px);overflow:auto;overscroll-behavior:contain;scrollbar-color:rgba(255,255,255,.32) #080808;scrollbar-width:thin}.screenshot-frame--full img{height:auto}.screenshot-frame--mobile .screenshot-open{max-height:min(78vh,840px)}.screenshot-frame--mobile img{width:min(100%,430px);margin:0 auto}.screenshot-grid{display:grid;grid-template-columns:.58fr 1fr;gap:18px}.screenshot-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-panel,.derived-handoff-panel{margin-bottom:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px}.workflow-panel__head,.derived-handoff-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.workflow-panel__head h2,.derived-handoff-card h3{margin-bottom:0}.status-pill{display:inline-flex;min-height:30px;align-items:center;border:1px solid var(--border-strong);border-radius:999px;color:var(--accent);background:#090909;padding:0 10px;font-size:12px;font-weight:760;white-space:nowrap}.workflow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.workflow-steps li{min-height:138px;border:1px solid var(--border);border-radius:var(--radius);background:#090909;padding:12px}.workflow-steps li>span{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--border-strong);border-radius:999px;color:var(--quiet);font-size:12px;font-weight:800}.workflow-steps strong{display:block;margin-top:10px;color:var(--muted);font-size:13px}.workflow-steps p{margin:6px 0 0;color:var(--quiet);font-size:12px}.workflow-steps li.is-complete{border-color:#d8cdb85c;background:#10100f}.workflow-steps li.is-complete>span{border-color:var(--accent);color:#050505;background:var(--accent)}.workflow-steps li.is-current{box-shadow:inset 0 0 0 1px var(--accent)}.workflow-steps li.is-current strong{color:var(--ink)}.workflow-actions,.derived-handoff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.command-card,.derived-handoff-card{border:1px solid var(--border);border-radius:var(--radius);background:#090909;padding:14px}.command-card pre,.derived-handoff-card pre{max-height:180px}.derived-handoff-card p{color:var(--muted)}.command-list{display:grid;gap:8px;margin-top:12px}.comparison-panel{margin-bottom:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px}.comparison-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.comparison-panel__head h2{margin-bottom:0}.comparison-code{display:inline-flex;min-height:32px;align-items:center;border:1px solid var(--border);border-radius:var(--radius);color:var(--accent);background:#090909;padding:0 10px;font-size:12px;font-weight:760;white-space:nowrap}.version-switcher{display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.version-switcher button{min-height:32px;border:1px solid var(--border);border-radius:var(--radius);background:#090909;color:var(--muted);cursor:pointer;padding:0 10px;font-size:12px;font-weight:760}.version-switcher button.is-active{border-color:var(--ink);background:var(--ink);color:#050505}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}.comparison-card{min-height:420px;box-shadow:none}.comparison-card__media{max-height:560px;overflow:auto;overscroll-behavior:contain;scrollbar-color:rgba(255,255,255,.32) #080808;scrollbar-width:thin}.comparison-card img{width:100%;height:auto}.comparison-version{display:none}.comparison-version.is-active{display:block}.comparison-caption{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--border);color:var(--muted);background:#090909;padding:10px 12px;font-size:13px}.comparison-unavailable{display:grid;min-height:360px;place-items:center;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted);background:#080808;padding:24px;text-align:center}.comparison-unavailable strong{color:var(--accent);font-size:22px}.panel,.packet-panel{padding:18px}.panel p,.packet-panel p{color:var(--muted)}.metadata-table{overflow:hidden}.meta-row{align-items:flex-start;padding:12px 14px;border-bottom:1px solid var(--border)}.meta-row:last-child{border-bottom:0}.meta-row span:first-child{flex:0 0 140px;color:var(--quiet);font-size:11px;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.meta-row span:last-child{color:var(--muted);text-align:right}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.tag{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:#0a0a0a;font-size:12px}.tag--cms,.review-badges .tag--cms{border-color:#7ad4ab6b;color:#b8f3d7;background:#358d6229}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--radius);background:#0a0a0a;color:var(--ink);padding:0 12px;cursor:pointer;font-weight:700;text-decoration:none}.button:hover{border-color:var(--accent)}.button--primary{border-color:var(--ink);color:#050505;background:var(--ink)}.packet-panel{margin-top:18px}pre{max-height:520px;margin:12px 0 0;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:#050505;color:#f7f2e8;padding:14px;font-size:12px;line-height:1.55}.empty-state{grid-column:1 / -1;display:none;padding:30px;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted);background:var(--surface);text-align:center}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.55fr);gap:18px;align-items:start}.studio-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.studio-field{display:grid;gap:7px;color:var(--muted);font-size:13px}.studio-field span,.studio-options legend{color:var(--quiet);font-size:11px;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.studio-field--wide{grid-column:1 / -1}.studio-field input,.studio-field select,.studio-field textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:#0b0b0b;color:var(--ink);padding:10px 12px}.studio-field input,.studio-field select{min-height:42px}.studio-field textarea{min-height:190px;resize:vertical;line-height:1.5}.studio-field input:focus,.studio-field select:focus,.studio-field textarea:focus{outline:3px solid rgba(216,205,184,.18);border-color:var(--accent)}.studio-options{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px;margin:0;border:0;padding:0}.studio-options label{display:inline-flex;min-height:34px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius);background:#090909;color:var(--muted);padding:0 10px;font-size:13px}.studio-options input{width:15px;height:15px;accent-color:var(--accent)}.studio-advanced{grid-column:1 / -1;border:1px solid var(--border);border-radius:var(--radius);background:#090909;color:var(--muted)}.studio-advanced summary{min-height:42px;display:flex;align-items:center;cursor:pointer;padding:0 12px;color:var(--quiet);font-size:12px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.studio-advanced[open] summary{border-bottom:1px solid var(--border)}.studio-advanced__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px}.studio-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px}.studio-actions .button[disabled]{cursor:wait;opacity:.68}.studio-command{margin-top:0}.job-progress{height:9px;overflow:hidden;border:1px solid var(--border);border-radius:999px;background:#090909;margin:16px 0 12px}.job-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d8cdb8,#f3ead6);transition:width .24s ease}.job-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px;padding:0;list-style:none}.job-steps li{min-height:31px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;color:var(--quiet);background:#090909;font-size:11px;font-weight:760;letter-spacing:.04em;text-transform:uppercase}.job-steps li.is-active{border-color:var(--accent);color:var(--accent);background:#d8cdb81a}.job-steps li.is-complete{border-color:#7ed3216b;color:#b8ee82;background:#7ed32117}.job-steps li.is-failed{border-color:#ff696973;color:#ff9b9b;background:#ff69691a}.screenshot-modal{position:fixed;inset:0;z-index:100;display:none;background:#000000db;backdrop-filter:blur(16px);padding:18px}.screenshot-modal.is-open{display:block}.screenshot-modal__dialog{width:min(1680px,100%);height:100%;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius);background:#030303;box-shadow:0 28px 90px #0000009e}.screenshot-modal__header{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border);padding:0 14px;background:#080808}.screenshot-modal__header h2{margin:0;color:var(--ink);font-size:15px}.screenshot-modal__close{min-height:34px;border:1px solid var(--border-strong);border-radius:var(--radius);background:#111;color:var(--ink);cursor:pointer;padding:0 12px}.screenshot-modal__body{flex:1;overflow:auto;background:#000;scrollbar-color:rgba(255,255,255,.32) #080808;scrollbar-width:thin}.screenshot-modal__body img{width:min(100%,1600px);height:auto;margin:0 auto;background:#000}.figma-job-dialog{width:min(1180px,100%);height:auto;max-height:calc(100vh - 36px)}.figma-job-modal__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:18px;overflow:auto;padding:18px}@media(max-width:1060px){.dashboard-head,.detail-layout,.comparison-grid,.studio-layout,.figma-job-modal__body{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr 1fr}.review-toolbar,.review-item{grid-template-columns:1fr}.review-item__image{border-right:0;border-bottom:1px solid var(--border)}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-advanced__grid{grid-template-columns:1fr}}@media(max-width:720px){.shell{width:min(100% - 22px,1460px)}.topbar__inner,.nav{align-items:flex-start;flex-direction:column;justify-content:center}.topbar__inner{padding:12px 0}.toolbar,.review-toolbar,.reference-grid,.screenshot-grid,.screenshot-grid--wide,.studio-form{grid-template-columns:1fr}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-panel__head{display:block}.workflow-steps,.workflow-actions,.derived-handoff-grid{grid-template-columns:1fr}.comparison-code{margin-top:10px;white-space:normal}h1{font-size:36px}.meta-row{display:block}.meta-row span:last-child{display:block;margin-top:4px;text-align:left}}