.homepage-manager{max-width:1200px;color:inherit;padding:24px}.homepage-manager h1{margin-bottom:12px;font-size:28px;font-weight:650}.homepage-manager p{margin:16px 0;line-height:1.6}.homepage-manager nav,.homepage-manager-controls{flex-wrap:wrap;align-items:end;gap:24px;margin:24px 0;display:flex}.homepage-manager a{text-underline-offset:4px;text-decoration:underline}.homepage-manager label{gap:8px;display:grid}.homepage-manager input,.homepage-manager select,.homepage-manager button{color:inherit;font:inherit;background:0 0;border:1px solid #777;border-radius:6px;padding:10px 12px}.homepage-manager option{color:#111;background:#fff}.homepage-manager :is(a,button,input,select):focus-visible{outline-offset:3px;outline:2px solid}.homepage-manager-table{overflow-x:auto}.homepage-manager table{border-collapse:collapse;text-align:left;width:100%}.homepage-manager th,.homepage-manager td{border-bottom:1px solid #7775;padding:14px 12px}.homepage-manager td:not(:first-child){white-space:nowrap}@media (width<=600px){.homepage-manager{padding:16px}.homepage-manager-controls{gap:16px}}.homepage-manager .homepage-featured-toggle{cursor:pointer;align-items:center;gap:10px;display:flex}.homepage-manager input[type=checkbox]{accent-color:#e89940;width:20px;height:20px;padding:0}.homepage-manager :disabled{opacity:.55;cursor:wait}.hero-cropper-stage{background:#12171c;width:100%;margin:24px auto;position:relative;overflow:hidden}.hero-cropper-stage>img{user-select:none;width:100%;height:auto;display:block}.hero-cropper-selection{cursor:move;touch-action:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 1500px #0009}.hero-cropper-selection:focus-visible{outline-offset:-5px;outline:3px solid #e89940}.hero-cropper-selection:after{content:"";pointer-events:none;border:1px solid #ffffff90;position:absolute;inset:33.333%}.hero-editor .hero-cropper-handle{touch-action:none;z-index:1;background:#b86d16;border:2px solid #fff;border-radius:2px;width:24px;min-width:0;height:24px;padding:0;position:absolute}.hero-cropper-handle.nw{cursor:nwse-resize;top:0;left:0}.hero-cropper-handle.ne{cursor:nesw-resize;top:0;right:0}.hero-cropper-handle.sw{cursor:nesw-resize;bottom:0;left:0}.hero-cropper-handle.se{cursor:nwse-resize;bottom:0;right:0}.hero-editor-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0 16px;display:flex}.hero-viewport-picker{flex:0 280px;gap:6px;min-width:0;display:grid}.hero-viewport-picker select{min-height:44px}.hero-editor button[aria-pressed=true]{color:#17120d;background:#e89940;border-color:#e89940}.hero-editor-host{background:#10151a;width:100%;overflow:hidden}.hero-editor-viewport{margin:auto;position:relative;overflow:hidden}.hero-editor iframe{transform-origin:0 0;pointer-events:none;border:0;display:block}.hero-editor-drag{cursor:grab;touch-action:none;user-select:none;position:absolute;inset:0}.hero-editor-drag:active{cursor:grabbing}.hero-editor-controls{flex-wrap:wrap;align-items:end;gap:24px;margin-top:24px;display:flex}.hero-editor-controls label{flex:220px}.hero-editor-controls input[type=range]{accent-color:#e89940;width:100%;min-height:36px;padding:0}.hero-editor-controls output{font-variant-numeric:tabular-nums}.hero-editor .hero-editor-hint{font-size:14px}.hero-editor details{border-top:1px solid #7776;padding:16px 0}.hero-editor summary{cursor:pointer;padding:8px 0;font-size:18px;font-weight:600}.hero-editor summary:focus-visible{outline-offset:3px;outline:2px solid}.hero-editor details>label{margin:16px 0}.hero-editor select{width:100%;max-width:100%}.hero-album-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;max-height:420px;margin-top:16px;display:grid;overflow:auto}.hero-editor .hero-album-grid button,.hero-editor .hero-style-grid button{text-align:left;padding:6px;overflow:hidden}.hero-album-grid img,.hero-style-grid img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.hero-album-grid span,.hero-style-grid span,.hero-style-grid strong{padding:6px 4px;display:block}.hero-style-grid span{font-size:12px}.hero-style-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px;display:grid}.hero-source-status{flex-wrap:wrap;align-items:center;gap:16px;margin:12px 0 24px;display:flex}.hero-editor button:hover:not(:disabled){border-color:#e89940}