*,:before,:after{box-sizing:border-box}html{background:#f4f7fb;min-width:320px}body{min-height:100vh;margin:0}button,input,select,textarea{font:inherit}:root{--bg:#eef3f8;--bg-deep:#dfe8f2;--surface:#ffffffd6;--surface-solid:#fff;--surface-soft:#f7f9fce0;--surface-tint:#eef6ff;--ink:#111827;--text:#273244;--muted:#697586;--faint:#9aa8ba;--line:#94a3b838;--line-strong:#64748b47;--primary:#1473e6;--primary-strong:#0756c5;--primary-soft:#e8f2ff;--success:#0e9f6e;--warning:#c27803;--danger:#d92d20;--danger-soft:#fff1f0;--shadow-sm:0 10px 30px #1a274112;--shadow-md:0 22px 60px #1a27411c;--glass-highlight:inset 0 1px 0 #fffc;--radius:8px;--font-scale:1}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 8% -8%, #1473e629, transparent 34rem), radial-gradient(circle at 92% 0%, #0e9f6e1a, transparent 30rem), linear-gradient(180deg, #fbfdff 0, var(--bg) 420px, var(--bg-deep) 100%), var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:calc(15px * var(--font-scale));text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button{border:0}a{color:var(--primary-strong);text-decoration:none}a:hover{text-decoration:underline}#app{min-height:100vh}.app-shell{grid-template-rows:auto minmax(0,1fr);min-height:100vh;display:grid}.app-shell--standalone{grid-template-rows:minmax(0,1fr)}.topbar{z-index:10;-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:#f7fafdb8;border-bottom:1px solid #94a3b833;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:24px;padding:14px 30px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{border-radius:var(--radius);background:linear-gradient(135deg, #ffffffe0, #e8f2ffe6), var(--primary-soft);width:40px;height:40px;color:var(--primary-strong);font-size:calc(13px * var(--font-scale));letter-spacing:0;box-shadow:0 10px 24px #1473e624, var(--glass-highlight);border:1px solid #1473e629;place-items:center;font-weight:850;display:grid}.brand strong,.brand span{display:block}.brand strong{color:var(--ink);font-weight:850}.brand span{color:var(--muted);font-size:calc(12px * var(--font-scale));font-weight:650}.menu-list{border-radius:var(--radius);box-shadow:var(--glass-highlight), 0 12px 28px #1a27410f;-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:#ffffffb8;border:1px solid #94a3b82e;justify-self:center;align-items:center;gap:3px;padding:4px;display:inline-flex}.menu-item{color:#475467;text-align:center;cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;min-width:116px;min-height:38px;padding:0 14px;text-decoration:none;transition:background .16s,color .16s,box-shadow .16s;display:inline-flex}.menu-item:hover{background:var(--surface-soft);color:var(--ink);text-decoration:none}.menu-item.active{color:#fff;background:#111827f0;box-shadow:0 10px 22px #1118272e}.menu-item span{font-weight:800}.topbar-account{justify-self:end;align-items:center;gap:10px;min-width:0;display:inline-flex}.font-size-control{border-radius:var(--radius);box-shadow:var(--glass-highlight);background:#ffffffb8;border:1px solid #94a3b838;grid-template-columns:repeat(3,minmax(38px,auto));align-items:center;display:inline-grid;overflow:hidden}.font-size-button{color:#475467;cursor:pointer;min-width:0;height:34px;font-size:calc(12px * var(--font-scale));background:0 0;border-left:1px solid #94a3b829;place-items:center;padding:0 10px;font-weight:900;display:grid}.font-size-button:first-child{border-left:0}.font-size-button:hover{background:var(--surface-soft);color:var(--primary-strong)}.font-size-button.active{color:#fff;background:#111827f0}.topbar-account>span{min-width:0;color:var(--ink);font-size:calc(13px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;font-weight:850;overflow:hidden}.topbar-logout{min-height:36px;padding:0 12px}.workspace{min-width:0;padding:30px}.app-shell--standalone .workspace{padding:0;display:grid}.page-panel{gap:18px;width:min(100%,1360px);margin:0 auto;display:grid}.remote-browser-workspace{gap:14px;display:grid}.remote-browser-toolbar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--glass-highlight);flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.remote-browser-toolbar span{color:var(--muted);font-size:calc(13px * var(--font-scale));font-weight:700}.remote-browser-main{border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#111827;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.remote-browser-display-toolbar{z-index:5;border-bottom:1px solid var(--line-strong);background:#fffffff5;justify-content:flex-end;align-items:center;gap:8px;padding:8px 10px;display:flex;position:sticky;top:0}.remote-browser-restricted-status{color:var(--muted);font-size:calc(12px * var(--font-scale));margin-right:auto;font-weight:800}.remote-browser-display-toolbar .ghost-button{min-height:36px;padding:7px 12px}.remote-browser-zoom-value{border:1px solid var(--line);background:var(--surface);min-width:62px;min-height:36px;color:var(--text);cursor:pointer;border-radius:9px;font-weight:800}.remote-browser-stage{background:#111827;min-width:0;overflow:auto}.remote-browser-viewport{min-width:100%;position:relative;overflow:hidden}.remote-browser-main:fullscreen{border:0;border-radius:0;width:100vw;height:100vh}.remote-browser-canvas,.remote-browser-frame,.remote-browser-empty{width:100%;height:100%;display:block;position:absolute;inset:0}.remote-browser-canvas{z-index:2;cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0}.remote-browser-notice-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.remote-browser-notice{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(520px,100%);box-shadow:var(--shadow-md);gap:14px;padding:24px;display:grid}.remote-browser-notice h2,.remote-browser-notice p,.remote-browser-notice ul{margin:0}.remote-browser-notice ul{color:var(--muted);gap:7px;padding-left:20px;display:grid}.remote-browser-notice .primary-light{justify-self:end}.remote-browser-notice-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.remote-browser-viewport.is-selecting .remote-browser-canvas{cursor:crosshair}.remote-browser-frame{z-index:1;object-fit:fill;pointer-events:none}.remote-browser-highlight{z-index:3;pointer-events:none;background:#60a5fa24;border:2px solid #2563eb;position:absolute;box-shadow:inset 0 0 0 1px #ffffff8f}.remote-browser-empty{z-index:1;color:#fff;background:#111827;place-items:center;font-weight:800;display:grid}.recorded-actions{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:10px;padding:14px;display:grid}.recorded-actions h3{color:var(--ink);font-size:calc(15px * var(--font-scale));margin:0}.recorded-action{min-width:0}.recorded-action code{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-heading{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.eyebrow{color:var(--primary);font-size:calc(12px * var(--font-scale));letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-weight:850}h1,h2{color:var(--ink);margin:0;line-height:1.1}h1{font-size:calc(30px * var(--font-scale));font-weight:850}h2{font-size:calc(21px * var(--font-scale));font-weight:850}.url-picker,.result-table{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%)}.url-picker{gap:8px;padding:12px;display:grid}.url-picker select{border:1px solid var(--line-strong);min-width:0;min-height:44px;color:var(--ink);background:#fff;border-radius:7px;outline:none;padding:0 13px}.url-picker select:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb1f}.primary-light,.ghost-button{cursor:pointer;border-radius:7px;min-height:42px;padding:0 14px;font-weight:800;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}.primary-light{background:linear-gradient(180deg, #2385f7, var(--primary));color:#fff;box-shadow:0 12px 26px #1473e63d, var(--glass-highlight)}.primary-light:hover{background:linear-gradient(180deg, #1473e6, var(--primary-strong));transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45}.ghost-button{color:#344054;box-shadow:var(--glass-highlight);background:#ffffffc2;border:1px solid #64748b33;justify-content:center;align-items:center;gap:8px;display:inline-flex}.ghost-button:hover,.icon-button:hover{background:#fffffff2;border-color:#1473e63d}.ghost-button.active{background:var(--primary-soft);color:var(--primary-strong);border-color:#1473e64d}.single-url-form{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm), var(--glass-highlight);-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);gap:18px;padding:22px;display:grid}.form-section-heading h2,.form-section-heading p{margin:0}.form-section-heading p,.form-field small,.form-footer>span{color:var(--muted);font-size:calc(13px * var(--font-scale))}.form-section-heading p{margin-top:6px}.form-field{gap:7px;display:grid}.form-field>span{color:#344054;font-size:calc(13px * var(--font-scale));font-weight:850}.form-field-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.form-field input{border:1px solid var(--line-strong);min-width:0;min-height:44px;color:var(--ink);background:#fff;border-radius:7px;outline:none;padding:0 13px}.form-field input:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb1f}.form-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding-top:18px;display:flex}.ghost-button span{color:#344054;min-width:24px;height:24px;font-size:calc(12px * var(--font-scale));background:#eef2f6;border-radius:999px;place-items:center;font-weight:800;display:grid}.inline-error{border-radius:var(--radius);color:var(--danger);font-size:calc(13px * var(--font-scale));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff1f0d1;border:1px solid #d92d2038;margin:0;padding:10px 12px;font-weight:700}.loading-scope{position:relative}.loading-mask{z-index:20;border-radius:inherit;-webkit-backdrop-filter:blur(2px)saturate(110%);backdrop-filter:blur(2px)saturate(110%);background:#eef3f8e6;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.loading-mask--view{border-radius:0;position:fixed;inset:69px 0 0}.loading-spinner{border:3px solid #1473e629;border-top-color:var(--primary);background:#ffffffb8;border-radius:999px;width:34px;height:34px;animation:.82s linear infinite loading-spin;box-shadow:0 10px 24px #1a27411f}.toast-host{z-index:100;pointer-events:none;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed;top:18px;right:18px}.toast-item{border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow-md), var(--glass-highlight);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);pointer-events:auto;background:#fffffff0;border:1px solid #94a3b83d;grid-template-columns:10px minmax(0,1fr) 30px;align-items:start;gap:12px;padding:13px 12px;display:grid}.toast-dot{background:var(--primary);border-radius:999px;width:10px;height:10px;margin-top:5px}.toast-item--success .toast-dot{background:var(--success)}.toast-item--error .toast-dot{background:var(--danger)}.toast-item strong{min-width:0;color:var(--ink);font-size:calc(14px * var(--font-scale));overflow-wrap:anywhere;font-weight:900;display:block}.toast-item p{min-width:0;color:var(--muted);font-size:calc(13px * var(--font-scale));overflow-wrap:anywhere;margin:3px 0 0;font-weight:650}.toast-item button{width:30px;height:30px;color:var(--faint);cursor:pointer;font-size:calc(20px * var(--font-scale));background:0 0;border-radius:6px;place-items:center;line-height:1;display:grid}.toast-item button:hover{color:var(--ink);background:#f2f4f7e6}.mask-fade-enter-active,.mask-fade-leave-active,.toast-slide-enter-active,.toast-slide-leave-active{transition:opacity .18s,transform .18s}.mask-fade-enter-from,.mask-fade-leave-to{opacity:0}.toast-slide-enter-from,.toast-slide-leave-to{opacity:0;transform:translateY(-6px)}.toast-slide-move{transition:transform .18s}@keyframes loading-spin{to{transform:rotate(360deg)}}.auth-page{place-items:center;min-height:100vh;padding:30px;display:grid}.auth-panel{border-radius:var(--radius);width:min(100%,420px);box-shadow:var(--shadow-md), var(--glass-highlight);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:#ffffffd1;border:1px solid #94a3b838;gap:16px;padding:28px;display:grid}.auth-head{gap:6px;display:grid}.auth-field{gap:7px;display:grid}.auth-field span{color:var(--muted);font-size:calc(13px * var(--font-scale));font-weight:850}.auth-field input{border:1px solid var(--line-strong);min-width:0;min-height:44px;color:var(--ink);background:#fff;border-radius:7px;outline:none;padding:0 13px}.auth-field input:focus{border-color:#1473e68f;box-shadow:0 0 0 4px #2563eb1f}.auth-actions{gap:10px;display:flex}.auth-actions button{flex:1}.empty-state{text-align:center;place-content:center;gap:8px;min-height:660px;padding:24px;display:grid}.empty-state h2{font-size:calc(22px * var(--font-scale))}.empty-state p{max-width:520px;color:var(--muted);margin:0 auto}.result-table{overflow:hidden}.table-head{background:#f8fafc9e;border-bottom:1px solid #94a3b82e;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.table-head strong{color:var(--ink);font-weight:850}.table-head span{color:var(--muted);font-size:calc(13px * var(--font-scale));font-weight:700}.url-row,.change-row{border-top:1px solid #eef2f6;justify-content:space-between;gap:18px;padding:16px;display:flex}.url-row:first-of-type,.change-row:first-of-type{border-top:0}.url-row:hover,.change-row:hover{background:#fcfcfd}.url-row div,.change-row div{gap:4px;min-width:0;display:grid}.url-row strong,.url-row a,.change-row a{overflow-wrap:anywhere}.url-row strong,.change-row strong{color:var(--ink);font-weight:850}.url-row small,.change-row small{color:var(--muted);flex:none}.change-row p{color:#475467;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.list-empty{color:var(--muted);padding:20px 16px}.dashboard-panel{align-content:start;gap:20px;min-height:calc(100vh - 120px)}.glass-panel{border-radius:var(--radius);box-shadow:var(--shadow-sm), var(--glass-highlight);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:#ffffffb8;border:1px solid #94a3b833}.section-kicker{color:var(--primary);font-size:calc(12px * var(--font-scale));letter-spacing:0;text-transform:uppercase;font-weight:900}.dashboard-overview{gap:16px;padding:20px;display:grid}.dashboard-hero{justify-content:space-between;align-items:center;gap:22px;display:flex}.dashboard-hero div:first-child{max-width:660px;display:grid}.dashboard-hero h1{font-size:calc(34px * var(--font-scale))}.dashboard-meta{color:var(--muted);font-size:calc(13px * var(--font-scale));flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-weight:750;display:flex}.dashboard-meta span{min-height:36px;box-shadow:var(--glass-highlight);background:#ffffff9e;border:1px solid #94a3b82e;border-radius:999px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.dashboard-meta strong{color:var(--ink);font-size:calc(14px * var(--font-scale));font-weight:850}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.hero-metric{border-radius:var(--radius);min-height:124px;box-shadow:var(--glass-highlight);background:#ffffffb3;border:1px solid #94a3b82e;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:16px;display:grid;position:relative;overflow:hidden}.hero-metric:after{content:"";background:#1473e633;border-radius:999px;width:38px;height:4px;position:absolute;bottom:14px;right:16px}.primary-metric{background:linear-gradient(135deg, #ffffffdb 0%, #e8f2ffeb 100%), var(--surface-tint);border-color:#1473e642}.hero-metric span{color:var(--muted);font-size:calc(13px * var(--font-scale));font-weight:800}.hero-metric strong{min-height:48px;color:var(--ink);overflow-wrap:anywhere;font-size:calc(32px * var(--font-scale));align-items:center;font-weight:900;line-height:1.08;display:flex}.primary-metric strong{color:var(--primary-strong)}.hero-metric small{color:var(--faint);font-size:calc(12px * var(--font-scale));font-weight:700}.time-metric strong{font-size:calc(32px * var(--font-scale));line-height:1.08}.dashboard-query{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:2px 0 0;display:grid}.dashboard-search{grid-template-columns:1fr}.dashboard-results{box-shadow:var(--shadow-sm), var(--glass-highlight);-webkit-backdrop-filter:blur(20px)saturate(145%);backdrop-filter:blur(20px)saturate(145%);background:#ffffff94;border:1px solid #94a3b82e;overflow:hidden}.dashboard-results .table-head{background:#f8fafc8a;border-bottom:1px solid #94a3b838;padding:15px 18px}.query-fields{grid-template-columns:minmax(240px,1.7fr) repeat(2,minmax(150px,1fr)) minmax(118px,.72fr) minmax(86px,auto) 112px;align-items:end;gap:12px;display:grid}.date-field{gap:6px;display:grid}.date-field span{color:var(--muted);font-size:calc(12px * var(--font-scale));font-weight:800}.date-field input,.date-field select{min-width:0;min-height:44px;color:var(--ink);cursor:pointer;box-shadow:var(--glass-highlight);background:#ffffffd1;border:1px solid #64748b3d;border-radius:7px;outline:none;padding:0 12px}.date-field input:disabled,.date-field select:disabled{color:var(--faint);background:#f2f4f7}.date-field input:focus,.date-field select:focus{border-color:#1473e68f;box-shadow:0 0 0 4px #2563eb1f}.check-field{min-height:44px;color:var(--ink);cursor:pointer;font-size:calc(13px * var(--font-scale));align-items:center;gap:8px;font-weight:850;display:inline-flex}.check-field input,.row-check input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.dashboard-result-item{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #94a3b829;grid-template-columns:24px minmax(220px,1.1fr) minmax(160px,auto) minmax(150px,auto) 28px;align-items:center;gap:18px;padding:18px 18px 18px 26px;transition:background .16s,transform .16s,box-shadow .16s;display:grid;position:relative}.dashboard-result-item:first-of-type{border-top:0}.dashboard-result-item:before{content:"";background:0 0;border-radius:999px;width:3px;transition:background .16s;position:absolute;top:16px;bottom:16px;left:12px}.row-check{cursor:pointer;place-items:center;width:24px;height:24px;display:grid}.row-check input:disabled{cursor:progress}.result-main{min-width:0;display:grid}.result-title-line{white-space:nowrap;align-items:baseline;gap:9px;min-width:0;display:flex;overflow:hidden}.result-title-line strong{min-width:0;max-width:48%;color:var(--ink);font-size:calc(17px * var(--font-scale));text-overflow:ellipsis;flex:0 auto;font-weight:900;overflow:hidden}.result-url,.result-url{min-width:0;color:var(--muted);font-size:calc(13px * var(--font-scale));text-overflow:ellipsis;flex:140px;font-weight:700;overflow:hidden}.result-version{min-width:168px;color:var(--muted);text-align:right;flex-direction:column;place-items:flex-end end;gap:6px;display:flex}.version-line{min-height:34px;box-shadow:var(--glass-highlight);background:#ffffffad;border:1px solid #94a3b82e;border-radius:999px;align-items:center;gap:8px;padding:0 11px;display:inline-flex}.version-line span{font-size:calc(12px * var(--font-scale));font-weight:850}.version-line strong{color:var(--ink);font-size:calc(18px * var(--font-scale));font-weight:900;line-height:1.1}.result-version time{font-size:calc(12px * var(--font-scale));font-weight:750}.result-stats{flex-wrap:wrap;justify-content:center;gap:7px;min-width:0;display:flex}.stat-chip{color:#475467;min-height:28px;font-size:calc(13px * var(--font-scale));box-shadow:var(--glass-highlight);background:#ffffffa8;border:1px solid #94a3b82e;border-radius:999px;align-items:center;padding:0 9px;font-weight:800;display:inline-flex}.stat-change{color:#3538cd;background:#eef4ffd1;border-color:#3538cd29}.dashboard-result-item:hover{box-shadow:none;background:#ffffffad;transform:translateY(-1px)}.dashboard-result-item:hover:before{background:var(--primary)}.dashboard-result-item:focus-visible{outline-offset:-3px;outline:3px solid #2563eb3d}.pagination-row{border-top:1px solid #94a3b82e;justify-content:flex-end;align-items:center;gap:12px;padding:12px 16px;display:flex}.row-chevron{width:28px;height:28px;color:var(--faint);font-size:calc(24px * var(--font-scale));box-shadow:var(--glass-highlight);background:#ffffffc2;border-radius:999px;place-items:center;line-height:1;transition:color .16s,transform .16s;display:grid}.dashboard-result-item:hover .row-chevron{color:var(--primary);transform:translate(2px)}.pagination-row span{color:var(--muted);font-size:calc(13px * var(--font-scale));font-weight:800}.detail-toolbar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:12px;padding:0;display:flex}.detail-toolbar span{color:var(--muted);font-size:calc(13px * var(--font-scale));font-weight:800}.detail-change-item{gap:16px;min-width:0;padding:18px;display:grid}.detail-skeleton{min-height:min(620px,100vh - 168px)}.skeleton-stack,.skeleton-body,.skeleton-panel{min-width:0;display:grid}.skeleton-stack,.skeleton-body{gap:10px}.skeleton-panel{align-content:start}.skeleton-panel-head{background:#f8fafcb8;border-bottom:1px solid #94a3b829;min-height:44px}.skeleton-body{padding:14px}.skeleton-line,.skeleton-pill{background:#94a3b833;border-radius:6px;display:block}.skeleton-line{width:64%;height:14px}.skeleton-line-title{width:180px;height:24px}.skeleton-line-wide{width:86%}.skeleton-line-short{width:42%}.skeleton-pill{width:58px;height:14px}.skeleton-columns{margin-top:4px}.skeleton-columns>div{min-height:132px}.change-summary h2{margin:0}.detail-summary{justify-content:space-between;align-items:center;gap:18px;padding:0;display:flex}.detail-summary div{min-width:0}.detail-summary span,.detail-stats span,.block-columns span{color:var(--muted);font-size:calc(12px * var(--font-scale));font-weight:850}.detail-stats{flex-wrap:wrap;gap:7px;display:flex}.detail-stats div{color:#475467;min-height:28px;box-shadow:var(--glass-highlight);background:#ffffffa8;border:1px solid #94a3b82e;border-radius:999px;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.detail-stats span{color:inherit;font-size:calc(13px * var(--font-scale))}.detail-stats strong{min-width:0;color:inherit;font-size:calc(13px * var(--font-scale));overflow-wrap:anywhere;font-weight:900}.detail-stats div:first-child{color:#027a48;background:#ecfdf3d1;border-color:#0e9f6e2e}.detail-stats div:nth-child(2){color:#b54708;background:#fffaebd6;border-color:#c2780333}.detail-stats div:nth-child(3){color:#b42318;background:#fef3f2d6;border-color:#d92d2029}.content-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.content-field{border-radius:var(--radius);min-width:0;box-shadow:var(--glass-highlight);background:#ffffff8f;border:1px solid #94a3b82e;align-content:start;display:grid}.content-field h3{min-width:0;min-height:44px;color:var(--muted);font-size:calc(12px * var(--font-scale));overflow-wrap:anywhere;border-bottom:1px solid #94a3b829;align-items:center;margin:0;padding:0 14px;font-weight:850;display:flex}.content-field p,.block-columns p,.block-single p{color:#344054;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0}.content-field p{background:#f8fafcbd;padding:12px 14px}.compare-result-panel{border-radius:var(--radius);min-width:0;box-shadow:var(--glass-highlight);background:#ffffff8f;border:1px solid #94a3b82e;align-content:start;display:grid;overflow:hidden}.compare-result-panel>header{border-bottom:1px solid #94a3b829;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:44px;padding:0 14px;display:flex}.compare-result-panel>header strong{min-width:0;color:var(--ink);font-size:calc(13px * var(--font-scale));overflow-wrap:anywhere;font-weight:900}.compare-result-panel>header span,.change-group-head span{min-width:0;color:var(--muted);font-size:calc(12px * var(--font-scale));overflow-wrap:anywhere;font-weight:850}.change-group{border-radius:var(--radius);min-width:0;box-shadow:var(--glass-highlight);background:#ffffff8a;border:1px solid #94a3b82e;gap:0;margin:14px;display:grid;overflow:hidden}.compare-result-panel>header+.change-group{margin-top:14px}.change-group-head{background:#f8fafcb8;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.change-block{border-top:1px solid #94a3b829;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:14px;display:grid}.change-index{width:30px;height:30px;color:var(--muted);font-size:calc(13px * var(--font-scale));box-shadow:var(--glass-highlight);background:#ffffffc7;border:1px solid #94a3b838;border-radius:999px;place-items:center;font-weight:900;display:grid}.block-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.block-columns>div,.block-single{border-radius:var(--radius);min-width:0;box-shadow:none;background:#f8fafcad;border:0;align-content:start;gap:8px;padding:12px;display:grid}.segments{color:#344054;min-width:0;font-size:calc(13px * var(--font-scale));overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;line-height:1.75;display:block}.segment{-webkit-box-decoration-break:clone;box-decoration-break:clone;min-width:0;font-size:inherit;line-height:inherit;overflow-wrap:anywhere;word-break:break-word;border-radius:4px;padding:1px 2px;display:inline}.change-type-badge{min-height:30px;font-size:calc(13px * var(--font-scale));border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.change-type-add{color:#027a48;background:#ecfdf3e6}.change-type-delete{color:#b42318;background:#fef3f2eb}.change-type-modify{color:#b54708;background:#fffaebeb}.change-type-equal{color:#475467;background:#f2f4f7e6}.segment-add{color:#027a48;background:#ecfdf3}.segment-delete{color:#b42318;background:#fef3f2;text-decoration:line-through}.segment-modify{color:#b54708;background:#fffaeb}.segment-equal{color:#475467;background:#f2f4f7}.drawer-backdrop{z-index:20;background:#0f172a47;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;grid-template-rows:auto minmax(0,1fr) auto;width:min(480px,100%);height:100dvh;max-height:100vh;display:grid;box-shadow:-18px 0 40px #0f172a2e}.drawer-head,.drawer-actions{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.drawer-actions{border-top:1px solid var(--line);border-bottom:0}.drawer-body{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow-y:auto}.drawer-body>.loading-scope{min-height:0}.icon-button{border:1px solid var(--line);color:#344054;width:38px;height:38px;font-size:calc(24px * var(--font-scale));cursor:pointer;background:#fff;border-radius:7px;place-items:center;display:grid}.drawer-list{min-height:0;padding:12px}.element-drawer-content{align-content:start;gap:12px;display:grid}.field-card{border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfe;gap:8px;padding:14px;display:grid}.field-card span{color:var(--muted);font-size:calc(12px * var(--font-scale));text-transform:uppercase;font-weight:850}.field-card code{overflow-wrap:anywhere;color:var(--primary-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.5}.field-card p{color:#344054;white-space:pre-wrap;max-height:360px;margin:0;overflow:auto}.management-page{align-content:start;gap:20px;min-height:calc(100vh - 120px)}.management-section{gap:14px;padding:18px;display:grid}.management-bulk-bar{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.management-bulk-bar strong{color:var(--ink);font-size:calc(14px * var(--font-scale));font-weight:900}.management-bulk-actions{gap:8px;display:flex}.management-section-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.management-section-head>span{color:var(--muted);font-size:calc(13px * var(--font-scale));font-weight:800}.management-form,.management-row{align-items:end;gap:12px;display:grid}.management-form{border-radius:var(--radius);background:#f8fafcb3;border:1px solid #94a3b82e;grid-template-columns:minmax(180px,1.3fr) minmax(150px,1fr) minmax(92px,.36fr) minmax(108px,auto);padding:12px}.management-table{border-radius:var(--radius);border:1px solid #94a3b82e;display:grid;overflow:hidden}.management-row{background:#ffffff8f;border-top:1px solid #94a3b824;grid-template-columns:24px 34px 42px minmax(160px,1.1fr) minmax(78px,auto);padding:12px;transition:background .16s,box-shadow .16s,opacity .16s,transform .16s;position:relative}.group-block:first-child .management-row:first-child,.management-table>.management-row:first-child{border-top:0}.group-block{display:grid}.group-row{cursor:grab}.group-row.dragging{z-index:2;opacity:.72;background:#fffffff0;transform:scale(.992);box-shadow:0 16px 42px #0f172a29}.group-row.drop-target{background:#eff6ffeb;box-shadow:inset 4px 0 #1473e6b8,0 12px 30px #1473e61f}.group-row.drop-target:before{content:"";background:#1473e6db;border-radius:999px;height:3px;position:absolute;top:-2px;left:12px;right:12px}.group-row.drop-target--parent{outline-offset:-4px;outline:1px solid #1473e647}.group-row--child{background:#f8fafcad;grid-template-columns:24px 34px 42px minmax(160px,1.1fr) minmax(150px,.92fr) minmax(78px,auto);padding-left:34px}.row-check{justify-content:center;place-self:center;align-items:center;width:24px;min-width:24px;min-height:40px;display:inline-flex}.row-check input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.drag-handle,.sort-badge,.sort-preview{justify-content:center;align-items:center;display:inline-flex}.drag-handle{width:34px;height:40px;color:var(--muted);cursor:grab;font-size:calc(18px * var(--font-scale));background:#ffffffc2;border:1px solid #64748b33;border-radius:7px;transition:background .16s,border-color .16s,color .16s,transform .16s}.drag-handle:hover,.group-row.dragging .drag-handle,.group-row.drop-target .drag-handle{color:var(--primary-strong);background:#dbeafebd;border-color:#1473e657}.group-row.dragging .drag-handle{cursor:grabbing;transform:scale(1.04)}.sort-badge{width:34px;height:34px;color:var(--primary-strong);font-size:calc(13px * var(--font-scale));background:#1473e61a;border-radius:999px;place-self:center;font-weight:900}.sort-preview{min-height:40px;color:var(--muted);font-size:calc(12px * var(--font-scale));background:#ffffffa3;border:1px solid #64748b29;border-radius:7px;gap:8px;font-weight:850}.sort-preview strong{color:var(--primary-strong);font-size:calc(16px * var(--font-scale))}.website-table{gap:0}.website-table-head{background:#f8fafcc2;border-bottom:1px solid #94a3b824;grid-template-columns:24px minmax(160px,1fr) minmax(180px,auto);align-items:center;gap:12px;padding:10px 12px;display:grid}.website-table-head strong{color:var(--ink);font-size:calc(13px * var(--font-scale));font-weight:900}.website-table-head span{color:var(--muted);font-size:calc(12px * var(--font-scale));text-align:right;font-weight:750}.website-block{border-top:1px solid #94a3b824;display:grid}.website-block:first-of-type{border-top:0}.website-table .website-row{border-top:0;grid-template-columns:24px minmax(180px,1fr) minmax(170px,.72fr) minmax(94px,.38fr) minmax(220px,1.25fr) minmax(132px,auto)}.website-table .element-row{background:#f8fafc94;border-top:1px solid #94a3b81a;grid-template-columns:24px minmax(0,1fr) minmax(78px,auto);align-items:center;padding-left:42px}.website-empty-elements{color:var(--muted);font-size:calc(12px * var(--font-scale));background:#f8fafc6b;border-top:1px solid #94a3b81a;padding:10px 12px 10px 66px;font-weight:750}.management-form label,.management-row label{gap:6px;min-width:0;display:grid}.management-form label span,.management-row label span{color:var(--muted);font-size:calc(12px * var(--font-scale));font-weight:850}.management-form input,.management-form select,.management-row input,.management-row select{min-width:0;min-height:40px;color:var(--ink);box-shadow:var(--glass-highlight);background:#ffffffdb;border:1px solid #64748b3d;border-radius:7px;outline:none;padding:0 11px}.management-form input:focus,.management-form select:focus,.management-row input:focus,.management-row select:focus{border-color:#1473e68f;box-shadow:0 0 0 4px #2563eb1f}.management-actions{justify-content:flex-end;gap:8px;display:flex}.management-actions button{min-width:60px;min-height:40px}.danger-button{min-height:42px;color:var(--danger);cursor:pointer;background:#fff1f0e0;border:1px solid #d92d2038;border-radius:7px;padding:0 14px;font-weight:850;transition:background .16s,border-color .16s,transform .16s}.danger-button:hover{background:#fee4e2f2;border-color:#d92d205c;transform:translateY(-1px)}.website-url,.element-main{gap:4px;min-width:0;display:grid}.website-url a,.element-main code,.element-main p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.website-url small{color:var(--muted);font-size:calc(12px * var(--font-scale));font-weight:750}.element-main strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:850;overflow:hidden}.element-main code{color:var(--primary-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:calc(13px * var(--font-scale))}.element-main p{color:var(--muted);font-size:calc(13px * var(--font-scale));margin:0}.category-tree,.category-children{gap:10px;display:grid}.category-parent{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffa3;transition:border-color .16s,box-shadow .16s;overflow:hidden}.category-parent--drop{border-color:#1473e68c;box-shadow:0 0 0 4px #1473e61a}.category-row,.category-add-child,.category-unclassified{grid-template-columns:82px minmax(180px,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.category-row input,.category-add-child input{min-width:0;min-height:40px;color:var(--ink);background:#ffffffe6;border:1px solid #64748b3d;border-radius:7px;outline:none;padding:0 11px}.category-row input:focus,.category-add-child input:focus{border-color:#1473e68f;box-shadow:0 0 0 4px #2563eb1f}.category-row--parent{background:#eef6ffb8}.category-children{border-top:1px solid var(--line);padding:10px 10px 10px 28px}.category-row--child{background:#f8fafcbd;border:1px solid #94a3b829;border-radius:7px;grid-template-columns:42px minmax(180px,1fr) auto}.category-row--child[draggable=true]{cursor:grab}.category-row--child[draggable=true]:active{cursor:grabbing}.category-level{color:var(--muted);font-size:calc(12px * var(--font-scale));font-weight:850}.category-add-child{grid-template-columns:minmax(180px,1fr) auto;padding:4px 0 0}.category-unclassified{border:1px dashed var(--line-strong);border-radius:var(--radius);background:#f8fafc80}.category-unclassified small{color:var(--muted);text-align:right}@media (width<=860px){.topbar{grid-template-columns:1fr;align-items:stretch;gap:14px;padding:14px 16px}.menu-list{grid-template-columns:repeat(4,minmax(0,1fr));justify-self:stretch;display:grid}.topbar-account{justify-content:space-between;justify-self:stretch}.menu-item{min-width:0}.workspace{padding:18px}.page-heading,.drawer-actions{flex-direction:column;align-items:stretch}.dashboard-overview,.form-field-row,.summary-grid,.dashboard-query,.query-fields,.management-bulk-bar,.management-form,.management-row,.website-table .management-row,.website-table-head,.detail-stats,.content-compare,.block-columns,.category-row,.category-add-child,.category-unclassified{grid-template-columns:1fr}.category-children{padding-left:10px}.category-unclassified small{text-align:left}.management-bulk-bar,.management-bulk-actions,.form-footer{flex-direction:column;align-items:stretch}.row-check{justify-content:flex-start;place-self:stretch stretch;width:100%}.website-table .element-row,.website-empty-elements{padding-left:12px}.dashboard-result-item{grid-template-columns:24px 1fr auto}.row-check{grid-area:1/1}.result-main,.result-stats,.result-version{grid-column:2}.result-version{text-align:left;justify-items:start}.row-chevron{grid-area:1/3/span 3;align-self:end}.detail-summary,.detail-toolbar{flex-direction:column;align-items:stretch}.dashboard-hero{display:grid}.dashboard-meta{justify-content:flex-start}.empty-state{min-height:520px}}@media (width<=560px){h1{font-size:calc(13px * var(--font-scale))}.brand{align-items:flex-start}.menu-list{grid-template-columns:1fr}.url-row,.change-row{display:grid}.url-row small,.change-row small{justify-self:start}}