.sp10-eft-page{background:#f4f8fb;padding:0;min-height:100vh}
.sp10-device-hero{background:#eaf5f8}
.sp10-shell{padding:20px 0 48px;min-height:calc(100vh - 178px);min-height:calc(100dvh - 178px)}
.sp10-shell .wrap{max-width:1120px}
.sp10-loading{margin:0;padding:48px 20px;border:1px solid #dbe6ee;background:#fff;color:#526979;text-align:center;box-shadow:0 8px 24px rgba(16,35,54,.07)}
.sp10-param-label span:before,.sp10-param-label span:after{content:none}
.sp10-toolbar{min-height:52px;border-color:#dbe6ee;background:#fff;box-shadow:0 8px 24px rgba(16,35,54,.07);padding:10px 12px}
.sp10-button{height:34px;border-color:#c9dbe6;color:#345064;background:#fff;padding:5px 13px;font-size:13px}
.sp10-button:hover{border-color:#1689d3;background:#eef8fb;color:#087f9e}
.sp10-button.primary{border-color:#1689d3;background:#1689d3;color:#fff;font-weight:700}
.sp10-tabs{border-color:#dbe6ee;background:#eaf5f8}
.sp10-tab{border-color:#dbe6ee;color:#617183;padding:13px 12px;font-size:14px}
.sp10-tab:hover{background:#dff3f7}.sp10-tab.is-active{background:#fff;color:#102336;box-shadow:inset 0 -3px #18b5c9}
.sp10-panel{border-color:#dbe6ee;background:#fff;box-shadow:0 10px 26px rgba(16,35,54,.07);padding:0 28px 12px}
.sp10-panel-head{padding:19px 0 13px;border-bottom-color:#18b5c9}
.sp10-panel-head h2{font-size:18px}
.sp10-param{grid-template-columns:minmax(250px,1fr) 250px 154px 64px;gap:18px;padding:11px 0;border-bottom-color:#e3edf3}
.sp10-param-label strong,.sp10-param-label span{font-size:15px}
.sp10-param input[type=range]{width:250px}
.sp10-stepper{grid-template-columns:32px 90px 32px;height:34px}
.sp10-param-value{width:90px;font-size:14px}
.sp10-help-button{width:64px}
.sp10-param-label strong,.sp10-param-label span{color:#102336}
.sp10-param input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#18b5c9 0 var(--range-progress,0%),#dbe6ee var(--range-progress,0%) 100%)}.sp10-param input[type=range]::-webkit-slider-thumb{border-color:#1689d3;transition:box-shadow .12s,border-color .12s,transform .12s}.sp10-param input[type=range]:hover::-webkit-slider-thumb{border-color:#18b5c9}.sp10-param input[type=range]:active::-webkit-slider-thumb{border-color:#087f9e;box-shadow:0 0 0 5px rgba(24,181,201,.22),0 1px 3px rgba(16,35,54,.22);transform:scale(1.08)}.sp10-param input[type=range]::-moz-range-track{background:#dbe6ee}.sp10-param input[type=range]::-moz-range-progress{background:#18b5c9}.sp10-param input[type=range]:active::-moz-range-thumb{border-color:#087f9e;box-shadow:0 0 0 5px rgba(24,181,201,.22),0 1px 3px rgba(16,35,54,.22);transform:scale(1.08)}
.sp10-stepper button,.sp10-param-value{border-color:#c9dbe6}.sp10-stepper button:hover{background:#eef8fb;color:#087f9e}
.sp10-help{border-color:#cbe8ed;background:#f0fafb;color:#345064}.sp10-help strong{color:#087f9e}
.sp10-notice{border-left:3px solid #18b5c9;background:#eef8fb;padding:8px 11px;color:#4b6170}.sp10-notice strong{color:#102336}
.sp10-log{border-color:#dbe6ee;background:#fff}.sp10-log summary{color:#345064}.sp10-log[open] summary{border-color:#dbe6ee}.sp10-log pre{background:#f8fbfc;color:#345064}
.sp10-dialog[hidden]{display:none}.sp10-dialog{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px}.sp10-dialog-backdrop{position:absolute;inset:0;background:rgba(7,24,37,.46)}.sp10-dialog-card{position:relative;width:min(430px,100%);border:1px solid #c9dbe6;border-radius:6px;background:#fff;padding:22px;box-shadow:0 18px 50px rgba(10,32,47,.25)}.sp10-dialog-card h2{margin:0 0 10px;font-size:20px;color:#102336}.sp10-dialog-card p{margin:0;color:#526979;font-size:14px;line-height:1.65}.sp10-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}
@media(min-width:901px){.sp10-eft-page .device-hero>.wrap{width:min(1680px,calc(100% - 32px))}.sp10-eft-page .sp10-shell>.wrap{width:min(1120px,calc(100% - 48px))}.sp10-eft-page .device-hero{padding:11px 0 12px}.sp10-eft-page .device-hero .wrap{display:flex;align-items:center;gap:20px;min-height:48px}.sp10-eft-page .device-breadcrumb{margin:0;white-space:nowrap}.sp10-eft-page .device-hero .section-kicker,.sp10-eft-page .device-hero p{display:none}.sp10-eft-page .device-hero h1{font-size:24px;line-height:1.2;margin:0}}
@media(max-width:900px){.sp10-shell .wrap{max-width:none}.sp10-param{grid-template-columns:minmax(0,1fr) 150px 64px}.sp10-param input[type=range]{width:100%}.sp10-panel{padding:0 18px 10px}}
