/* V188: clean one-home UX. No existing source elements are deleted. */
body:has(#n188-home) .main{max-width:1100px;margin:0 auto;padding-inline:clamp(12px,3vw,34px);overflow-x:clip}
body:has(#n188-home) .hero,body:has(#n188-home) .steps{display:none!important}
#n188-home{margin:24px auto 22px;max-width:100%;color:#eef0fb;direction:rtl}
#n188-home .n188-heading{text-align:center;margin:0 0 24px}
#n188-home .n188-kicker{color:#ba9cff;font-size:13px;letter-spacing:.02em;font-weight:700}
#n188-home h1{font-size:clamp(27px,4.5vw,43px);line-height:1.35;margin:8px 0 6px;font-weight:850}
#n188-home .n188-heading p{color:#bbc4db;line-height:1.7;margin:0;font-size:clamp(14px,1.6vw,16px)}
#n188-home .n188-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#n188-home button[data-n188]{font-family:inherit;min-width:0;min-height:166px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #393253;border-radius:22px;color:#f5f3fe;background:#151428;padding:16px 9px;box-shadow:none;transition:background .16s,border-color .16s,transform .16s}
#n188-home button[data-n188]:hover{background:#211c3a;transform:translateY(-2px)}
#n188-home button[data-n188].is-active{border-color:#a584ed;background:linear-gradient(160deg,#342453,#1b1935);box-shadow:0 9px 23px #05030c60}
#n188-home button[data-n188]:focus-visible{outline:3px solid #e3c5ff;outline-offset:3px}
#n188-home button b{font-size:clamp(15px,2vw,19px);font-weight:800}
#n188-home button small{font-size:12px;color:#bfc1d9;line-height:1.5;text-align:center}
#n188-home .n188-icon{font-size:24px;display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:#6d4ca93b;color:#d1b5ff}
#n188-home .n188-simple-note{font-size:13px;line-height:1.7;text-align:center;color:#b6b5d0;margin:15px 0 0}
body[data-n188-choice="original"] #step-source,body[data-n188-choice="original"] #step-analysis,body[data-n188-choice="original"] #step-mode{display:none!important}
body[data-n188-choice="original"] #v187-original{display:block!important}
body[data-n188-choice="upload"] #v187-original,body[data-n188-choice="youtube"] #v187-original{display:none!important}
body[data-n188-choice="upload"] #step-source .source-grid .youtube{display:none!important}
body[data-n188-choice="youtube"] #step-source .source-grid .upload{display:none!important}
body[data-n188-choice="upload"] #step-source .source-grid,body[data-n188-choice="youtube"] #step-source .source-grid{grid-template-columns:minmax(0,1fr)!important;max-width:690px;margin-inline:auto}
body:has(#n188-home) .panel{max-width:100%;scroll-margin-top:15px}
body:has(#n188-home) .url-input,body:has(#n188-home) .source-grid *,body:has(#n188-home) .v187-original *{min-width:0;box-sizing:border-box}
body:has(#n188-home) .url-input input,body:has(#n188-home) .youtube input{min-width:0;max-width:100%;width:100%;direction:ltr;text-align:left}
body:has(#n188-home) textarea{max-width:100%;overflow-wrap:anywhere}
body:has(#n188-home) .rights{max-width:100%;align-items:flex-start}
@media(max-width:620px){
 #n188-home{margin:16px auto}
 #n188-home .n188-heading{margin-bottom:17px}
 #n188-home .n188-options{gap:8px}
 #n188-home button[data-n188]{min-height:138px;padding:11px 4px;border-radius:16px}
 #n188-home button b{font-size:13px}
 #n188-home button small{font-size:10px;line-height:1.4}
 #n188-home .n188-icon{width:37px;height:37px;font-size:20px;border-radius:11px}
 body:has(#n188-home) .source-grid{max-width:100%}
 body:has(#n188-home) .url-input{display:flex;flex-direction:column;gap:10px}
 body:has(#n188-home) .url-input button{width:100%}
}
.n188-analysis-note{border:1px solid #57477888;background:#29213a77;padding:14px;border-radius:16px;margin:12px 0;color:#dcd9ec;line-height:1.7;font-size:13px}
.n188-analysis-note b{font-size:15px}.n188-analysis-note p{margin:4px 0 10px;color:#b7accb}
.n188-tempo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.n188-tempo-actions button{border:1px solid #705c95;background:#392653;color:#f6efff;border-radius:10px;padding:8px 12px;cursor:pointer;font:inherit}
