#page-appsplash{--st-ink:#183d3c;--st-muted:#80908b;--st-accent:#22796b;--st-line:#e8ede8;color:var(--st-ink)}
.startup-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:5px 0 25px}
.startup-eyebrow{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:2px;color:#82958c;margin-bottom:11px}.startup-eyebrow>span{width:5px;height:5px;background:#559a80;border-radius:50%}
.startup-header h2{font-size:29px;letter-spacing:-1px;line-height:1.25;margin:0;font-weight:650}.startup-header h2>span{display:inline-block;font-size:13px;letter-spacing:0;color:#92a39a;font-weight:400;margin-left:18px}.startup-header p{font-size:12px;color:var(--st-muted);margin:11px 0 0}
.startup-refresh{display:flex;align-items:center;gap:6px;border:1px solid #dde5df;border-radius:100px;background:transparent;color:#58736a;padding:9px 14px;font-size:12px;cursor:pointer}.startup-refresh>span{font-size:17px}
.startup-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.startup-platform-card{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;padding:17px 18px;background:#fff;border:1px solid #e9eeeb;border-radius:13px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.startup-platform-card:hover,.startup-platform-card.is-selected{border-color:#9ebfb1;box-shadow:0 3px 14px #244f3c05}.startup-os{flex-shrink:0;width:39px;height:43px;display:grid;place-items:center;border-radius:11px;font-size:12px;letter-spacing:-.5px;background:#f0f3f0;color:#49625b;font-weight:600}.startup-os-android{background:#edf4e8;color:#688058;font-size:18px}.startup-os-harmony{background:#edf2f6;color:#59778a;font-size:18px}
.startup-platform-copy{display:grid;gap:5px;min-width:0;flex:1}.startup-platform-title{font-size:13px;font-weight:650;display:flex;align-items:center;gap:8px;color:#2a4640}.startup-state{font-size:11px;font-weight:400;border:0;padding:2px 5px;border-radius:4px;color:#919b94;background:#f3f5f2;white-space:nowrap}.startup-state-active,.startup-state-bundled{color:#568e72;background:#f0f6ef}.startup-state-scheduled{color:#a48a53;background:#faf7ed}.startup-platform-detail{font-size:12px;color:#7d8b83;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.startup-platform-detail>span{padding:0 6px;color:#bdc7bf}.startup-platform-period{font-size:11px;color:#a3ada6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.startup-workspace{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(380px,1.15fr);border:1px solid #e3eae4;border-radius:18px;overflow:hidden;background:#fff}
.startup-preview-panel{display:flex;flex-direction:column;min-width:0;padding:25px 25px 22px;background:linear-gradient(155deg,#eaf1ea 0%,#f2f3e9 58%,#e2eee9 100%);position:relative}.startup-preview-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6e897a;position:relative;z-index:1}.startup-live-dot{font-size:11px;letter-spacing:1.8px;color:#90a497;display:flex;align-items:center;gap:6px}.startup-live-dot:before{content:'';width:4px;height:4px;background:#76a889;border-radius:50%}
.startup-preview-stage{position:relative;flex:1;min-height:490px;display:grid;place-items:center;padding:30px 0;isolation:isolate}.startup-preview-glow{position:absolute;inset:10% -20%;border:1px solid #fff7;border-radius:50%;transform:rotate(-32deg);z-index:-1}.startup-preview-glow:before{content:'';position:absolute;inset:25px;border:1px solid #fff8;border-radius:50%}.startup-preview-glow:after{content:'';position:absolute;inset:-25px;border:1px solid #ffffff50;border-radius:50%}
#appSplashMainPreview{position:relative;height:448px;max-width:100%;object-fit:contain;border-radius:16px;box-shadow:0 25px 55px -15px #355d4255,0 2px 4px #536f3712;border:5px solid #ffffff80;box-sizing:content-box;background:#fbfaf6;z-index:1}
.startup-preview-footer{display:grid;gap:7px;text-align:center;position:relative;z-index:1}.startup-preview-footer strong{font-size:12px;font-weight:500;color:#5c7867}.startup-preview-footer>span{font-size:12px;letter-spacing:1px;color:#98aa9b}
.startup-settings{min-width:0;padding:27px 31px 24px}.startup-setting-intro{display:flex;align-items:baseline;gap:13px;margin-bottom:24px}.startup-setting-intro h3{font-size:15px;letter-spacing:.2px;font-weight:600;margin:0}.startup-setting-intro>span{font-size:12px;color:#a0ada3}
.startup-field-section{margin-bottom:21px}.startup-field-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.startup-field-title>label{font-size:12px;font-weight:600;color:#527063}.startup-field-title>span{font-size:11px;color:#9aa99e}.startup-field-title>button{border:0;background:transparent;padding:0;color:#719784;font-size:12px;cursor:pointer}
.startup-targets{display:flex;gap:8px;align-items:center;border:0;padding:0;margin:0}.startup-targets>label{cursor:pointer;flex:1;position:relative}.startup-targets input{position:absolute;opacity:0;width:1px;height:1px}.startup-targets label>span{height:36px;border-radius:7px;display:flex;align-items:center;justify-content:center;border:1px solid #e6ece6;background:#fff;color:#8c9c90;font-size:12px;gap:7px;transition:all .18s}.startup-targets label>span:before{content:'✓';font-size:12px;opacity:0}.startup-targets input:checked+span{background:#edf5ee;border-color:#b8d0bc;color:#39724f}.startup-targets input:checked+span:before{opacity:1}.startup-targets input:focus-visible+span{outline:2px solid #6c9f87;outline-offset:2px}
.startup-selection{margin:8px 0 0;font-size:11px;color:#a6b3a8;min-height:12px}.startup-image-actions{display:flex;gap:7px;flex-wrap:wrap}.startup-image-actions>button{border:1px solid #e6ece6;border-radius:7px;background:#fff;color:#8d9c91;padding:10px 12px;font-size:12px;cursor:pointer}.startup-image-actions>button[aria-pressed=true]{background:#f3f7f1;border-color:#c4d6c5;color:#557b5e}.startup-image-actions>button[data-startup-image-mode=replace]{color:#3e7964;border-style:dashed}.startup-image-actions>button>span{font-size:13px;margin-right:4px}.startup-field-note{font-size:11px;line-height:1.7;color:#a4b0a6;margin:8px 0 0}
.startup-duration-input{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;background:#f6f8f4;border:1px solid #e7ede5}.startup-duration-input input{width:34px;background:transparent;border:0;color:#496e51;font-size:12px;font-weight:600;text-align:right;outline:0;padding:0;appearance:textfield}.startup-duration-input input::-webkit-inner-spin-button,.startup-duration-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.startup-duration-input>span{font-size:12px;color:#9aab9a}.startup-duration-presets{display:flex;gap:7px}.startup-duration-presets>button{position:relative;flex:1;border:1px solid #e6ece6;border-radius:7px;background:#fff;color:#9aa79b;padding:10px 8px;font-size:12px;cursor:pointer}.startup-duration-presets>button[aria-pressed=true]{background:#edf5ed;border-color:#bcd1bb;color:#44774b}.startup-duration-presets>button>span{font-size:10px;color:#819e72;margin-left:5px}
.startup-date-range{display:flex;align-items:center;gap:8px}.startup-date-range>label{display:grid;gap:5px;min-width:0;flex:1;padding:8px 10px;background:#f8faf7;border:1px solid #e9eee7;border-radius:7px}.startup-date-range label>span{font-size:11px;color:#a0ad9f}.startup-date-range input{font-family:inherit;width:100%;min-width:0;font-size:12px;color:#6a836b;border:0;background:transparent;outline:0;padding:0;height:20px;color-scheme:light}.startup-date-range input::-webkit-calendar-picker-indicator{opacity:.4;width:11px;cursor:pointer}
.startup-enabled-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid #edf1eb;position:relative;cursor:pointer}.startup-enabled-row>span:first-child{display:grid;gap:5px}.startup-enabled-row strong{font-size:12px;font-weight:500;color:#57715c}.startup-enabled-row small{font-size:11px;color:#a9b3a4}.startup-enabled-row>input{position:absolute;right:0;opacity:0;width:32px;height:19px;cursor:pointer}.startup-toggle{width:30px;height:18px;border-radius:20px;background:#dce5d9;position:relative;transition:background .2s;pointer-events:none}.startup-toggle:after{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0001;transition:transform .2s}.startup-enabled-row input:checked+.startup-toggle{background:#72a67e}.startup-enabled-row input:checked+.startup-toggle:after{transform:translateX(12px)}.startup-enabled-row input:focus-visible+.startup-toggle{outline:2px solid #487e58;outline-offset:3px}
.startup-settings>.err{color:#a9534a;font-size:12px;line-height:1.6;min-height:0;margin:0}.startup-settings>.err:not(:empty){margin:8px 0 12px}.startup-save-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}.startup-reset{border:0;background:transparent;color:#9bab9a;padding:0;font-size:12px;cursor:pointer}.startup-save{display:flex;align-items:center;justify-content:center;gap:25px;padding:11px 17px;border:0;border-radius:8px;background:#376b4e;color:#fff;font-size:12px;box-shadow:0 3px 7px #245c2710;cursor:pointer}.startup-save>span{font-size:15px;color:#c6ddc8}.startup-save:hover{background:#2d5f44}.startup-settings button:disabled{opacity:.45;cursor:default}
.startup-page-note{display:flex;align-items:flex-start;gap:11px;padding:19px 4px 6px;color:#a0aea0}.startup-note-icon{font-size:12px;color:#7e9a7c;border:1px solid #c8d9c5;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.startup-page-note>div{display:grid;gap:5px}.startup-page-note strong{font-size:12px;font-weight:500;color:#889f86}.startup-page-note div>span{font-size:11px;line-height:1.8;color:#a6b3a2}
.startup-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Shared control rhythm: quiet surfaces, clear selection, restrained feedback. */
#page-appsplash button{font-family:inherit;-webkit-tap-highlight-color:transparent;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .12s}
#page-appsplash button:focus-visible{outline:2px solid #83ad96;outline-offset:3px}
#page-appsplash button:active:not(:disabled){transform:translateY(1px)}
.startup-refresh{height:36px;padding:0 14px;border-radius:9px;border-color:#e0e7e0;background:#ffffff75;color:#6f8678;font-weight:500;white-space:nowrap}.startup-refresh:hover{background:#fff;border-color:#bed0c0;box-shadow:0 2px 6px #365b3c06}
.startup-platform-card{border-radius:14px;border-color:#e7ece7;background:#ffffffc9;box-shadow:0 2px 5px #3b644c02}.startup-platform-card:hover{background:#fff;border-color:#c2d4c7;box-shadow:0 4px 12px #34583e07}.startup-platform-card.is-selected{border-color:#96b49e;background:#fbfdf9;box-shadow:inset 0 0 0 1px #d3e0d047}.startup-platform-card.is-selected .startup-os{background:#e9f1e5;color:#557650}
.startup-targets{gap:7px;padding:4px;background:#f1f5ef;border:1px solid #e9eee6;border-radius:10px}.startup-targets label>span{height:34px;border-radius:7px;border-color:transparent;background:transparent;color:#98a68f;font-weight:500;gap:6px}.startup-targets label:hover>span{background:#eaf0e6;color:#70866b}.startup-targets input:checked+span{background:#fff;border-color:#d7e2cf;color:#497847;box-shadow:0 2px 5px #34583e06}.startup-targets label>span:before{width:11px;height:11px;line-height:11px;font-size:9px;border-radius:50%;color:#6f9b63;display:grid;place-items:center}.startup-selection{margin-top:7px;color:#9bab96;font-size:10px}
.startup-targets label>span:before{content:none}
.startup-field-title>button{font-size:11px;font-weight:500;color:#73926b;padding:3px 7px;margin-right:-7px;border-radius:5px}.startup-field-title>button:hover{background:#eef4e9;color:#517746}
.startup-image-actions{padding:4px;gap:4px;border-radius:10px;border:1px solid #e8ede5;background:#f6f8f3;display:grid;grid-template-columns:1.15fr 1.15fr .8fr}.startup-image-actions>button{min-height:36px;padding:0 9px;border:1px solid transparent;background:transparent;color:#94a18b;font-size:11px;font-weight:500;border-radius:7px;white-space:nowrap}.startup-image-actions>button:hover{background:#eef3e9;color:#6a8560}.startup-image-actions>button[aria-pressed=true]{border-color:#d9e3d0;background:#fff;color:#4c7848;box-shadow:0 2px 5px #38593406}.startup-image-actions>button[data-startup-image-mode=replace]{border-style:solid;color:#64895a}.startup-image-actions>button>span{margin-right:4px;font-size:14px;font-weight:300;vertical-align:-1px}
.startup-duration-input{height:31px;padding:0 9px;border-radius:7px;background:#fff;border-color:#e1e9db;gap:7px;box-shadow:0 1px 3px #385f3403}.startup-duration-input:focus-within{border-color:#9bbb8c;box-shadow:0 0 0 3px #91b87b10}.startup-duration-input input{font-size:13px;letter-spacing:.3px;font-weight:550;width:35px}.startup-duration-input>span{font-size:10px;color:#a4b099}
.startup-duration-presets{padding:4px;gap:4px;background:#f6f8f3;border:1px solid #e8ede5;border-radius:10px}.startup-duration-presets>button{min-height:36px;padding:8px 6px;border-color:transparent;background:transparent;font-size:12px;border-radius:7px;white-space:nowrap}.startup-duration-presets>button:hover{background:#eef3e8;color:#6f8962}.startup-duration-presets>button[aria-pressed=true]{background:#fff;border-color:#d7e2cd;color:#527747;box-shadow:0 2px 5px #365b3d05}.startup-duration-presets>button>span{font-size:9px;font-weight:400;padding:2px 4px;border-radius:3px;background:#edf4e5;color:#89a278;margin-left:6px;vertical-align:1px}
.startup-date-range{gap:8px}.startup-date-range>label{padding:10px 12px;border-radius:9px;border-color:#e5ece0;background:#fafbf7;gap:6px;transition:border-color .18s,background .18s,box-shadow .18s}.startup-date-range>label:hover{border-color:#ccdabe;background:#f7faf3}.startup-date-range>label:focus-within{border-color:#a2bd91;background:#fff;box-shadow:0 0 0 3px #9bbb8210}.startup-date-range label>span{font-size:10px;color:#9fad96}.startup-date-range input{height:22px;font-size:11px;color:#718366;line-height:22px}.startup-date-range input::-webkit-calendar-picker-indicator{opacity:.42;width:13px;height:13px;padding:2px;border-radius:4px}.startup-date-range input::-webkit-calendar-picker-indicator:hover{opacity:.75;background:#e9f0e1}
.startup-enabled-row{padding:15px 0 13px;border-color:#edf1e9}.startup-toggle{width:34px;height:20px;background:#dfe7da;box-shadow:inset 0 1px 2px #3b5a2710}.startup-toggle:after{width:14px;height:14px;top:3px;left:3px;box-shadow:0 1px 3px #28471919}.startup-enabled-row input:checked+.startup-toggle{background:#6d9c68}.startup-enabled-row input:checked+.startup-toggle:after{transform:translateX(14px)}
.startup-save-row{gap:12px;margin-top:15px}.startup-reset{min-height:40px;padding:0 13px;border:1px solid #e1e8db;border-radius:9px;background:#fff;color:#8a9b7f;font-weight:400;font-size:11px}.startup-reset:hover:not(:disabled){color:#698359;background:#f7faf2;border-color:#c7d6b8}.startup-save{min-height:40px;min-width:144px;padding:0 19px;gap:0;border-radius:9px;background:#42774e;border:1px solid #3e7049;font-size:12px;font-weight:500;letter-spacing:.2px;box-shadow:0 3px 7px #385d2d10,inset 0 1px 0 #ffffff0f}.startup-save:hover:not(:disabled){background:#386a43;border-color:#34623e;box-shadow:0 4px 10px #36572d18}.startup-save:active:not(:disabled){box-shadow:0 1px 3px #36572d12}.startup-settings button:disabled{opacity:.38;box-shadow:none;cursor:not-allowed}
#confirmModal[data-tone=startup] .modal{border:1px solid #e1e9dc;border-radius:17px;box-shadow:0 18px 60px #344d2c1c;padding:26px}
#confirmModal[data-tone=startup] h3{color:#3e5f3e;font-size:16px;font-weight:550}
#confirmModal[data-tone=startup] #confirmMessage{font-size:12px;line-height:1.9;color:#8b9c7f}
#confirmModal[data-tone=startup] .btn-row{gap:9px;margin-top:23px}
#confirmModal[data-tone=startup] .btn-row button{min-height:39px;border-radius:8px;font-size:12px;padding:0 17px;font-family:inherit}
#confirmModal[data-tone=startup] .btn-danger{border:1px solid #46734a;background:#4b7c50;color:#fff}
#confirmModal[data-tone=startup] .btn-cancel{border:1px solid #e0e8d8;background:#fafcf6;color:#96a68b}
@media(min-width:1600px){.startup-preview-stage{min-height:560px}#appSplashMainPreview{height:510px}.startup-settings{padding:32px 42px}.startup-field-section{margin-bottom:25px}}
@media(max-width:1100px){.startup-header h2>span{display:none}.startup-platform-card{padding:13px 12px;gap:8px}.startup-os{width:28px;height:35px;font-size:12px}.startup-platform-title{font-size:12px}.startup-platform-period{display:none}.startup-state{font-size:10px}.startup-settings{padding:24px}.startup-setting-intro>span{display:none}.startup-date-range{flex-wrap:wrap}.startup-date-range>label{flex-basis:100%}.startup-preview-panel{padding:22px 18px}}
@media(max-width:800px){.startup-platforms{grid-template-columns:1fr}.startup-platform-period{display:block}.startup-workspace{grid-template-columns:1fr}.startup-preview-stage{min-height:360px}#appSplashMainPreview{height:330px}.startup-header h2{font-size:24px}.startup-refresh{padding:7px 10px}.startup-date-range{flex-wrap:nowrap}.startup-date-range>label{flex-basis:auto}.startup-setting-intro>span{display:block}}
@media(max-width:600px){.startup-header{gap:10px;margin-bottom:19px}.startup-header p{font-size:12px;line-height:1.7}.startup-refresh{white-space:nowrap;align-self:flex-start;margin-top:25px;font-size:11px;padding:7px 9px}.startup-platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:14px}.startup-platform-card{display:block;position:relative;padding:12px 10px;border-radius:11px}.startup-os,.startup-platform-period{display:none}.startup-platform-title{font-size:12px;display:grid;gap:6px}.startup-state{justify-self:start;font-size:10px}.startup-platform-detail{font-size:11px;margin-top:4px}.startup-platform-detail>span{padding:0 3px}.startup-settings{padding:22px 19px}.startup-setting-intro{flex-wrap:wrap;gap:6px}.startup-setting-intro>span{font-size:11px}.startup-preview-panel{padding:20px}.startup-preview-stage{min-height:350px;padding:20px 0}.startup-date-range{flex-wrap:wrap}.startup-date-range>label{flex-basis:100%}.startup-image-actions{gap:6px}.startup-image-actions>button{flex:1;padding:10px 6px;font-size:11px}.startup-page-note{padding:16px 2px 4px}.startup-field-title>span{font-size:10px}}