.field-portal{background:#f6f5f2;color:#20201e}.field-brand{height:72px;background:#fff;border-bottom:1px solid #e5e2db;display:flex;align-items:center;gap:18px;padding:12px 32px}.field-brand>img{width:31px;height:40px;object-fit:contain}.field-demo-badge{font-size:14px;color:#70532d;background:#f2ebdf;border-radius:15px;padding:4px 12px;margin-inline-start:auto}
#field-app{max-width:1440px;margin:auto;padding:28px 32px 100px}#field-app h1{font-size:32px;font-weight:300;margin:0 0 12px}#field-app h2{font-size:24px}#field-app button{min-height:52px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px}#field-app button img{width:22px;height:22px;object-fit:contain}#field-app button:not(.secondary) img{filter:grayscale(1) brightness(0) invert(1)}.field-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.field-subtitle{color:#64645f}.field-stop{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:start;background:white;border:1px solid #e5e2db;border-radius:12px;padding:20px 24px;margin:16px 0}.field-stop strong{font-size:22px}.field-stop small{display:block;color:#64645f;margin-top:9px}.field-stop button{flex:none}.field-tag{font-size:14px;background:#eaf2ec;color:#305d47;border-radius:16px;padding:4px 12px;white-space:nowrap}.field-warm{background:#f2ebdf;color:#20201e}.field-scan{display:flex;gap:12px;flex-wrap:wrap}.field-scan label{width:100%}.field-scan input{flex:1;min-width:160px}.field-login{max-width:440px;margin:20px auto}.field-login input{width:100%}.field-login form{display:grid;gap:8px}.field-login button{width:100%}.field-mfa-secret{overflow-wrap:anywhere;user-select:all;direction:ltr}.field-error{color:#934632;background:#fbefeb;border:1px solid #ead3ca;padding:14px;border-radius:8px}.field-viewer-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.field-canvas{height:clamp(340px,60vh,650px);position:relative;touch-action:none;background:#f1f1ef;border-radius:12px;overflow:hidden}.field-canvas canvas{display:block;width:100%;height:100%}.field-loading{position:absolute;inset:0;display:grid;place-content:center;background:#f6f5f2;z-index:2}.field-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.field-controls button{flex:1;font-size:16px;white-space:nowrap}.field-controls [aria-pressed=true]{background:#f2ebdf;border-color:#967747}.field-options{max-width:520px}.field-options input[type=range]{width:100%}.field-options select{width:100%;padding:12px;font:inherit;border:1px solid #e5e2db;border-radius:8px}.field-part-list{max-height:470px;overflow:auto;display:grid;gap:8px}.field-part-list button{width:100%;justify-content:start!important;text-align:start}.field-part-list [aria-pressed=true]{border-color:#967747;background:#f2ebdf}.field-bottom{display:none}.field-table{width:100%;border-collapse:collapse;background:white;border:1px solid #e5e2db;border-radius:12px}.field-table th,.field-table td{text-align:start;padding:16px;border-bottom:1px solid #e5e2db}.field-notice{font-size:14px;color:#64645f}.field-fullscreen{position:fixed;inset:0;z-index:20;background:#f6f5f2;padding:16px;overflow:auto}.field-fullscreen .field-canvas{height:calc(100dvh - 190px)}#field-message:empty{display:none}#field-message{position:fixed;bottom:20px;inset-inline:16px;max-width:700px;margin:auto;background:#20201e;color:white;border-radius:8px;padding:14px;z-index:30}.field-options::backdrop{background:#0006}.field-video{width:100%;max-height:320px;background:#20201e;border-radius:8px}
@media(max-width:700px){.field-brand{padding:12px 16px;gap:12px}.field-brand span:first-of-type{font-size:17px}.field-demo-badge{font-size:11px;max-width:94px;text-align:center}#field-app{padding:24px 16px 110px}#field-app h1{font-size:28px}.field-viewer-grid{display:block}.field-canvas{height:322px}.field-stop{padding:20px 16px;gap:12px;flex-wrap:wrap}.field-stop button{width:100%}.field-bottom{display:flex;position:fixed;bottom:0;inset-inline:0;padding:10px 16px 18px;gap:12px;background:white;border-top:1px solid #e5e2db;z-index:5}.field-bottom button{flex:1}.field-table{display:block;overflow-x:auto}.field-part-list{max-height:220px}.field-login{margin:0}.field-controls button{font-size:14px;padding:8px 10px}.field-fullscreen{padding:12px}.field-fullscreen .field-part-list{display:none}}

.field-full-exit{position:fixed;top:12px;left:12px;z-index:23;background:#fff!important}.field-fullscreen{padding-top:76px}.field-full-exit[hidden]{display:none!important}

.field-inline-scan{margin:16px 0}.field-inline-scan>summary{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;background:#20201e;color:white;border-radius:8px;min-height:52px;list-style:none}.field-inline-scan>summary::-webkit-details-marker{display:none}.field-inline-scan>summary img{width:22px;height:22px;filter:grayscale(1) brightness(0) invert(1)}.field-inline-scan[open]{background:white;border:1px solid #e5e2db;border-radius:8px;padding:12px}.field-inline-scan>summary:focus-visible{outline:3px solid #967747;outline-offset:3px}.field-brand .field-demo-badge{flex-shrink:0}