.champion-assets{margin:20px 0;padding:20px;border:1px solid #41434d;border-radius:12px;background:#17191f;color:#eee}.champion-assets h2,.champion-assets h3{margin:0 0 12px}.champion-assets p{margin:10px 0}.champion-assets-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.champion-assets label{display:inline-flex;align-items:center;gap:8px}.champion-assets button,.champion-assets select{padding:8px 12px;border:1px solid #646879;border-radius:6px;background:#292d38;color:#fff}.champion-assets button:disabled{opacity:.45;cursor:default}.champion-assets button:not(:disabled){cursor:pointer}.champion-assets button:focus-visible,.champion-assets select:focus-visible,.champion-crop-viewport:focus-visible{outline:2px solid #aab9ff;outline-offset:3px}.champion-asset-card{padding:16px;max-width:100%;box-sizing:border-box;border:1px solid #41434d;border-radius:8px;background:#20232c}.champion-crop-viewport{position:relative;overflow:hidden;background:#08090b;cursor:grab;touch-action:none;max-width:100%}.champion-crop-viewport:active{cursor:grabbing}.champion-crop-viewport img{position:absolute;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}.champion-assets .champion-crop-zoom{display:flex;flex-wrap:wrap;margin-top:12px}.champion-crop-zoom input{min-width:80px;flex:1;accent-color:#aab9ff}.champion-assets a{color:#b7c5ff}.champion-assets-import{margin:16px 0;padding:12px;border:1px solid #646879;border-radius:8px}.champion-layout-controls{margin-top:20px}.champion-assets-workspace{display:flex;align-items:flex-start;gap:20px;margin-top:16px}.champion-assets-workspace[hidden]{display:none}.champion-assets-workspace>.champion-asset-card{flex:0 1 354px;min-width:0}.champion-layout-preview{flex:1;min-width:0;padding:16px;border:1px solid #41434d;border-radius:8px;background:#101218}.champion-layout-scene{display:grid;gap:8px;padding:8px}.champion-layout-slot{position:relative;min-width:0;margin:0;overflow:hidden;border:0;box-shadow:inset 0 0 0 1px #41434d;border-radius:4px;background:#242833}.champion-layout-slot.is-edited{outline:2px solid #aab9ff;outline-offset:2px}.champion-layout-slot>img,.champion-layout-slot>svg{display:block;width:100%;height:100%;object-fit:cover}.champion-layout-draft{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);grid-auto-flow:column}.champion-layout-pick-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#0007,transparent 55%,#0009)}.champion-layout-broadcast{grid-template-columns:repeat(10,minmax(0,1fr))}.champion-layout-bans{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.champion-layout-ban-strike{position:absolute;width:140%;height:3px;background:#ff7d86;top:50%;left:-20%;transform:rotate(-45deg)}.champion-layout-portraits{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width: 850px){.champion-assets-workspace{flex-direction:column}.champion-assets-workspace>.champion-asset-card{flex-basis:auto}.champion-layout-preview{align-self:stretch}}@media (max-width: 500px){.champion-assets{padding:12px}.champion-layout-preview{padding:10px}}.champion-assets .champion-crop-zoom input[type=range]{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;pointer-events:auto;cursor:pointer;width:100%;min-width:120px;height:24px;flex:1 0 100%;margin:6px 0}.champion-assets .champion-crop-zoom input[type=range]::-webkit-slider-thumb{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;width:auto;height:auto;position:static;border:0;background:initial}.champion-assets{box-sizing:border-box;min-width:0;max-width:100%;font-size:16px}.champion-assets label{flex-wrap:wrap;max-width:100%}.champion-assets select,.champion-assets button{max-width:100%;font:inherit}.champion-crop-viewport{-webkit-user-select:none;user-select:none}.champion-layout-preview{box-sizing:border-box;overflow:hidden}.champion-layout-stage{position:relative;width:100%;overflow:hidden}.champion-layout-scene{position:absolute;top:0;left:0;box-sizing:border-box;transform-origin:top left}.champion-layout-slot{box-sizing:border-box}.champion-assets .champion-layout-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent}.champion-assets .champion-layout-select:focus-visible{outline:2px solid #aab9ff;outline-offset:-3px}.champion-crop-dirty{font-size:12px;color:#f1c879}.champion-artwork-thumbnail{display:block;width:154px;height:140px;margin-top:12px;object-fit:cover;border-radius:4px}.champion-crop-viewport{background:repeating-conic-gradient(#252833 0% 25%,#181b24 0% 50%) 50% / 16px 16px}.champion-layout-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.champion-layout-guides line{stroke:#7dd3fc;stroke-width:1px;stroke-dasharray:3 3}