body{margin:0;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f6faff;color:#222}#root{min-height:100vh;display:flex;flex-direction:column;padding:40px 20px}.container{width:100%;max-width:1400px;margin:0 auto}.app-container{flex:1;display:flex;flex-direction:row;gap:24px;width:100%;max-width:1400px;margin:0 auto}.twocol{flex-direction:row}.left-col{flex:0 0 420px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #003cff14;padding:24px 20px;display:flex;flex-direction:column;gap:.5rem}.right-col{flex:1;background:#fff;border-radius:16px;box-shadow:0 4px 24px #003cff14;padding:24px 20px;display:flex;flex-direction:column;gap:.5rem}h1{color:#1976d2;font-size:2.2rem;margin-bottom:.5em;font-weight:700}label{color:#1976d2;font-weight:500}input,select,textarea{width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;border:1px solid #bcd6f7;border-radius:8px;margin-top:6px;margin-bottom:16px;font-size:1rem;background:#f6faff;transition:border .2s;word-break:break-all}.scope-multiselect{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;background:#f0f6ff;border:1px solid #bcd6f7;border-radius:8px;padding:12px 10px}.scope-option{display:flex;align-items:center;justify-content:flex-start;background:transparent;border-radius:0;padding:4px 0;font-size:.98rem;color:#1976d2;font-weight:500;margin:0;border:none;min-height:24px;line-height:1.2;gap:8px}.scope-option input[type=checkbox]{margin:0;width:18px;height:18px;min-width:18px;cursor:pointer;flex-shrink:0}.scope-custom{width:100%;min-width:unset;flex:unset;border:1px solid #bcd6f7;background:#fff;padding:8px 10px;box-sizing:border-box;margin-top:4px}input:focus,select:focus,textarea:focus{border:1.5px solid #1976d2;outline:none}button{background:#1976d2;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}button:hover{background:#1256a6}.section-title{font-size:1.2rem;color:#1976d2;margin-bottom:8px;font-weight:600}.result-block{background:#f0f6ff;border-radius:8px;padding:12px 16px;font-size:.98rem;word-break:break-all;margin-bottom:8px}.flex-row{display:flex;gap:12px}.input-with-button{display:flex;gap:8px;margin-top:6px;margin-bottom:16px}.input-with-button input{flex:1;margin-top:0;margin-bottom:0}.copy-btn{flex-shrink:0;padding:10px 14px;min-width:44px;background:#1976d2;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s;height:fit-content;align-self:center;margin-top:0}.copy-btn:hover{background:#1256a6}.clear-cache-btn{background:#d32f2f;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.clear-cache-btn:hover{background:#b71c1c}.icon-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;background:#e8f1fd;color:#1976d2;border:1px solid #bcd6f7;border-radius:8px;font-weight:600}.icon-btn:hover{background:#d8e7fb}.icon-btn svg{width:18px;height:18px}.icon-only{padding:10px;min-width:40px;justify-content:center}.helper-text{color:#6b7280;font-size:.9rem;margin-top:-8px;margin-bottom:12px}.auth-url-wrapper{position:relative}.auth-url-block{padding-right:56px}.auth-url-copy{position:absolute;top:8px;right:8px;background:#fff;border:1px solid #d3e1f5}.auth-url-copy:hover{background:#eef4ff}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:.95rem;font-weight:500;min-width:200px;max-width:400px;animation:slideIn .3s ease-out;pointer-events:auto}.toast-success{background:#4caf50;color:#fff}.toast-error{background:#f44336;color:#fff}.toast-warning{background:#ff9800;color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9998;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #0003;animation:scaleIn .2s ease-out}.modal-content h3{margin:0 0 12px;color:#1976d2;font-size:1.3rem}.modal-content p{margin:0 0 20px;color:#666;line-height:1.5}.modal-buttons{display:flex;gap:12px;justify-content:flex-end}.modal-buttons button{padding:8px 16px;font-size:.95rem}.btn-cancel{background:#757575!important}.btn-cancel:hover{background:#616161!important}.btn-confirm{background:#d32f2f!important}.btn-confirm:hover{background:#b71c1c!important}.footer{padding:16px 20px 32px;color:#6b7280;font-size:.95rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.footer-left{color:inherit}.footer-links{display:flex;align-items:center;gap:8px;color:#6b7280;font-weight:500}.footer-links a{color:inherit;text-decoration:none}.footer-links a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 1024px){.app-container{flex-direction:column;gap:20px}.left-col,.right-col{flex:1!important}#root{padding:20px 10px}.toast-container{right:10px;top:10px;left:10px}.toast{max-width:100%}}