*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;font-size:16px;line-height:1.5;color:#333;background:#fff;min-height:100vh}input,button{font-family:inherit}.app{max-width:480px;margin:0 auto;padding:2rem}.app h1{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid #ccc}.tab{padding:.5rem 1.25rem;border:1px solid #ccc;border-bottom:none;background:#f5f5f5;cursor:pointer;font-size:.875rem;margin-bottom:-1px}.tab-active{background:#fff;border-bottom:1px solid #fff;font-weight:600}.form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.form label,.token-section label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}.form input,.form select,.token-input{padding:.5rem .75rem;border:1px solid #ccc;font-size:1rem}.form button,.token-row button{padding:.5rem 1rem;border:1px solid #999;background:#f5f5f5;cursor:pointer;font-size:1rem}.form button:disabled{opacity:.7;cursor:not-allowed}.error{color:#c00;font-size:.875rem;margin:0 0 1rem}.success{color:#060;font-size:.875rem;margin:0 0 1rem}.context-info{margin-bottom:1rem;padding:.75rem;background:#f8f8f8;border:1px solid #e0e0e0}.context-info p{margin:0;font-size:.875rem}.context-label{font-weight:600;margin-bottom:.25rem}.token-section{margin-top:1rem}.context-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #ccc}.context-section h2{margin:0 0 1rem;font-size:1.25rem;font-weight:600}.token-section label{margin-bottom:.25rem}.token-row{display:flex;gap:.5rem}.token-input{flex:1;font-family:monospace;font-size:.75rem}.scope-fieldset{border:1px solid #ccc;padding:.75rem;margin:0}.scope-fieldset legend{font-size:.875rem;padding:0 .25rem}.scope-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.scope-checkbox{display:flex;flex-direction:row;align-items:center;gap:.3rem;font-size:.85rem;cursor:pointer}.info{font-size:.875rem;color:#555;margin:0 0 1rem}