:root{color-scheme:light dark;--bg: #f6f8fa;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #f6f8fa;--surface-hover: #eef1f4;--border: #d6dce2;--border-strong: #b8c1cc;--text: #1c2128;--text-soft: #4a545e;--muted: #68727d;--accent: #1f6feb;--accent-hover: #1a5fd0;--accent-soft: #ddeaff;--accent-text: #0a4bb8;--ok: #1a7f37;--ok-soft: #e6f4ea;--warn: #9a6700;--warn-soft: #fdf3d7;--danger: #cf222e;--danger-soft: #ffebe9;--blocked: #68727d;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--s7: 3rem;--radius: 10px;--radius-sm: 8px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 22, 26, .06);--shadow: 0 2px 8px rgba(16, 22, 26, .08);--width: 1040px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "SF Mono", Menlo, monospace}@media (prefers-color-scheme: dark){:root{--bg: #0d1117;--bg-elevated: #161b22;--surface: #161b22;--surface-2: #1c2129;--surface-hover: #262c36;--border: #2c333d;--border-strong: #414a55;--text: #e6edf3;--text-soft: #b9c3ce;--muted: #8b949e;--accent: #4d94ff;--accent-hover: #6aa6ff;--accent-soft: #16283f;--accent-text: #86b8ff;--ok: #3fb950;--ok-soft: #12261a;--warn: #d29922;--warn-soft: #2a2113;--danger: #f85149;--danger-soft: #2d1618;--blocked: #8b949e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 4px 12px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}svg{display:block;flex:none}h1,h2,h3{margin:0;line-height:1.25;letter-spacing:-.011em;font-weight:600}p{margin:0}a{color:var(--accent)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}main{max-width:var(--width);margin:0 auto;padding:var(--s6) var(--s5) var(--s7)}.page{min-height:100vh}.app-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);position:sticky;top:0;z-index:10}.app-header-inner{max-width:var(--width);margin:0 auto;padding:0 var(--s5);display:flex;align-items:center;gap:var(--s5);min-height:60px;flex-wrap:wrap}.app-brand{display:flex;align-items:center;gap:var(--s2);font-size:.95rem;font-weight:600;color:var(--text);text-decoration:none;white-space:nowrap}.app-brand svg{color:var(--accent)}.nav-tabs{display:flex;gap:var(--s1);flex-wrap:wrap}.nav-tab{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--radius-sm);color:var(--text-soft);text-decoration:none;font-size:.9rem;font-weight:500;transition:background .15s ease,color .15s ease}.nav-tab:hover{background:var(--surface-hover);color:var(--text)}.nav-tab[aria-current=page]{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.account{display:flex;align-items:center;gap:var(--s3);margin-left:auto;font-size:.875rem}.account-email{color:var(--muted);overflow-wrap:anywhere}.account-logout{padding:var(--s1) var(--s2);background:none;border:none;color:var(--accent);font:inherit;font-weight:500;cursor:pointer;border-radius:var(--radius-sm)}.account-logout:hover{background:var(--surface-hover)}.page-head{margin-bottom:var(--s6)}.page-head h1{font-size:1.75rem;font-weight:600;margin-bottom:var(--s2)}.page-lead{color:var(--muted);font-size:1rem;max-width:62ch}.badge-privacy{display:inline-flex;align-items:center;gap:var(--s2);margin-top:var(--s4);padding:var(--s1) var(--s3);background:var(--ok-soft);color:var(--ok);border:1px solid currentColor;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:500}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s5);margin-bottom:var(--s4)}.panel-head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.panel-title{font-size:1.0625rem;font-weight:600;margin:0}.panel-num{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-size:.8125rem;font-weight:600;flex:none}.counter{margin-left:auto;padding:var(--s1) var(--s2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--muted);font-size:.8125rem;font-weight:500}.panel-note{color:var(--muted);font-size:.875rem;margin-top:var(--s3)}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s4)}.field{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.field label{font-size:.875rem;font-weight:600;color:var(--text)}.field-hint{font-size:.8125rem;line-height:1.4;color:var(--muted)}select,input[type=text],input[type=email],input[type=password],input[type=number]{width:100%;padding:var(--s2) var(--s3);background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.9375rem;font-family:inherit;transition:border-color .15s ease}select{cursor:pointer}select:hover,input:hover:not(:disabled){border-color:var(--muted)}select:disabled,input:disabled{opacity:.6;cursor:not-allowed}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,select:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:inset 0 0 0 100px var(--bg-elevated);box-shadow:inset 0 0 0 100px var(--bg-elevated);caret-color:var(--text);transition:background-color 600000s 0s,color 600000s 0s}input:autofill{background:var(--bg-elevated);color:var(--text)}input::placeholder{color:var(--muted);opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s2) var(--s4);border-radius:var(--radius-sm);border:1px solid transparent;font-size:.9375rem;font-weight:500;font-family:inherit;line-height:1.4;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.btn:disabled,.btn.is-disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-soft)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn-danger,.btn.danger{background:transparent;border-color:var(--border-strong);color:var(--danger)}.btn-danger:hover:not(:disabled),.btn.danger:hover:not(:disabled){background:var(--danger-soft);border-color:currentColor}.btn-small{padding:var(--s1) var(--s3);font-size:.8125rem}.btn-icon-only{padding:var(--s2);color:var(--muted)}.actions{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--border)}.actions-end{margin-left:auto;display:flex;gap:var(--s3);flex-wrap:wrap}.action-row{display:flex;gap:var(--s3);flex-wrap:wrap}.dropzone{display:grid;justify-items:center;gap:var(--s2);border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);padding:var(--s7) var(--s5);text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.dropzone.dragover,.dropzone.dragging{border-color:var(--accent);border-style:solid;background:var(--accent-soft)}.dropzone.has-file{border-style:solid;border-color:var(--ok);background:var(--ok-soft)}.dropzone-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:var(--s2);border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);color:var(--accent)}.dropzone-title{font-size:1rem;font-weight:600;overflow-wrap:anywhere}.dropzone-hint{color:var(--muted);font-size:.875rem;max-width:54ch}.dropzone-hint strong{color:var(--text);font-weight:600}.dropzone .btn{margin-top:var(--s3)}.dropzone input[type=file]{display:none}.notice{display:flex;align-items:flex-start;gap:var(--s2);padding:var(--s3) var(--s4);border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-soft);font-size:.9rem;margin-bottom:var(--s4)}.notice.info{border-left-color:var(--accent);background:var(--accent-soft);color:var(--text)}.notice.ok{border-left-color:var(--ok);background:var(--ok-soft);color:var(--text)}.notice.warn{border-left-color:var(--warn);background:var(--warn-soft);color:var(--text)}.notice.error{border-left-color:var(--danger);background:var(--danger-soft);color:var(--text)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--s3);margin-bottom:var(--s5)}.stat{padding:var(--s3) var(--s4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.stat-label{color:var(--muted);font-size:.8125rem;font-weight:500;margin-bottom:var(--s1)}.stat-value{font-size:1.5rem;font-weight:600;line-height:1.2}.stat-value.small{font-size:1rem;padding-top:var(--s2)}.stat-value.protected{color:var(--warn)}.stat-value.open{color:var(--ok)}.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5);padding-bottom:var(--s4);border-bottom:1px solid var(--border)}.result-name{font-size:1.125rem;font-weight:600;overflow-wrap:anywhere}.result-sub{color:var(--muted);font-size:.875rem;margin-top:var(--s1)}.tag{padding:var(--s1) var(--s3);background:var(--accent-soft);color:var(--accent-text);border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;font-family:var(--font-mono)}.group-title{display:flex;align-items:center;gap:var(--s2);margin:var(--s5) 0 var(--s3);font-size:.9375rem;font-weight:600}.group-title .count{color:var(--muted);font-weight:500}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s2)}.file-card{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s2) var(--s3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem}.file-card:hover{border-color:var(--border-strong)}.file-check{display:flex;align-items:center;gap:var(--s2);min-width:0;cursor:pointer}.file-check span{overflow-wrap:anywhere}.file-check input{flex:none;cursor:pointer;accent-color:var(--accent)}.file-card a{flex:none;font-size:.8125rem;font-weight:500;text-decoration:none}.file-card a:hover{text-decoration:underline}.selection-bar{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;padding:var(--s3) var(--s4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:var(--s4);position:sticky;top:68px;z-index:5}.selection-toggles{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}.selection-toggle{display:inline-flex;align-items:center;gap:var(--s2);font-size:.875rem;cursor:pointer;color:var(--text-soft)}.selection-toggle input{cursor:pointer;accent-color:var(--accent)}.selection-count{color:var(--muted);font-size:.875rem}.selection-bar .btn{margin-left:auto}.panel-details{margin-top:var(--s5);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.panel-details>summary{padding:var(--s3) var(--s4);cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-soft);list-style:none}.panel-details>summary::-webkit-details-marker{display:none}.panel-details>summary:before{content:"▸ ";color:var(--muted)}.panel-details[open]>summary:before{content:"▾ "}.panel-details .details-fields{padding:var(--s2) var(--s4) 0}.panel-details .actions{margin:var(--s3) var(--s4) var(--s4);padding-top:var(--s3)}.download-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;padding:var(--s3) var(--s4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:var(--s2)}.download-row h3{font-size:.9375rem;font-weight:600}.download-row p{color:var(--muted);font-size:.8125rem;margin-top:2px}.library{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s3)}.card{display:flex;flex-direction:column;gap:var(--s2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s4)}.card:hover{border-color:var(--border-strong)}.card.blocked{border-style:dashed}.card-head{display:flex;align-items:center;gap:var(--s3)}.card-close{margin-left:auto;align-self:flex-start;width:26px;height:26px;padding:0;display:grid;place-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer}.card-close:hover{background:var(--danger-soft);color:var(--danger)}.card-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);flex:none;background:var(--surface-2);color:var(--muted)}.card-icon.style{background:var(--accent-soft);color:var(--accent-text)}.card-icon.voice{background:var(--ok-soft);color:var(--ok)}.card-icon.blocked{background:var(--surface-2);color:var(--blocked)}.card-titles{min-width:0}.card-name{font-weight:600;font-size:.9375rem;overflow-wrap:anywhere}.card-kind{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.card-meta,.card-note{color:var(--muted);font-size:.875rem}.card-actions{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s2)}.card .btn{align-self:flex-start}.result{display:flex;align-items:center;gap:var(--s1);font-size:.875rem;font-weight:500}.result.ok{color:var(--ok)}.result.warn{color:var(--warn)}details.mapping>summary{cursor:pointer;font-size:.8125rem;font-weight:500;color:var(--accent);list-style:none}details.mapping>summary::-webkit-details-marker{display:none}details.mapping>summary:before{content:"▸ "}details.mapping[open]>summary:before{content:"▾ "}.mapping-list{list-style:none;margin:var(--s2) 0 0;padding:0;font-size:.8125rem;display:grid;gap:var(--s1)}.mapping-list li{display:flex;gap:var(--s1);align-items:baseline;color:var(--muted)}.mapping-list .arrow{color:var(--accent)}.mapping-list .to{color:var(--text);font-weight:600}.summary{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4) var(--s5);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--ok);border-radius:var(--radius);margin-bottom:var(--s4)}.summary.has-warning{border-left-color:var(--warn)}.summary-head{display:flex;align-items:center;gap:var(--s2)}.summary-head h2{font-size:1rem;font-weight:600}.summary-head .icon-ok{color:var(--ok)}.summary-head .icon-warn{color:var(--warn)}.summary p{color:var(--muted);font-size:.9375rem}.summary .tip{padding:var(--s3) var(--s4);background:var(--warn-soft);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem}.summary .actions{margin-top:0;padding-top:var(--s3)}.footer{max-width:var(--width);margin:0 auto;padding:var(--s5);border-top:1px solid var(--border);color:var(--muted);font-size:.875rem}.footer p{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-body{min-height:100dvh;background:var(--bg)}.auth-shell{max-width:none;margin:0;padding:0;min-height:100dvh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.auth-aside{position:relative;overflow:hidden;display:flex;align-items:center;padding:var(--s7) var(--s6);background:radial-gradient(120% 90% at 18% 0%,#1b3a63,#0c1928 62%),#0c1928;color:#eaf1fa}.auth-aside:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}.auth-aside-inner{position:relative;z-index:1;max-width:30rem;margin-left:auto;margin-right:var(--s6)}.auth-tagline{margin:var(--s5) 0 0;font-family:var(--font-display);font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:600;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}.auth-lede{margin:var(--s4) 0 0;max-width:34ch;color:#a9c0d8;font-size:1rem;line-height:1.6}.auth-facts{margin:var(--s6) 0 0;padding:0;list-style:none;display:grid;gap:var(--s3);font-size:.9375rem;color:#cddced}.auth-facts li{display:flex;align-items:flex-start;gap:var(--s3);line-height:1.5}.auth-facts li:before{content:"";flex:none;width:14px;height:2px;margin-top:.7em;border-radius:2px;background:#4d94ff}.auth-panel{display:flex;align-items:center;justify-content:center;padding:var(--s6) var(--s5) var(--s7)}.auth-card{width:100%;max-width:25rem}.auth-brand{display:inline-flex;align-items:center;gap:var(--s3);color:inherit;font-family:var(--font-display);font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;text-decoration:none}.auth-brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;flex:none;border-radius:10px;background:#4d94ff29;color:#7fb2ff}.auth-brand-mark svg{width:1.25rem;height:1.25rem}.auth-brand-compact{display:none;margin-bottom:var(--s5)}.auth-brand-compact .auth-brand-mark{background:var(--accent-soft);color:var(--accent)}.auth-card h1{font-family:var(--font-display);font-size:1.875rem;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--s2)}.auth-card .sub{margin-bottom:var(--s6);max-width:36ch;color:var(--muted);font-size:.9375rem;line-height:1.55}.auth-field{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s4)}.auth-field label{font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:var(--text-soft)}.auth-card input[type=text],.auth-card input[type=email],.auth-card input[type=password]{padding:var(--s3) var(--s4);border-radius:var(--radius);font-size:.9375rem;transition:border-color .15s ease,box-shadow .15s ease}.auth-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-field.is-invalid label{color:var(--danger)}.auth-field.is-invalid input,.auth-field.is-invalid input:focus{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.auth-hint{margin:0;font-size:.8125rem;color:var(--muted)}.auth-field.is-invalid .auth-hint{color:var(--danger)}.auth-input-wrap{position:relative;display:flex}.auth-input-wrap input{padding-right:3rem}.auth-reveal{position:absolute;top:50%;right:.375rem;transform:translateY(-50%);display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);cursor:pointer;transition:color .15s ease,background .15s ease}.auth-reveal:hover{color:var(--text);background:var(--surface-hover)}.auth-reveal svg{width:1.125rem;height:1.125rem;display:block}.auth-reveal .icone-ocultar,.auth-reveal[aria-pressed=true] .icone-mostrar{display:none}.auth-reveal[aria-pressed=true] .icone-ocultar{display:block}.auth-card .btn-primary{width:100%;margin-top:var(--s4);padding:var(--s3);font-size:.9375rem;border-radius:var(--radius);transition:background .15s ease,transform .12s ease,box-shadow .15s ease}.auth-card .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #1f6feb47}.auth-card .btn-primary:active:not(:disabled){transform:translateY(0) scale(.995)}.auth-msg{display:flex;align-items:flex-start;gap:var(--s3);margin-bottom:var(--s5);padding:var(--s3) var(--s4);border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:var(--radius-sm);font-size:.9rem;line-height:1.45}.auth-msg:before{content:"";flex:none;width:1.125rem;height:1.125rem;margin-top:.05rem;background:currentColor;-webkit-mask:center / contain no-repeat var(--auth-msg-icon);mask:center / contain no-repeat var(--auth-msg-icon)}.auth-msg.error{--auth-msg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5'/%3E%3Cpath d='M12 16.3v.1'/%3E%3C/svg%3E");border-left-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.auth-msg.ok{--auth-msg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.5 12.5l2.5 2.5 4.5-5'/%3E%3C/svg%3E");border-left-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.auth-links{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:var(--s3);font-size:.875rem}.auth-links a{text-decoration:none;font-weight:500}.auth-links a:hover{text-decoration:underline}@keyframes auth-entra{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.auth-card>*{animation:auth-entra .45s cubic-bezier(.22,.61,.36,1) backwards}.auth-card>*:nth-child(2){animation-delay:.05s}.auth-card>*:nth-child(3){animation-delay:.09s}.auth-card>*:nth-child(4){animation-delay:.13s}.auth-card>*:nth-child(5){animation-delay:.17s}@media (prefers-reduced-motion: reduce){.auth-card>*{animation:none}.auth-card .btn-primary:hover:not(:disabled){transform:none}}@media (max-width: 60rem){.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.auth-brand-compact{display:inline-flex}.auth-panel{padding:var(--s6) var(--s4) var(--s7)}}.admin-page{max-width:840px;margin:0 auto;padding:var(--s6) var(--s5) var(--s7)}.admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5)}.admin-head h1{font-size:1.5rem}.admin-head .sub{margin-top:var(--s1);color:var(--muted);font-size:.9375rem}.admin-head-actions{display:flex;gap:var(--s2);flex-wrap:wrap}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s5);margin-bottom:var(--s4)}.admin-card h2{font-size:1rem;margin-bottom:var(--s4)}.inline-form{display:flex;flex-wrap:wrap;gap:var(--s2)}.inline-form input{flex:1 1 200px}.users{display:flex;flex-direction:column;gap:var(--s2)}.user-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;padding:var(--s3) var(--s4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.user-info{display:flex;flex-direction:column;min-width:0}.user-email{font-weight:600;font-size:.9375rem;overflow-wrap:anywhere}.user-tags{color:var(--muted);font-size:.8125rem}.user-actions{display:flex;gap:var(--s2);flex-wrap:wrap}.preview-box{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s3);padding:var(--s3) var(--s4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.preview-row{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}.preview-select{padding:var(--s1) var(--s2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);color:inherit;font:inherit;font-size:.875rem;max-width:100%}.preview-play{min-width:6.5rem}.preview-progress{height:4px;border-radius:var(--radius-pill);background:var(--border);overflow:hidden}.preview-progress-bar{height:100%;width:0;border-radius:var(--radius-pill);background:var(--accent);transition:width 80ms linear}.preview-hint{font-size:.8125rem;line-height:1.4;color:var(--muted)}.preview-hint.warn{color:var(--warn)}.btn.playing{background:var(--warn);border-color:var(--warn);color:#fff}.preview-keys{overflow-x:auto;padding-bottom:var(--s1)}.vkeyboard{height:110px;min-width:480px;display:block;touch-action:none}.vkey{cursor:pointer;transition:fill 60ms ease}.vkey-white{fill:#fbfbfd;stroke:#9aa0ae;stroke-width:.7}.vkey-black{fill:#1f2430;stroke:#0d1017;stroke-width:.7}.vkey-white.pressed,.vkey-white.playing{fill:#9ec1ff}.vkey-black.pressed,.vkey-black.playing{fill:var(--accent)}@media (prefers-color-scheme: dark){.vkey-white{fill:#e8e9ee}}.editor-toolbar{display:flex;align-items:flex-end;gap:var(--s4);flex-wrap:wrap;padding-bottom:var(--s4);border-bottom:1px solid var(--border);margin-bottom:var(--s4)}.editor-toolbar .field{flex:0 1 180px}.editor-toolbar-actions{display:flex;gap:var(--s2);margin-left:auto;flex-wrap:wrap}.editor-hint{color:var(--muted);font-size:.875rem;margin-bottom:var(--s3)}.editor-grid-wrap{overflow-x:auto;padding-bottom:var(--s2)}.editor-grid-body{display:flex;flex-direction:column;gap:var(--s1);min-width:640px}.editor-row{display:flex;align-items:center;gap:var(--s3)}.editor-row-label{flex:none;width:130px;display:flex;flex-direction:column;line-height:1.25}.editor-row-label strong{font-size:.875rem;font-weight:600}.editor-row-label small{color:var(--muted);font-size:.75rem}.editor-cells{flex:1;display:grid;gap:2px}.editor-cell{height:30px;padding:0;border:1px solid var(--border);border-radius:3px;background:var(--surface-2);cursor:pointer;transition:background .1s ease}.editor-cell:hover{background:var(--surface-hover)}.editor-cell.beat{border-color:var(--border-strong)}.editor-cell.bar{border-left:2px solid var(--muted)}.editor-cell.on{background:var(--accent);border-color:var(--accent)}.editor-cell.on:hover{background:var(--accent-hover)}.so-toque{display:none}@media (hover: none) and (pointer: coarse){.so-ponteiro-fino{display:none}.so-toque{display:inline}}.steps{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin:0 0 var(--s5);padding:0;list-style:none;counter-reset:none}.step{display:flex;align-items:center;gap:var(--s3);font-size:.9375rem;color:var(--muted)}.step:not(:last-child):after{content:"";width:clamp(1rem,4vw,3rem);height:1px;margin-left:var(--s2);background:var(--border-strong)}.step-num{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:none;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.step[data-estado=atual]{color:var(--text);font-weight:600}.step[data-estado=atual] .step-num{border-color:var(--accent);background:var(--accent);color:#fff}.step[data-estado=concluido]{color:var(--text-soft)}.step[data-estado=concluido] .step-num{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.panel[data-estado=aguardando]{opacity:.55}.panel[data-estado=aguardando] .fields,.panel[data-estado=aguardando] .actions,.panel[data-estado=aguardando] .library,.panel[data-estado=aguardando] .counter{display:none}.panel-waiting{margin:0;color:var(--muted);font-size:.9375rem}@media (max-width: 700px){.app-header-inner{display:grid;grid-template-columns:1fr auto;gap:var(--s2) var(--s3);padding:var(--s3) var(--s4)}.app-brand{font-size:.9375rem;min-height:44px;display:inline-flex;align-items:center}.nav-tabs{grid-column:1 / -1;display:flex;flex-wrap:nowrap;gap:var(--s1);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin:0 calc(-1 * var(--s4));padding:0 var(--s4)}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{flex:none;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.account{grid-row:1;grid-column:2;margin-left:0;width:auto;font-size:.8125rem}.account a,.account button,.panel .btn,.card-actions .btn{min-height:44px}.steps{gap:var(--s2) var(--s4)}.step:not(:last-child):after{display:none}}@media (max-width: 700px){main{padding:var(--s5) var(--s4) var(--s6)}.app-header-inner{min-height:auto;padding:var(--s3) var(--s4);gap:var(--s3)}.account{margin-left:0;width:100%}.page-head h1{font-size:1.5rem}.panel{padding:var(--s4)}.actions{flex-direction:column;align-items:stretch}.actions-end{margin-left:0;flex-direction:column}.actions .btn,.action-row .btn{width:100%}.action-row{flex-direction:column}.selection-bar{position:static}.selection-bar .btn,.editor-toolbar-actions{margin-left:0;width:100%}.editor-toolbar-actions .btn{flex:1}}