.device-workspace{--dc-bg:#142027;--dc-line:#718994;--dc-muted:#b8c7d0;max-width:1500px;margin:auto}.device-workspace h2{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-1px;margin:12px 0 18px}.device-workspace p{color:var(--dc-muted)}.dc-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;padding:30px 34px;border:1px solid #52664c;border-radius:14px;background:radial-gradient(ellipse at 90% 20%,#253a29 0,transparent 65%),#141f23;margin-bottom:20px}.dc-hero p{max-width:620px;line-height:1.75;margin-bottom:18px}.dc-hero a,.dc-next a{color:#d3ffae;font-size:14px;display:inline-flex;gap:8px;align-items:center;min-height:44px}.dc-orbit{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:28px}.dc-node{display:grid;place-items:center;width:62px;height:62px;border:1px solid #879888;border-radius:18px;background:#1c2a25}.dc-node svg{width:27px;height:27px;color:#d3ffae}.dc-connection{height:1px;min-width:18px;flex:1;max-width:75px;background:#83957b}.dc-hub{flex-shrink:0;margin:0 22px;transform:scale(1.2)}.dc-orbit small{position:absolute;bottom:6px;font-size:12px;letter-spacing:2px;color:#bdd0c0;white-space:nowrap}.dc-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dc-capability{display:flex;gap:14px;padding:18px;border:1px solid #526773;background:#131d23;border-radius:10px;min-width:0}.dc-capability-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#24352b;color:#c8f3a5;flex-shrink:0}.dc-capability strong,.dc-capability span:not(.dc-capability-icon),.dc-capability small{display:block}.dc-capability strong{font-size:14px;margin-bottom:7px}.dc-capability span:not(.dc-capability-icon){font-size:13px;color:#d0e8d7}.dc-capability small{font-size:12px;line-height:1.6;color:var(--dc-muted);margin-top:4px}.dc-message{padding:14px 18px;border-left:3px solid #bafa7b;background:#172529;min-height:51px;margin:18px 0;font-size:14px;overflow-wrap:anywhere}.dc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;margin-bottom:20px}.dc-card{padding:24px;min-width:0}.dc-card-heading{display:flex;align-items:start;gap:14px;margin-bottom:22px}.dc-card-heading h3{margin:0 0 7px}.dc-card-heading p{margin:0;line-height:1.6}.dc-step{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#30412b;color:#d2ffae;font-size:12px;flex-shrink:0}.dc-readout{margin:0 0 22px;padding:0}.dc-readout>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #3f515d;font-size:13px}.dc-readout dt{color:var(--dc-muted)}.dc-readout dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:62%;color:#e5ebeb}.dc-card label{display:block;color:#e5ebeb;font-size:14px;margin:12px 0 8px}.dc-card label span{color:var(--dc-muted);font-size:12px}.dc-card input,.dc-card textarea{width:100%;min-width:0}.dc-card textarea{resize:vertical;min-height:170px}.dc-note{font-size:13px!important;line-height:1.7!important;margin:12px 0;color:var(--dc-muted)}.dc-actions,.dc-source-choices{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 10px}.dc-actions .btn,.dc-source-choices .btn{white-space:normal;min-height:44px}.dc-source-choices .btn[aria-pressed=true]{border-color:#c5f799;background:#33432c;color:#e1ffca}.dc-security-path{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:24px;padding:15px 0;border-top:1px solid #526773;flex-wrap:wrap}.dc-security-path span{display:flex;align-items:center;gap:6px;font-size:12px;color:#cbddcf}.dc-security-path svg{width:16px;height:16px}.dc-envelope{padding:18px;border:1px solid #91a879;border-radius:8px;background:#1c2a24;margin-top:18px}.dc-envelope strong{display:flex;gap:8px;align-items:center;font-size:14px;color:#daf5c6}.dc-envelope dl{font-size:13px;line-height:1.7}.dc-envelope dl div{margin-top:10px}.dc-envelope dt{color:var(--dc-muted)}.dc-envelope dd{margin:2px 0}.dc-envelope p{font-size:13px}.dc-unlock{margin-bottom:20px}.dc-unlock form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:16px;align-items:end}.dc-unlock label{margin:10px 0 0}.dc-unlock label input{margin-top:8px}.dc-unlock input[type=file]{padding:10px;max-width:100%}.dc-unlock input[type=file]::file-selector-button{font:inherit;color:#172314;background:#c3ef99;border:0;border-radius:3px;padding:6px;margin-right:10px}.dc-unlock .btn{min-height:44px}.dc-unlock pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0e171d;border:1px solid #718994;border-radius:6px;padding:18px;max-height:340px;overflow:auto;font:14px/1.7 ui-monospace,monospace;margin:15px 0}.dc-card audio{width:100%;margin:10px 0}.dc-next{display:flex;gap:24px;justify-content:space-between;border:1px solid #536671;border-radius:10px;padding:22px;background:#141d23;align-items:center}.dc-next>div{max-width:770px}.dc-next svg{color:#bddf9b;margin-right:8px;vertical-align:middle}.dc-next strong{font-size:15px}.dc-next p{font-size:14px;line-height:1.7;margin:12px 0 0}.dc-next a{flex-shrink:0}.dc-policy{margin-bottom:20px}.dc-policy fieldset{border:1px solid #718994;padding:20px;border-radius:8px}.dc-policy legend{font-size:14px;padding:0 8px;color:#dfeadf}.dc-policy .toggle-row{padding:12px 0;gap:24px;max-width:650px}.dc-policy .toggle-row span{max-width:90%}.dc-policy #device-policy-message{min-height:26px;font-size:14px}.device-workspace [hidden]{display:none!important}.dc-card .form-error:empty{margin:0}.dc-card .form-error{font-size:14px;color:#ffc4b7}
@media(max-width:1100px){.dc-hero{grid-template-columns:1.2fr .8fr;gap:20px}.dc-capabilities{grid-template-columns:1fr}.dc-capability{align-items:center}.dc-unlock form{grid-template-columns:1fr 1fr}.dc-unlock form .btn{grid-column:1/-1;justify-self:start}.dc-next{flex-wrap:wrap}}
@media(max-width:760px){.dc-grid{grid-template-columns:minmax(0,1fr)}.dc-hero{grid-template-columns:1fr;padding:22px}.dc-orbit{min-height:120px}.dc-card{padding:20px}.dc-unlock form{grid-template-columns:1fr}.dc-unlock form .btn{justify-self:stretch}.dc-next a{flex-shrink:1;white-space:normal}.dc-actions .btn{flex:1 1 160px}.dc-policy fieldset{padding:12px}.dc-readout>div{flex-wrap:wrap;gap:5px}.dc-readout dd{max-width:100%;text-align:left}.dc-readout dt{width:100%}}
@media(forced-colors:active){.dc-hero,.dc-card,.dc-capability,.dc-next,.dc-envelope{background:Canvas;color:CanvasText;border:1px solid CanvasText}.dc-node,.dc-step{background:Canvas;color:CanvasText}.dc-connection{background:CanvasText}.dc-source-choices .btn[aria-pressed=true]{background:Highlight;color:HighlightText}.dc-message{border-color:Highlight}.dc-unlock pre{background:Canvas;color:CanvasText}}