/* Layout copied from the user's reference page; no analytics or SDK credentials. */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,"Microsoft YaHei",sans-serif;background:#f5f6fa;padding:24px;}
h1{text-align:center;color:#1a73e8;margin-bottom:6px;font-size:22px;}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;}
@media (max-width:768px){.grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px){.grid{grid-template-columns:1fr;}}
.slot{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 6px rgba(0,0,0,.06);}
.slot.hidden{display:none;}
.slot-label{font-size:13px;font-weight:600;color:#555;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;}
.slot-label .ls-tag{font-size:11px;color:#1a73e8;background:#e8f0fe;padding:2px 6px;border-radius:4px;font-weight:normal;font-family:monospace;}
.slot-container{min-height:120px;display:flex;align-items:center;justify-content:center;}
.ssp360-card{border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:pointer;transition:box-shadow .2s,transform .15s;max-width:100px;height:100px;}
.ssp360-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.12);transform:translateY(-1px);}
.ssp360-card-img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-drag:none;}
#error:not([hidden]){max-width:1000px;margin:16px auto;font-size:13px;color:#b42318;}