.device-input{height:var(--size-button);box-sizing:border-box;padding:0 var(--space-16);border:var(--border-thin) solid var(--border);border-radius:var(--radius-sm);background:var(--surface-card);font-family:inherit;font-size:var(--type-button-size);color:var(--text-primary);outline:none}.device-input::placeholder{color:var(--text-tertiary)}.device-input:focus{border-color:var(--accent)}.device-input[aria-invalid=true]{border-color:var(--danger)}.device-name-input{width:280px;min-width:120px;height:var(--size-button-sm);font-size:var(--type-button-size);flex:0 280px;font-weight:700}.device-serial{font-size:var(--type-title3-size);letter-spacing:.08em;align-items:center;display:flex}.device-serial:focus-within{border-color:var(--accent)}.device-serial[data-invalid=true]{border-color:var(--danger)}.device-serial-prefix{color:var(--text-secondary)}.device-serial input{min-width:0;height:100%;font:inherit;letter-spacing:inherit;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.device-serial input::placeholder{color:var(--text-tertiary)}.device-mode{min-height:44px;font-family:inherit;font-size:var(--type-body-size);color:var(--text-accent);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-weight:700;text-decoration:underline}.device-mode:hover{color:var(--text-accent)}.device-periods button{padding:0 var(--space-4)}.device-name-row{min-height:var(--size-hit);align-items:center;gap:var(--space-16);flex-wrap:nowrap;display:flex}.device-name-side{align-items:center;gap:var(--space-8) var(--space-16);flex-shrink:0;margin-left:auto;display:flex}.device-name-badge,.device-name-actions{display:contents}.device-name-slot{gap:var(--space-8) var(--space-16)}.device-rename-icon{display:none}@media (width<=559px){.device-name-row{column-gap:var(--space-16);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name actions""serial serial";row-gap:0;display:grid}.device-name-row>.device-name-slot{min-height:var(--size-hit);gap:var(--space-8);grid-area:name}.device-name-side{display:contents}.device-name-actions{grid-area:actions;align-items:center;display:flex}.device-name-serial{grid-area:serial;align-self:center}.device-name-badge{margin-top:var(--space-8);grid-area:3/1/auto/-1;justify-self:start;display:flex}.device-rename{min-width:var(--size-hit);justify-content:center;align-items:center;display:inline-flex}.device-rename-text{display:none}.device-rename-icon{display:block}.device-name-input{flex:1 1 0;width:auto;min-width:0}}.register-guide{padding:var(--space-32);border-radius:var(--radius-card);background:var(--surface-card);align-items:center;gap:var(--space-32);grid-template-columns:minmax(0,320px) minmax(0,1fr);display:grid}.register-guide img{border-radius:var(--radius-sm);background:var(--white);width:100%;height:auto;display:block}.register-guide-copy{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.register-guide-action{margin-top:var(--space-16);display:flex}@media (width<=1023px){.register-guide{padding:var(--space-20);gap:var(--space-20);grid-template-columns:minmax(0,1fr)}.register-guide img{justify-self:center;max-width:420px}.register-guide-action>*{flex:1}}.register-flow{justify-content:start;align-items:center;gap:var(--space-24) var(--space-32);grid-template-columns:minmax(0,340px) auto minmax(0,420px);display:grid}.register-flow-arrow{align-items:center;gap:var(--space-4);font-size:var(--type-caption-size);color:var(--text-accent);white-space:nowrap;flex-direction:column;font-weight:700;display:flex}.register-flow-arrow .down{display:none}@media (width<=899px){.register-flow{grid-template-columns:minmax(0,420px);justify-content:center;justify-items:stretch}.register-flow-arrow .side{display:none}.register-flow-arrow .down{display:block}}.locked-panel{padding:var(--space-24);flex-direction:column;display:flex;position:relative}.locked-panel-preview{gap:var(--space-16);opacity:.35;filter:grayscale()blur(2px);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;display:flex}.locked-panel-overlay{padding:var(--space-24);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.locked-panel-box{padding:var(--space-8) var(--space-20);border-radius:var(--radius-sm);background:var(--bg-app);align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.locked-panel-select{min-height:32px;font-family:inherit;font-size:var(--type-caption-size);color:var(--text-accent);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-weight:700;display:inline-flex}.locked-panel-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-tag)}.tier-picker{width:100%;max-width:360px}@media (width<=559px){.tier-picker{top:var(--size-top-bar);z-index:10;max-width:none;margin:0 calc(-1 * var(--page-gutter));padding:var(--space-8) var(--page-gutter);background:var(--bg-app);width:auto;position:sticky;box-shadow:0 6px 10px -6px #10201a2e}.device-example .locked-panel{justify-content:space-between;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-20);flex-direction:row}.device-example .locked-panel-preview,.device-example .locked-panel-since{display:none}.device-example .locked-panel-overlay{padding:0;position:static}.device-example .locked-panel-box{background:0 0;padding:0}}