.manual-shell{max-width:980px;margin:0 auto;padding:20px 14px 40px;}
[hidden]{display:none !important}
.manual-home-link{position:fixed;top:10px;left:10px;text-decoration:none;font-size:24px;z-index:1000}
.manual-hub-block{padding:18px}
.manual-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:14px}
.manual-tile{background:linear-gradient(135deg,#1e1e1e 0%,#2d2d2d 100%);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;border:2px solid #3a3a3a;box-shadow:0 4px 12px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:inherit;min-height:168px}
.manual-tile:hover{transform:translateY(-6px);border-color:#4caf50;box-shadow:0 8px 24px rgba(76,175,80,.24)}
.manual-tile-icon{font-size:2.45rem;line-height:1;margin-bottom:12px}
.manual-tile-title{color:#ffeb3b;font-weight:700;font-size:1.12rem;text-align:center;margin-bottom:6px}
.manual-tile-desc{color:#b7b7b7;font-size:.92rem;text-align:center}
.manual-scene-card{padding:16px}
.manual-scene-card .diva{text-align:center}
.manual-scene-disclaimer{margin:6px auto 2px;max-width:640px;text-align:center;color:#b7b7b7;font-size:.92rem}
.manual-step{margin-top:12px;width:100%;max-width:640px;margin-left:auto;margin-right:auto}
.manual-step[hidden]{display:none!important}
.manual-step-title,.manual-step > label,.manual-step > div:first-child{display:block;text-align:center;margin-bottom:8px}
.manual-scene-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.manual-scene-actions{justify-content:center}
.manual-scene-actions .button{flex:1 1 150px}
.manual-area-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;justify-content:center}
.manual-area-grid label{display:flex;align-items:center;gap:6px;background:#2a2a2a;border:1px solid #3c3c3c;padding:8px 10px;border-radius:8px}
.manual-scene-select,.manual-scene-count{width:100%;max-width:320px;padding:10px;border-radius:8px;border:1px solid #555;background:#2a2a2a;color:#fff;display:block;margin:0 auto}
.manual-custom-countries{margin-top:10px}
.manual-custom-countries summary{cursor:pointer;text-align:center;color:#dcdcdc}
.manual-country-list{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.manual-country-list label{display:flex;align-items:center;gap:6px;background:#2a2a2a;border:1px solid #3c3c3c;padding:8px 10px;border-radius:8px}
.manual-advanced-details{border:1px solid #3c3c3c;border-radius:10px;padding:10px;background:#232323}
.manual-advanced-details summary{cursor:pointer;text-align:center;color:#e7e7e7;font-weight:700}
.manual-advanced-content{margin-top:10px;display:grid;gap:10px}
.manual-advanced-block{display:grid;gap:8px}
.manual-preset-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.manual-preset-actions .button{flex:1 1 170px}
.manual-preset-actions .manual-scene-select{flex:1 1 260px;max-width:none;margin:0}
.manual-config-mode-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:8px}
.manual-config-mode-grid label{display:flex;align-items:center;gap:6px;background:#2a2a2a;border:1px solid #3c3c3c;padding:8px 10px;border-radius:8px;text-align:left}
.manual-config-panel{margin-top:10px;padding:10px;border:1px solid #3c3c3c;border-radius:10px;background:#232323}
.manual-config-summary{margin:10px 0 0 0;padding-left:18px;color:#d8d8d8}
.manual-config-summary li{margin:4px 0}
.manual-time-mode-grid,.manual-checkbox-grid,.manual-radio-list{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.manual-time-mode-grid label,.manual-checkbox-grid label,.manual-radio-list label{display:flex;align-items:center;gap:6px;background:#2a2a2a;border:1px solid #3c3c3c;padding:8px 10px;border-radius:8px;text-align:left}
.manual-year-range{margin-top:10px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.manual-inline-checkbox{display:flex!important;align-items:center;justify-content:center;gap:8px}
@media (max-width: 820px){.manual-shell{padding:10px 10px 24px}.manual-tile{min-height:64px}}

@media (max-width: 820px){
	.manual-tile-grid{grid-template-columns:1fr;gap:10px}
	.manual-tile{min-height:136px;padding:16px}
	.manual-tile-icon{font-size:2.1rem}
	.manual-step{max-width:none}
	.manual-preset-actions .manual-scene-select{flex:1 1 100%}
	.manual-country-list,.manual-time-mode-grid,.manual-checkbox-grid,.manual-radio-list,.manual-year-range{grid-template-columns:1fr}
}