*{box-sizing:border-box}body{margin:0;background:#fafbf9;color:#293a2f;font-family:"Microsoft YaHei UI",sans-serif;font-size:14px}header{height:72px;border-bottom:1px solid #e2e7df;background:#fff;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:stretch}nav{display:flex;gap:36px;align-items:stretch}nav a{display:flex;align-items:center;text-decoration:none;color:#83907e;font-size:14px;border-bottom:2px solid transparent}nav a[aria-current]{color:#304b38;border-color:#304b38;font-weight:600}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default}.library{max-width:1180px;margin:30px auto;padding:0 24px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7d8977;font-size:12px}.toolbar input{padding:11px 14px;border:1px solid #dce3d6;border-radius:8px;width:240px;background:#fff;color:#293a2f}#gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:25px}article{padding:14px;background:#fff;border:1px solid #e3e8de;border-radius:12px}article img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#f0f2ec;border-radius:8px}article h2{font-size:13px;font-weight:500;margin:16px 0 8px}article p{font-size:11px;color:#929d89;margin:0 0 4px}#error{color:#a25245;font-size:12px}@media(max-width:850px){#gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){header{height:62px;padding:0 20px}nav{gap:30px}nav a{font-size:13px}.library{margin:22px auto;padding:0 18px}#gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toolbar input{width:180px}article{padding:11px}}

.shell-preview{background:#f0f2ec;border-radius:8px;overflow:hidden}article .shell-preview img{background:transparent}

.execution-panel{border:1px solid #e0e7d9;border-radius:10px;background:#fff;margin-bottom:24px;font-size:12px}.execution-panel summary{cursor:pointer;padding:15px 17px;color:#3f5838}.execution-panel summary span{color:#8b987e;margin-left:14px;font-size:11px}.device-settings{padding:4px 17px 17px}.device-settings label{display:flex;gap:12px;align-items:center}.device-settings select{padding:8px;border:1px solid #dce3d6;border-radius:6px;background:white;color:#47613c}.device-actions{display:flex;gap:12px;align-items:center;margin-top:16px}.device-actions a,.device-actions button,.device-row button{border:1px solid #cbd7c1;background:#f5f8f0;color:#45613a;text-decoration:none;padding:9px 13px;border-radius:6px;font-size:11px}#pairing-code{display:block;font-size:23px;letter-spacing:3px;color:#304b38;margin-top:14px}#pairing-code[hidden]{display:none}#device-message{font-size:11px;color:#829372;line-height:1.8}.device-row{display:flex;align-items:center;gap:16px;padding:9px 0;border-top:1px solid #edf0e8}.device-row>span:first-child{flex:1}.device-row>span:nth-child(2){color:#8a977e}.device-row button{padding:5px 9px}.error{color:#ae5348!important}