/* Controller workspace */
#page-controller.active{display:block}
.logout-button{background:transparent;color:#87918f;font-size:24px;padding:6px;cursor:pointer}
.logout-button:hover{color:#f0fffc}
.controller-card{max-width:740px;margin-top:34px;padding:36px;display:flex;gap:22px;background:linear-gradient(125deg,#111a19,#0a0e0e 70%);border:1px solid #263834;border-radius:18px;box-shadow:0 24px 60px #0003}
.controller-icon{display:grid;place-items:center;flex:0 0 57px;height:57px;border-radius:15px;background:#153b35;border:1px solid #27564d;color:#61ebd4;font-size:28px}
.controller-main{flex:1;min-width:0}.controller-main h2{font-size:26px;letter-spacing:-.8px;margin:9px 0 7px}.controller-main>p{color:#95a7a2;line-height:1.7;max-width:540px;margin:0 0 28px}
.license-label{display:block;color:#7faaa1;font-size:10px;font-weight:800;letter-spacing:1.8px;margin-bottom:10px}
.license-row{display:flex;border:1px solid #31584f;background:#080f0e;border-radius:11px;overflow:hidden;max-width:580px}
.license-row input{flex:1;min-width:0;padding:17px;border:0;background:transparent;color:#e0fff8;letter-spacing:1.1px;font:600 13px ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:none}
.license-row button{display:flex;align-items:center;gap:8px;padding:0 18px;border-left:1px solid #31584f;background:#12362f;color:#8bf4e0;font-weight:700;cursor:pointer}
.license-row button:hover{background:#1d5045}.controller-main .controller-download{margin:20px 0 0;color:#9caaa7;font-size:13px}.controller-download a{color:#509cff;text-decoration:none;font-weight:700}.controller-download a:hover{text-decoration:underline}
@media(max-width:700px){.controller-card{padding:24px;display:block}.controller-icon{width:57px;margin-bottom:20px}.license-row input{font-size:10px;padding:13px}.license-row button{padding:0 11px}.workspace{padding:24px 16px}}