*{box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#242220;background:#f7f5f2;font-synthesis:none}body{margin:0;font-size:14px}button,input{font:inherit}button{cursor:pointer;border:1px solid #ded4cd;border-radius:9px;background:#fff;color:inherit;padding:9px 14px;white-space:normal}button:hover:not(:disabled){background:#f8f2ed}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #3887ff;outline-offset:3px}h1{font-size:21px;margin:0 0 4px}h2{font-size:18px;margin:0}h3{font-size:15px}p{line-height:1.7}small{display:block;color:#89817a;font-size:12px;font-weight:400;overflow-wrap:anywhere}h2 small{display:inline;margin-left:8px}.top{background:#fff;padding:22px 24px;border-bottom:1px solid #e5dcd6;display:flex;align-items:center;justify-content:space-between;gap:20px}.top p{margin:0;color:#89817a;font-size:13px}nav{display:flex;align-items:center;gap:14px;background:#fff;padding:12px 24px;border-bottom:1px solid #e5dcd6}nav button{border:0;border-radius:0}button.active{color:#ff432c;background:#fff1ec;border-color:#ffb0a4}main{padding:24px}.panel{background:#fff;border:1px solid #e4dcd6;border-radius:16px;overflow:hidden}.panel>header,.wizard>header{display:flex;align-items:center;justify-content:space-between;padding:18px;gap:16px;border-bottom:1px solid #e9e0d9}.primary{background:#ff442d!important;color:#fff;border-color:#ff442d}.danger{color:#c23222}.brand{background:#1977f3;color:#fff;font-weight:800;border-radius:7px;font-size:20px;width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center}.brand.large{width:56px;height:56px;font-size:38px;flex-shrink:0;border-radius:13px}.empty{padding:70px 24px;text-align:center;color:#8b837d}.empty h2{color:#242220}.empty-icon{margin:0 auto 30px;background:#ff442d;color:#fff;width:46px;height:46px;border-radius:50%;font-size:34px}.alert{background:#fff3ed;color:#963b22;border:1px solid #f2c8b8;border-radius:9px;padding:12px 16px;margin:16px;overflow-wrap:anywhere}.group{border-bottom:1px solid #eee3dc;padding:18px}.group-heading{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.group-heading>div:first-child{flex:1;min-width:160px}.badge{border-radius:12px;background:#f0eeeb;color:#827970;font-size:11px;padding:4px 9px;white-space:nowrap}.badge.valid{background:#e7f7ef;color:#178d64}.badge.invalid{background:#fff0ec;color:#b75239}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:18px;text-align:left}th{font-size:12px;color:#8b837d;background:#fbfaf8;font-weight:500}td,th{padding:14px 12px;border-bottom:1px solid #f0e9e4}td:first-child{min-width:180px;max-width:400px;overflow-wrap:anywhere}.more{display:block;margin:16px auto 0}.empty-group,.loading{color:#8b837d;padding:20px}.pager{display:flex;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:12px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;padding:20px}.media-card{padding:20px;border:1px solid #e7ddd5;border-radius:13px}.media-card button{margin:5px 8px 0 0}.media-card h3{overflow-wrap:anywhere}.wizard>header{background:#fff;border:1px solid #e7ddd5;border-radius:10px}.steps{display:flex;justify-content:center;list-style:none;padding:22px 0;gap:100px;color:#a29a92}.steps li{text-align:center;font-size:12px}.steps b{display:flex;width:32px;height:32px;border:1px solid #ddd2c7;background:#fff;align-items:center;justify-content:center;border-radius:50%;margin:0 auto 7px}.steps .current{color:#242220}.steps .current b{background:#ff442d;color:#fff;border-color:#ff442d}.wizard-card{max-width:850px;margin:0 auto;padding:28px 24px;background:#fff;border:1px solid #e5dcd6;border-radius:16px;text-align:center}.subtle{color:#89817a;font-size:13px}.connect-meta{display:flex;align-items:center;gap:16px;text-align:left;background:#eef5ff;border:1px solid #bad3ff;border-radius:14px;padding:20px 16px;margin:22px 0 18px}.connect-meta>div{flex:1}.meta-button{background:#1977f3!important;border-color:#1977f3;color:#fff;font-weight:600}.explanations{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}.explanations article{border:1px solid #e5ddd6;border-radius:14px;padding:6px 16px;background:#fbfaf8}.explanations p{color:#88817b;font-size:12px}.media-option,.candidate{display:flex;gap:15px;text-align:left;align-items:center;padding:18px;border-bottom:1px solid #eee5de}.media-option span,.candidate>span:first-of-type{flex:1;overflow-wrap:anywhere}.candidate input,.media-option input{accent-color:#ff442d;width:17px;height:17px;flex-shrink:0}.selection{border:1px solid #e6ddd7;border-radius:15px;text-align:left;overflow:hidden}.selection header{display:flex;justify-content:space-between;gap:10px;padding:16px;font-size:12px}.selection header span{color:#88817b}.search{display:block;width:calc(100% - 32px);margin:0 16px;padding:11px 13px;border:1px solid #e6ddd7;border-radius:9px;background:transparent;color:inherit}.filters{display:flex;gap:8px;padding:10px 16px;border-bottom:1px solid #eee5de}.filters button{font-size:12px;padding:5px 9px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.centered{justify-content:center}.result-list{list-style:none;text-align:left;padding:0}.result-list li{padding:16px;border-bottom:1px solid #eee5de;display:flex;gap:15px;justify-content:space-between}.result-list strong{overflow-wrap:anywhere}.session{max-width:650px;margin:80px auto;background:#fff;padding:40px;border:1px solid #e7ddd5;border-radius:16px}dialog{color:inherit;border:1px solid #ddd2c8;border-radius:16px;padding:24px;width:min(600px,calc(100vw - 32px));max-height:90vh;overflow:auto;background:#fff}dialog::backdrop{background:#1d1a1766}dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}dialog h3,dialog dd{overflow-wrap:anywhere}dl{display:grid;grid-template-columns:110px 1fr;gap:14px;font-size:13px}dt{color:#88817b}dd{margin:0}.confirm{margin-top:20px;padding:18px;background:#fff7f2;border-radius:10px}.confirm button{margin-right:10px}@media(max-width:650px){main{padding:12px}.top{padding:18px}.steps{gap:30px}.wizard-card{padding:24px 16px}.connect-meta{flex-wrap:wrap}.connect-meta button{width:100%}.explanations{grid-template-columns:1fr}.group{padding:12px}.group-heading button{padding:8px}.candidate{padding:16px 10px;gap:8px}.pager{gap:8px}.top h1{font-size:18px}nav{padding:10px 16px;gap:6px}}@media(prefers-color-scheme:dark){:root{color:#eee8e3;background:#201e1c}.top,nav,.panel,.wizard>header,.wizard-card,.session,dialog,button,.steps b{background:#282522;border-color:#514a43}button:hover:not(:disabled){background:#3b342e}.empty h2,.steps .current{color:#eee8e3}.connect-meta{background:#1e3046;border-color:#345888}.explanations article,th{background:#302b27;border-color:#514a43}.confirm{background:#3b2b22}.alert{background:#402b20;color:#ffc19e;border-color:#805239}.badge{background:#49413a;color:#ddd3ca}td,th,.candidate,.filters,.media-option,.group{border-color:#514a43}.badge.valid{background:#173c2f;color:#98debf}.badge.invalid{background:#532d25;color:#ffbeac}button.active{background:#492b23;color:#ffad9d}}
