:root{color-scheme:light}body{margin:0;background:#f4f6f9;color:#17263e;font:15px 'Segoe UI',system-ui}header{display:flex;align-items:center;gap:24px;background:#17263e;color:white;padding:20px 32px;border-bottom:4px solid #ed9132}header strong{font-size:24px;letter-spacing:2px}header a{margin-left:auto;color:#dbe8fa}header small{color:#edba81}main{max-width:1200px;margin:32px auto;padding:0 24px}h1{font-size:30px;margin-bottom:8px}h2{font-size:19px}.intro{color:#52627a;line-height:1.6}.card{padding:24px;background:white;border:1px solid #dce2eb;border-radius:12px;max-width:680px;margin:24px 0}button{border:1px solid #cbd5e2;border-radius:6px;background:white;color:#17263e;padding:9px 13px;cursor:pointer}button:hover{background:#eaf0f8}button:disabled{opacity:.45;cursor:default}#auth button,#application-launch{background:#2159a0;color:white;border-color:#2159a0}input,select,textarea{border:1px solid #bbc8d9;border-radius:5px;padding:8px}section{max-width:100%}.toolbar{display:flex;flex-wrap:wrap;gap:4px;margin:24px 0 12px}textarea{max-width:70%;width:500px}#application-tiles{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.application-tile{background:white;text-align:left;padding:18px 24px;min-width:200px;border-left:4px solid #ed9132;font-size:18px;font-weight:600}#application-status,#status{font:13px 'Segoe UI',system-ui;line-height:1.6;overflow-wrap:anywhere}.display{background:#182335;padding:12px;border-radius:10px;display:inline-block;max-width:calc(100% - 24px)}canvas{outline:none;max-width:100%;height:auto}canvas:focus{outline:2px solid #ed9132} [hidden]{display:none!important}@media(max-width:700px){header{flex-wrap:wrap;padding:16px;gap:12px}header span{display:none}main{padding:0 12px;margin-top:20px}textarea{max-width:90%}}