:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:#222;background:#f5f6f8}*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:#f5f6f8}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}.app{width:min(100%,1360px);margin:0 auto;padding:24px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.site-info{display:flex;align-items:center;gap:14px;min-width:0}.avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid #d8dce2;background:#fff}.contact-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:6px;font-size:14px;color:#68717d}.contact-links a{color:#2f74d0;text-decoration:none}.contact-links a:hover{text-decoration:underline}.top p{margin:0 0 4px;color:#777;font-size:14px}.top h1{margin:0;font-size:26px;font-weight:650}.top button,.row button,.nav button{min-height:40px;border:1px solid #d8dce2;background:#fff;border-radius:8px;padding:9px 14px;color:#222}.top button:hover,.row button:hover,.nav button:hover,.presets button:hover,.quick-row button:hover{background:#f0f3f7}.layout{display:grid;grid-template-columns:300px minmax(420px,500px) minmax(360px,1fr);gap:16px;align-items:start}.card{min-width:0;background:#fff;border:1px solid #e0e3e8;border-radius:12px;padding:16px;box-shadow:0 1px 2px #00000008}.drop{height:210px;border:1px dashed #b9c0ca;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;background:#fafbfc}.drop.on{border-color:#2f74d0;background:#f4f8ff}.drop input{display:none}.drop b{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:20px;background:#eef3f8;color:#44576c;font-size:15px}.drop strong{font-size:17px}.drop span,.hint,.state,.field span,.lab{color:#68717d;font-size:14px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0}.thumbs{display:flex;flex-direction:column;gap:8px;max-height:390px;overflow:auto}.thumb{position:relative;display:grid;grid-template-columns:52px 1fr 28px;align-items:center;gap:10px;text-align:left;border:1px solid #e0e3e8;border-radius:9px;background:#fff;padding:7px;color:#222}.thumb.sel{border-color:#2f74d0;background:#f7fbff}.thumb img{width:52px;height:42px;object-fit:cover;border-radius:6px;background:#eee}.thumb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb i{font-style:normal;text-align:center;color:#8b949e;font-size:18px;line-height:28px}.group{border-bottom:1px solid #eceff3;padding-bottom:16px;margin-bottom:16px}.group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.group h2{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:650;margin:0 0 14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field input,.field select{width:100%;min-height:42px;border:1px solid #cfd6df;border-radius:8px;background:#fff;padding:10px 11px;color:#222;outline:none}.field input:focus,.field select:focus{border-color:#2f74d0;box-shadow:0 0 0 3px #2f74d01a}.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.presets,.quick-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}.presets button,.quick-row button{min-height:40px;border:1px solid #d8dce2;background:#fff;border-radius:8px;padding:10px 8px;color:#333}.quick-row{grid-template-columns:repeat(4,1fr)}.quick-row button{font-size:13px;padding:8px 6px}.preview{position:sticky;top:18px}.box{min-height:420px;border-radius:10px;background:#1f2328;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#c9d1d9}.box img{max-width:100%;max-height:560px;display:block;object-fit:contain}.nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.nav button:disabled,.primary:disabled{opacity:.5;cursor:not-allowed}.primary{width:100%;min-height:44px;padding:12px 16px;margin-top:9px;border:1px solid #256fc9;border-radius:8px;background:#2f74d0;color:white;font-weight:650}.primary:hover{background:#255fae}.primary.alt{background:#fff;color:#2f74d0;border-color:#b8cbe2}.primary.alt:hover{background:#f5f9ff}.state{margin-top:12px;background:#f7f8fa;border:1px solid #eceff3;border-radius:8px;padding:10px;text-align:center}.err{color:#b42318;background:#fff4f3;border:1px solid #ffd4cf;padding:10px;border-radius:8px}.hint{margin:4px 0 0}
@media(max-width:1280px){.layout{grid-template-columns:280px minmax(380px,480px) minmax(320px,1fr)}}
@media(max-width:1050px){.layout{grid-template-columns:300px 1fr}.preview{position:static;grid-column:1/-1}.box{min-height:360px}.thumbs{max-height:310px}}
@media(max-width:760px){.app{padding:14px}.top{align-items:flex-start}.top h1{font-size:23px}.layout{grid-template-columns:1fr;gap:12px}.card{border-radius:10px;padding:14px}.drop{height:170px}.preview{grid-column:auto}.box{min-height:260px;max-height:55vh}.box img{max-height:55vh}.quick-row{grid-template-columns:1fr 1fr}.presets{grid-template-columns:1fr 1fr}.thumbs{max-height:260px}.top button,.row button,.nav button,.primary,.presets button,.quick-row button{min-height:44px}}
@media(max-width:480px){.app{padding:10px}.top{flex-direction:column;align-items:stretch;margin-bottom:12px}.site-info{align-items:flex-start}.avatar{width:48px;height:48px}.contact-links{flex-direction:column;gap:4px}.top h1{font-size:21px}.top button{width:100%}.g2,.presets,.quick-row,.nav{grid-template-columns:1fr}.drop{height:150px}.drop strong{font-size:16px}.drop span{font-size:13px}.row{align-items:stretch}.row button{min-width:92px}.thumb{grid-template-columns:48px 1fr 32px}.thumb img{width:48px;height:40px}.box{min-height:220px}.group h2{font-size:16px}.field input,.field select{font-size:16px}}
@media(hover:none){button:hover,.primary:hover,.primary.alt:hover{background:initial}.primary:hover{background:#2f74d0}.primary.alt:hover{background:#fff}}