.translator{--tr-page-gutter:24px;--tr-text-inset:16px;--tr-text-start:calc(var(--tr-page-gutter) + var(--tr-text-inset));--tr-icon-size:16px;--tr-icon-gap:8px;--tr-bg:#f8f9ff;--tr-surface:#f1f3f9;--tr-high:#e0e2e8;--tr-lowest:#fff;--tr-ink:#191c20;--tr-muted:#73777f;--tr-outline:#c3c6cf;--tr-primary:#34618e;--tr-primary-ink:#fff;--tr-tonal:#d4e4ff;--tr-tonal-ink:#123452;--tr-error:#ba1a1a;--tr-good:#2f6b43;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--tr-bg);height:100dvh;min-height:100dvh;color:var(--tr-ink);flex-direction:column;font:14px/1.5 Roboto,Helvetica Neue,Arial,sans-serif;display:flex}@media (prefers-color-scheme:dark){.translator{--tr-bg:#111418;--tr-surface:#191c20;--tr-high:#33363b;--tr-lowest:#0c0e12;--tr-ink:#e1e2e8;--tr-muted:#a0a4ad;--tr-outline:#43474e;--tr-primary:#a0cafd;--tr-primary-ink:#003258;--tr-tonal:#244a71;--tr-tonal-ink:#d1e4ff;--tr-error:#ffb4ab;--tr-good:#91d5a5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.translator h1,.translator h2,.translator h3{letter-spacing:0;color:var(--tr-ink);font-weight:500}.translator h1{font-size:22px}.translator h2{font-size:16px}.translator h3{font-size:14px}.translator p{margin:8px 0}.translator button,.translator select,.translator input{font:inherit}.translator button{border:1px solid var(--tr-outline);color:var(--tr-primary);background:0 0;border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-weight:500;line-height:20px;display:inline-flex}.translator button:hover:not(:disabled){background:color-mix(in srgb, var(--tr-primary) 8%, transparent)}.translator button:disabled{opacity:.38}.translator button:focus-visible,.translator a:focus-visible,.translator .tr-result-text:focus-visible{outline:2px solid var(--tr-primary);outline-offset:3px}.translator svg{flex-shrink:0}.translator button.tr-primary{background:var(--tr-primary);color:var(--tr-primary-ink);border-color:#0000}.translator button.tr-primary:hover:not(:disabled){background:var(--tr-primary);filter:brightness(1.1)}.translator button.tr-tonal{background:var(--tr-tonal);color:var(--tr-tonal-ink);border-color:#0000;padding:6px 16px}.translator .tr-icon-button{width:40px;height:40px;color:var(--tr-ink);border:0;flex-shrink:0;padding:10px}.translator .tr-icon-button[aria-pressed=true]{background:var(--tr-tonal);color:var(--tr-tonal-ink)}.translator .tr-muted{color:var(--tr-muted)}.translator .tr-error{color:var(--tr-error)}.translator .tr-success{color:var(--tr-good)}.tr-appbar{padding:8px var(--tr-text-start);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.tr-mode-switch{align-items:center;gap:24px;min-width:0;display:flex}.translator .tr-mode-switch button{color:var(--tr-muted);white-space:nowrap;border:0;border-bottom:3px solid #0000;border-radius:0;padding:8px 0;font-size:22px;line-height:1.3}.translator .tr-mode-switch button[aria-pressed=true]{color:var(--tr-ink);border-bottom-color:var(--tr-primary)}.translator .tr-mode-switch button:hover:not(:disabled){color:var(--tr-ink);background:0 0}.tr-toolbar,.tr-inline{align-items:center;gap:4px;display:flex}.translator .tr-avatar-button{padding:6px}.tr-avatar{background:var(--tr-high);border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.tr-avatar.signed-in{color:var(--tr-tonal-ink);background:var(--tr-tonal)}.tr-status-dot,.tr-guide summary:before,.tr-footer>svg,.tr-notification>svg{width:var(--tr-icon-size);height:var(--tr-icon-size);position:absolute;inset-inline-start:calc(var(--tr-text-start) - var(--tr-icon-size) - var(--tr-icon-gap))}.tr-status{padding:8px var(--tr-text-start);background:var(--tr-surface);flex-shrink:0;align-items:center;gap:8px;min-height:36px;font-size:12px;display:flex;position:relative}.tr-status-dot{color:var(--tr-muted);place-items:center;display:grid}.tr-status-dot:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.tr-status-dot.ready{color:var(--tr-good)}.tr-status-end{color:var(--tr-muted);margin-left:auto}.tr-workspace{flex:1;min-height:0;display:flex;position:relative}.tr-image-text{min-height:500px;padding:24px var(--tr-page-gutter) 0;flex-direction:column;flex:1;display:flex}.tr-image-actions{border:1px solid var(--tr-outline);background:var(--tr-surface);border-radius:16px;padding:20px}.tr-image-actions>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tr-image-actions>div:first-child{flex-wrap:nowrap;margin-bottom:16px}.tr-image-actions>div:first-child>svg{color:var(--tr-primary)}.tr-image-actions p{margin:4px 0 0;font-size:12px}.tr-image-actions button{font-size:12px}.tr-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:auto;container-type:inline-size}.tr-intro{padding:16px var(--tr-text-start) 8px;flex-shrink:0}.translator .tr-intro h1{text-wrap:balance;margin:0;font-size:20px;line-height:1.4}.translator .tr-intro p{color:var(--tr-muted);margin:6px 0 0;font-size:13px}.tr-guide{margin:0 var(--tr-page-gutter) 20px;border-top:1px solid var(--tr-outline);flex-shrink:0;padding:12px 0 0;font-size:13px}.tr-guide summary{padding-inline:var(--tr-text-inset);cursor:pointer;color:var(--tr-primary);list-style:none;position:relative}.tr-guide summary::-webkit-details-marker{display:none}.tr-guide summary:before{content:"";inset-inline-start:calc(var(--tr-text-inset) - var(--tr-icon-size) - var(--tr-icon-gap));top:calc((1.5em - var(--tr-icon-size)) / 2);clip-path:polygon(31.25% 25%,68.75% 50%,31.25% 75%);background:currentColor}.tr-guide[open] summary:before{transform:rotate(90deg)}.tr-guide summary:focus-visible{outline:2px solid var(--tr-primary);outline-offset:4px}.tr-guide-sections{padding:20px var(--tr-text-inset) 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px 32px;display:grid}.tr-panels{padding:0 var(--tr-page-gutter);flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;min-height:340px;display:grid}.tr-panels.tr-deferred{grid-template-columns:minmax(0,1fr)}.tr-panel{flex-direction:column;min-width:0;min-height:0;display:flex}.tr-panel-head{padding:20px var(--tr-text-inset) 12px;align-items:center;gap:6px;min-height:72px;display:flex}.tr-panel-head h2{white-space:nowrap;text-overflow:ellipsis;margin-right:auto;overflow:hidden}.translator .tr-language{border:1px solid var(--tr-outline);width:auto;max-width:220px;color:var(--tr-ink);cursor:pointer;background:0 0;border-radius:20px;padding:6px 24px 6px 12px;font-size:12px}.translator .tr-language option{color:var(--tr-ink);background:var(--tr-surface)}.translator .tr-language:focus{outline-color:var(--tr-primary)}.tr-textbox{border:1px solid var(--tr-outline);background:var(--tr-surface);border-radius:12px;flex-direction:column;flex:1;min-height:180px;display:flex;overflow:hidden}.tr-textbox:focus-within{border-color:var(--tr-primary)}.tr-textbox textarea{resize:none;width:100%;height:100%;min-height:180px;color:var(--tr-ink);padding:16px calc(var(--tr-text-inset) - 1px);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px;line-height:1.5}.tr-textbox textarea::placeholder{color:var(--tr-muted);font-size:14px}.tr-result{overflow:auto}.tr-result-text{padding:16px calc(var(--tr-text-inset) - 1px);white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.5}.tr-result>.tr-error{padding:0 calc(var(--tr-text-inset) - 1px) 16px;font-size:12px}.tr-result>.tr-error button{margin-top:8px}.tr-placeholder,.tr-reading{text-align:center;color:var(--tr-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.tr-panel-footer{align-items:center;gap:12px;min-height:88px;padding:12px 0 24px;display:flex}.tr-chips{flex-wrap:wrap;flex:1;gap:4px 8px;padding-inline-start:calc(var(--tr-text-inset) - 10px);display:flex}.tr-chips>span{background:var(--tr-high);white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px}.tr-input-actions{padding:0 var(--tr-page-gutter) 24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.tr-input-actions button{font-size:12px}.tr-footer{border-top:1px solid var(--tr-outline);padding:8px var(--tr-text-start);color:var(--tr-muted);flex-shrink:0;align-items:center;gap:6px;font-size:11px;display:flex;position:relative}.tr-footer>svg{top:8px}.tr-footer-hint{flex:1;min-width:0}.tr-footer-meta{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px 12px;max-width:100%;margin-left:auto;display:flex}.tr-footer-meta a{color:inherit;text-underline-offset:2px}.tr-footer-meta a:hover{color:var(--tr-primary)}.tr-version{white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}.tr-history{border-left:1px solid var(--tr-outline);background:var(--tr-lowest);flex-direction:column;flex-shrink:0;width:260px;display:flex}.tr-history-head{align-items:center;padding:12px 8px 8px 16px;display:flex}.tr-history-head h2{flex:1;font-size:14px}.tr-history-list{overflow:auto}.translator .tr-history-list button{border:0;border-bottom:1px solid var(--tr-outline);width:100%;color:var(--tr-ink);text-align:left;border-radius:0;padding:12px 16px;font-weight:400;display:block}.tr-history-list button>span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.tr-history-list button>small{color:var(--tr-muted);margin-top:4px;font-size:11px;display:block}.translator .tr-history-list button[aria-current=true]{background:var(--tr-tonal)}.tr-history-empty{color:var(--tr-muted);font-size:12px;margin:auto!important}.tr-menu-root{position:relative}.tr-menu{z-index:5;background:var(--tr-surface);border-radius:8px;width:300px;padding:8px 0;position:absolute;top:44px;right:0;box-shadow:0 4px 20px #0003}.tr-menu-balance{border-bottom:1px solid var(--tr-outline);align-items:center;gap:12px;margin-bottom:6px;padding:12px 16px;display:flex}.tr-menu-balance svg{color:var(--tr-primary)}.tr-menu-balance small{color:var(--tr-muted);font-size:11px;display:block}.translator .tr-menu button,.translator .tr-menu a{width:100%;color:var(--tr-ink);border:0;border-radius:0;justify-content:start;gap:12px;padding:12px 16px;font-weight:400;text-decoration:none;display:flex}.translator .tr-menu a{color:var(--tr-muted);font-size:12px}.tr-notification{padding:10px var(--tr-text-start);background:color-mix(in srgb, var(--tr-error) 8%, var(--tr-bg));align-items:center;gap:10px;font-size:13px;display:flex;position:relative}.tr-notification>svg{top:12px}.tr-notification>span{flex:1}.translator .tr-notification button{padding:4px 10px;font-size:12px}.tr-snackbar{z-index:10;background:var(--tr-ink);max-width:calc(100vw - 32px);color:var(--tr-bg);border-radius:6px;padding:14px 24px;position:fixed;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #0003}.tr-spinner{border:3px solid var(--tr-high);border-top-color:var(--tr-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite tr-spin;display:inline-block}@keyframes tr-spin{to{transform:rotate(360deg)}}.translator .tr-dialog{background:var(--tr-surface);color:var(--tr-ink);border:0;border-radius:28px;width:min(620px,100vw - 32px);max-height:calc(100dvh - 48px);padding:24px;overflow:auto;box-shadow:0 12px 48px #0004}.translator .tr-dialog::backdrop{background:#0006}.translator .tr-dialog-wide{width:min(1000px,100vw - 32px)}.tr-dialog-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tr-dialog-head h2{font-size:24px}.tr-dialog-head h2:focus{outline:none}.tr-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.translator .tr-dialog-actions button{border:0}.tr-account-body{flex-direction:column;gap:24px;display:flex}.tr-balance-card{background:var(--tr-tonal);color:var(--tr-tonal-ink);border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex}.tr-balance-card strong{font-size:26px;font-weight:500;display:block}.tr-balance-card p{margin:4px 0 0;font-size:12px}.tr-account-form input{color:var(--tr-ink);border:1px solid var(--tr-outline);background:0 0;display:block}.tr-account-form input:focus{outline-color:var(--tr-primary)}.tr-account-form label{color:var(--tr-ink);margin-top:12px;font-size:12px}.tr-account-form small{margin:4px 0;font-size:12px;display:block}.tr-account-form>button{margin-top:16px}.tr-tabs{border:1px solid var(--tr-outline);border-radius:24px;margin-top:8px;display:inline-flex;overflow:hidden}.translator .tr-tabs button{border:0;border-radius:0}.translator .tr-tabs button[aria-pressed=true]{color:var(--tr-tonal-ink);background:var(--tr-tonal)}.tr-offer{border-bottom:1px solid var(--tr-outline);align-items:center;gap:12px;padding:16px 0;display:flex}.tr-offer>div{flex:1}.tr-offer>div>span{color:var(--tr-muted);font-size:12px;display:block}.tr-offer strong{font-weight:500}.tr-offers>small{margin-top:12px;display:block}.tr-ledger>div{border-bottom:1px solid var(--tr-outline);align-items:center;gap:16px;padding:12px 0;font-size:12px;display:flex}.tr-ledger>div>div{flex:1}.tr-ledger small{color:var(--tr-muted);display:block}.tr-privacy-banner{background:var(--tr-tonal);color:var(--tr-tonal-ink);border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:20px;display:flex}.tr-privacy-banner p{margin-bottom:0;font-size:13px}.tr-privacy-sections{flex-direction:column;gap:18px;font-size:12px;display:flex}.tr-privacy-sections p{white-space:pre-line}.tr-privacy-actions{flex-direction:column;align-items:flex-start;gap:16px;margin-top:24px;display:flex}.translator .tr-checkbox{color:var(--tr-ink);align-items:center;gap:10px;display:flex}.translator .tr-checkbox input{width:18px;height:18px;accent-color:var(--tr-primary)}.tr-crop-wrap{justify-content:center;margin-top:16px;display:flex}.tr-crop{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;line-height:0;position:relative;overflow:hidden}.tr-crop img{object-fit:contain;max-width:100%;max-height:55dvh;display:block}.tr-crop-selection{pointer-events:none;background:#74b5ff18;border:2px solid #74b5ff;position:absolute;box-shadow:0 0 0 200vmax #0006}@container (width<=767px){.tr-panels{flex:none;grid-auto-rows:minmax(360px,auto)}.tr-panels:not(.tr-deferred){grid-template-columns:1fr;gap:0}.tr-textbox{min-height:220px}.tr-panel-footer{min-height:64px;padding-bottom:12px}.tr-panel-head{padding-top:16px}.tr-inline{flex-wrap:wrap;justify-content:end}}@media (width<=800px){.tr-appbar{flex-wrap:wrap;gap:4px}.tr-mode-switch{flex-basis:100%;gap:20px}.translator .tr-mode-switch button{font-size:16px}.tr-toolbar{margin-left:auto}}@media (width<=700px){.translator{--tr-page-gutter:16px}.translator .tr-intro h1{font-size:18px}.translator h1{font-size:20px}.tr-status-end{display:none}.tr-history{z-index:3;width:min(280px,85vw);position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 20px #0002}.tr-image-actions{padding:16px}.tr-footer{flex-wrap:wrap;font-size:10px}.tr-footer-hint{flex-basis:100%}.tr-footer .tr-history-count{display:none}.tr-notification{flex-wrap:wrap}.translator .tr-language{max-width:175px}}@media (width<=390px){.translator h1{font-size:18px}.translator .tr-mode-switch button{font-size:14px}.tr-mode-switch{gap:16px}.tr-toolbar{gap:0}.tr-panel-footer{flex-wrap:wrap}.tr-panel-head{gap:2px}.tr-panel-head h2{font-size:14px}.translator .tr-language{max-width:150px}}@media (prefers-reduced-motion:reduce){.tr-spinner{animation-duration:2s}}.tr-offer .tr-offer-buy{flex-direction:column;flex:none;align-items:flex-end;gap:8px;display:flex}.translator .tr-offer-buy button{padding:6px 12px;font-size:12px}.tr-paypal-checkout{border:1px solid var(--tr-outline);border-radius:16px;margin-top:20px;padding:20px}.tr-paypal-checkout>div:first-child{justify-content:space-between;gap:12px;display:flex}.tr-paypal-checkout>p{font-size:12px}.tr-paypal-checkout>button{margin-top:12px}.tr-paypal-pending{margin-top:24px}.tr-paypal-pending>div{border-bottom:1px solid var(--tr-outline);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;display:flex}.tr-paypal-pending span{flex:1;min-width:160px;font-size:12px}.translator .tr-paypal-pending button{padding:6px 12px;font-size:12px}.tr-payment-test{background:var(--tr-tonal);color:var(--tr-tonal-ink);border-radius:8px;padding:12px}@media (width<=440px){.tr-offer{flex-wrap:wrap}.tr-offer .tr-offer-buy{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f9f9f7;--surface:#fcfcfb;--surface-sunken:#f2f2ee;--ink:#0b0b0b;--ink-secondary:#52514e;--ink-muted:#898781;--grid:#e1e0d9;--baseline:#c3c2b7;--border:#0b0b0b1a;--series-1:#2a78d6;--series-2:#eb6834;--good:#006300;--critical:#e34948;--radius:10px;--gap:16px;--font:system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--surface-sunken:#131312;--ink:#fff;--ink-secondary:#c3c2b7;--ink-muted:#898781;--grid:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--series-1:#3987e5;--series-2:#d95926;--good:#0ca30c;--critical:#e66767}}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);font-family:var(--font);margin:0;font-size:15px;line-height:1.5}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:1.4rem}h2{font-size:1.05rem}a{color:var(--series-1)}.app{grid-template-columns:224px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:20px 14px;display:flex}.sidebar .brand{padding:0 10px 18px}.sidebar .brand strong{font-size:1rem;display:block}.sidebar .brand span{color:var(--ink-muted);font-size:.8rem}.sidebar nav a{color:var(--ink-secondary);border-radius:8px;padding:8px 10px;text-decoration:none;display:block}.sidebar nav a:hover{background:var(--surface-sunken)}.sidebar nav a.active{background:var(--surface-sunken);color:var(--ink);font-weight:600}.sidebar .foot{color:var(--ink-muted);margin-top:auto;padding:10px;font-size:.8rem}.content{max-width:1180px;padding:24px 28px 48px}.page-head{justify-content:space-between;align-items:baseline;gap:var(--gap);margin-bottom:20px;display:flex}.page-head p{color:var(--ink-secondary);margin:4px 0 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.cards{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.stat .label{color:var(--ink-secondary);font-size:.85rem}.stat .value{margin-top:2px;font-size:1.9rem;font-weight:600;line-height:1.2}.stat .hint{color:var(--ink-muted);font-size:.8rem}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.spread{justify-content:space-between}.grid-2{gap:var(--gap);grid-template-columns:1.6fr 1fr;align-items:start;display:grid}@media (width<=900px){.app,.grid-2{grid-template-columns:1fr}}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;color:var(--ink-secondary);border-bottom:1px solid var(--baseline);white-space:nowrap;padding:8px 10px;font-weight:600}td{border-bottom:1px solid var(--grid);vertical-align:top;padding:9px 10px}tbody tr:hover td{background:var(--surface-sunken)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.empty{text-align:center;color:var(--ink-muted);padding:28px}label{color:var(--ink-secondary);margin-bottom:4px;font-size:.85rem;display:block}input,select{border:1px solid var(--baseline);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:8px 10px}input:focus,select:focus{outline:2px solid var(--series-1);outline-offset:1px}.field{margin-bottom:12px}.fields{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.checkbox{align-items:center;gap:8px;display:flex}.checkbox input{width:auto}button{border:1px solid var(--baseline);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;padding:8px 14px}button:hover:not(:disabled){background:var(--surface-sunken)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--series-1);border-color:var(--series-1);color:#fff}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.small{padding:4px 10px;font-size:.85rem}.badge{border:1px solid var(--baseline);color:var(--ink-secondary);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.78rem;display:inline-block}.badge.good{color:var(--good);border-color:var(--good)}.badge.warn{color:var(--critical);border-color:var(--critical)}.notice{border:1px solid var(--critical);color:var(--critical);margin-bottom:var(--gap);border-radius:8px;padding:10px 12px}.notice.ok{border-color:var(--good);color:var(--good)}.muted{color:var(--ink-muted)}.legend{color:var(--ink-secondary);gap:14px;font-size:.85rem;display:flex}.legend .key{align-items:center;gap:6px;display:inline-flex}.legend .swatch{border-radius:3px;width:10px;height:10px}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login .card{width:min(380px,100%)}