main.ws .ws-hub{padding:var(--app-pad);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:24px;display:grid}main.ws .ws-hub>.ui-app{box-shadow:var(--app-shadow-sm)}main.ws .ws-info{flex-direction:column;align-items:flex-start;gap:14px;min-inline-size:0;display:flex}main.ws .ws-info .ui-link-box{align-self:stretch}main.ws .ws-start{margin-inline-start:-10px}main.ws .ws-mock{background:var(--app-card);flex-direction:column;gap:16px;padding:16px 20px 20px;display:flex}main.ws .ws-mock i{flex:none;display:block}main.ws .ws-mock .bar{inline-size:var(--w,100%);border-radius:var(--app-r-xs);background:var(--app-muted-bg);block-size:7px}main.ws .ws-mock .mk-nav{align-items:center;gap:12px;min-inline-size:0;display:flex}main.ws .ws-mock .mk-nav .bar{flex:0 1 var(--w,auto);min-inline-size:0}main.ws .ws-mock .dot{border-radius:var(--app-r-xs);background:var(--app-brand);block-size:22px;inline-size:22px}main.ws .ws-mock .bar.name{background:var(--app-fg);opacity:.75;inline-size:56px}main.ws .ws-mock .bar.first{margin-inline-start:20px}main.ws .ws-mock .pill{border-radius:var(--r-pill);background:var(--app-brand);block-size:22px;inline-size:64px;margin-inline-start:auto}main.ws .ws-mock .mk-hero{border-radius:var(--app-r-md);background:color-mix(in srgb, var(--app-brand), var(--app-card) 90%);grid-template-columns:1.2fr 1fr;align-items:center;gap:16px;padding:16px;display:grid}main.ws .ws-mock .mk-hero .mk-col{flex-direction:column;gap:8px;display:flex}main.ws .ws-mock .mk-hero .bar{background:color-mix(in srgb, var(--app-fg), transparent 84%)}main.ws .ws-mock .h{inline-size:var(--w);border-radius:var(--app-r-xs);background:var(--app-fg);opacity:.82;block-size:12px}main.ws .ws-mock .cta{border-radius:var(--app-r-sm);background:var(--app-brand);block-size:22px;inline-size:84px;margin-block-start:8px}main.ws .ws-mock .art{aspect-ratio:4/3;border-radius:var(--app-r-md);background:color-mix(in srgb, var(--app-brand), var(--app-card) 72%);position:relative;overflow:hidden}main.ws .ws-mock .art:before{content:"";aspect-ratio:1;background:color-mix(in srgb, var(--app-brand), var(--app-card) 25%);border-radius:50%;inline-size:36%;position:absolute;inset-block-start:20%;inset-inline-start:18%}main.ws .ws-mock .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}main.ws .ws-mock .cards>div{border:1px solid var(--app-border);border-radius:var(--app-r-md);flex-direction:column;gap:4px;padding-block-end:8px;display:flex;overflow:hidden}main.ws .ws-mock .cards .thumb{background:var(--tb);block-size:42px;margin-block-end:4px}main.ws .ws-mock .cards .bar{inline-size:calc(var(--w) - 16px);margin-inline:8px}main.ws .ws-entries{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}main.ws .ws-entry{flex-direction:column;gap:12px;padding:20px;display:flex}main.ws .ws-entry .ui-strong{font-size:15px}main.ws .ws-entry .go{color:var(--app-subtle);margin-inline-start:auto;display:inline-grid}main.ws .ws-entry .foot{color:var(--app-muted);align-items:center;gap:8px;margin-block-start:auto;font-size:12px;display:flex}main.ws .ws-dots{display:inline-flex}main.ws .ws-dots i{block-size:14px;inline-size:14px;box-shadow:0 0 0 2px var(--app-card);border-radius:50%}main.ws .ws-dots i+i{margin-inline-start:-4px}main.ws .ws-dots i:first-child{background:var(--app-brand)}main.ws .ws-dots i:nth-child(2){background:var(--app-fg)}main.ws .ws-dots i:nth-child(3){background:var(--tone-amber-bg)}main.ws .ws-builder{background:var(--app-card);flex-direction:column;display:flex}main.ws .ws-btop{border-block-end:1px solid var(--app-border);align-items:center;gap:10px;block-size:60px;padding-inline:12px;display:flex}main.ws .ws-title{gap:0}main.ws .ws-title b{font-size:15px}main.ws .ws-dirty{background:var(--app-brand);border-radius:50%;block-size:7px;inline-size:7px}main.ws .ws-dev{margin-inline:auto}main.ws .ws-dev>*{padding-inline:10px}main.ws .ws-dev svg{block-size:16px;inline-size:16px}main.ws .ws-bend{align-items:center;gap:4px;margin-inline-start:auto;display:flex}main.ws .ws-dev+.ws-bend{margin-inline-start:0}main.ws .ws-bbody{grid-template-columns:284px minmax(0,1fr);block-size:600px;display:grid}main.ws .ws-panel{border-inline-end:1px solid var(--app-border);background:var(--app-card);flex-direction:column;gap:14px;padding:14px;display:flex;overflow:hidden}main.ws .ws-ptabs{display:flex}main.ws .ws-ptabs>*{flex:1;justify-content:center}main.ws .ws-ptabs svg{block-size:15px;inline-size:15px}main.ws .ws-hint{color:var(--app-muted);align-items:center;gap:8px;font-size:12px;display:flex}main.ws .ws-hint svg{block-size:15px;inline-size:15px}main.ws .ws-group{flex-direction:column;gap:8px;display:flex}main.ws .ws-gh{color:var(--app-muted);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}main.ws .ws-gh .ui-tile{border-radius:7px;block-size:22px;inline-size:22px}main.ws .ws-gh .ui-tile svg{block-size:13px;inline-size:13px}main.ws .ws-lib{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}main.ws .ws-item{border:1px solid var(--app-border);border-radius:var(--app-r-md);background:var(--app-card);box-shadow:var(--app-shadow-xs);flex-direction:column;gap:6px;padding:6px 6px 8px;display:flex;position:relative}main.ws .ws-item .name{padding-inline:3px;font-size:12px;font-weight:500;line-height:1.3}main.ws .ws-item.on{border-color:color-mix(in srgb, var(--app-brand), transparent 40%);box-shadow:var(--app-shadow-md)}main.ws .ws-item .add{background:var(--app-primary);block-size:22px;inline-size:22px;color:var(--app-card);box-shadow:var(--app-shadow-sm);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:9px;inset-inline-end:9px}main.ws .ws-item .add svg{block-size:13px;inline-size:13px}main.ws .ws-th{aspect-ratio:16/10;border:1px solid color-mix(in srgb, var(--app-border), transparent 30%);border-radius:var(--app-r-sm);background:var(--app-surface-2);flex-direction:column;justify-content:center;gap:5px;padding:9px;display:flex;overflow:hidden}main.ws .ws-th i{flex:none;display:block}main.ws .ws-th .r{align-items:center;gap:5px;display:flex}main.ws .ws-th .r.st{align-items:stretch}main.ws .ws-th .c{flex-direction:column;flex:1;gap:3px;min-inline-size:0;display:flex}main.ws .ws-th .cc{align-items:center}main.ws .ws-th .h{inline-size:var(--w,100%);block-size:var(--hh,6px);background:color-mix(in srgb, var(--app-fg), transparent 30%);border-radius:3px}main.ws .ws-th .l{inline-size:var(--w,auto);background:color-mix(in srgb, var(--app-fg), transparent 78%);border-radius:2px;block-size:4px}main.ws .ws-th .b{inline-size:var(--w,22px);background:var(--app-brand);border-radius:3px;block-size:8px;margin-block-start:2px}main.ws .ws-th .b.o{background:var(--app-card);box-shadow:inset 0 0 0 1px var(--app-border-strong)}main.ws .ws-th .img{inline-size:var(--w);block-size:var(--hh);background:var(--tb);border-radius:5px}main.ws .ws-th .mc{border:1px solid var(--app-border);background:var(--app-card);border-radius:4px;flex-direction:column;flex:1;gap:2px;padding-block-end:3px;display:flex;overflow:hidden}main.ws .ws-th .mc .t{background:var(--tb);block-size:12px}main.ws .ws-th .mc .l{margin-inline:3px}main.ws .ws-canvas{background:var(--app-surface-2);padding:20px 20px 0;overflow:hidden}main.ws .ws-canvas>.ui-app{box-shadow:var(--app-shadow-sm);border-block-end:0;border-end-end-radius:0;border-end-start-radius:0}main.ws .ws-sf{flex-direction:column;display:flex}main.ws .ws-sf-nav{border-block-end:1px solid var(--app-border);align-items:center;gap:16px;padding:12px 20px;font-size:13px;display:flex}main.ws .ws-logo{border-radius:var(--app-r-sm);background:var(--app-brand);block-size:28px;inline-size:28px;color:var(--app-card);font-family:var(--serif);place-items:center;font-size:15px;display:grid}main.ws .ws-sf-links{color:var(--app-muted);gap:16px;margin-inline-end:auto;display:flex}main.ws .ws-sf-nav>.ui-hstack:last-child{margin-inline-start:auto}main.ws .ws-sf-hero{border-radius:var(--app-r-md);background:color-mix(in srgb, var(--app-brand), var(--app-card) 92%);box-shadow:0 0 0 2px var(--app-brand);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:24px;margin:8px;padding:28px 24px;display:grid;position:relative}main.ws .ws-sel-tag{border-radius:var(--app-r-xs);background:var(--app-brand);block-size:22px;color:var(--app-card);align-items:center;gap:4px;padding-inline:8px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;inset-block-start:-11px;inset-inline-start:14px}main.ws .ws-sel-tag svg{block-size:12px;inline-size:12px}main.ws .ws-sf-hero .copy{flex-direction:column;align-items:flex-start;gap:12px;display:flex}main.ws .ws-sf-hero .h{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.35}main.ws .ws-sf-hero .art{aspect-ratio:4/3;border-radius:var(--app-r-lg);background:var(--tb);place-items:center;display:grid}main.ws .ws-sf-hero .ui-cover-icon{block-size:72px;inline-size:72px;color:var(--tf)}main.ws .ws-sf-hero .ui-cover-icon svg{block-size:32px;inline-size:32px}main.ws .ws-sf-sec{flex-direction:column;gap:14px;padding:16px 20px 24px;display:flex}main.ws .ws-sf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}main.ws .ws-sf-grid .ui-course-foot{padding-block-start:10px}@media (width<=1000px){main.ws .ws-sf-links{display:none}main.ws .ws-sf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){main.ws .ws-bbody{grid-template-columns:minmax(0,1fr);block-size:auto}main.ws .ws-panel{border-inline-end:0}main.ws .ws-canvas{display:none}}main.ws .ws-serp{border:1px solid var(--app-border);border-radius:var(--app-r-md);background:var(--app-surface-2);flex-direction:column;gap:6px;padding:14px 16px;display:flex}main.ws .ws-fav{background:var(--app-brand);block-size:26px;inline-size:26px;color:var(--app-card);border-radius:50%;place-items:center;font-size:12px;display:grid}main.ws .ws-serp-site{gap:0;line-height:1.35}main.ws .ws-serp-url{font-family:var(--latin);color:var(--app-muted);text-align:end;direction:ltr;unicode-bidi:isolate;font-size:12px}main.ws .ws-serp-title{color:var(--app-info-fg);font-size:17px;line-height:1.4}main.ws .ws-serp-desc{color:var(--app-muted);font-size:13px;line-height:1.6}main.ws .ws-sf-grid .ui-course-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}main.ws .ws-sides{--col:1000px;--overlap:330px;--overlap-md:30px;--main:76%;--phone:26%;--phone-at:74%;--main-md:78%;--phone-md:34%;--phone-at-md:68%;--phone-sm:82%}main.ws .ws-sides .ws-bbody{grid-template-columns:236px minmax(0,1fr);block-size:auto}main.ws .ws-sides .ws-canvas{grid-template-columns:minmax(0,1fr);align-content:center;padding-block-end:20px;display:grid}main.ws .ws-sides .ws-canvas>.ui-app{border-radius:var(--app-r-md);border-block-end:1px solid var(--app-border)}main.ws .ws-sides .ws-sf-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);padding:24px 20px}main.ws .ws-sides .ws-sf-hero .h{font-size:22px}main.ws .ws-pub .ui-screen{min-block-size:0;padding-block-end:16px}main.ws .ws-pub-url{padding:0 14px 8px;display:flex}main.ws .ws-pub .ws-sf-nav{justify-content:space-between;padding:10px 16px}main.ws .ws-pub .ws-sf-nav svg{color:var(--app-muted)}main.ws .ws-pub-hero{box-shadow:none;margin:12px;padding:20px 16px;display:block}main.ws .ws-pub-hero .h{font-size:21px}main.ws .ws-pub-course{margin-inline:12px}@media (width<=1000px){main.ws .ws-sides .ws-sf-hero{grid-template-columns:minmax(0,1fr)}main.ws .ws-sides .ws-sf-hero .art{display:none}}@media (width<=760px){main.ws .ws-sides .ws-canvas{padding:12px;display:block}main.ws .ws-sides .ws-bbody{grid-template-columns:minmax(0,1fr)}main.ws .ws-sides .ws-panel{display:none}}main.ws .sx-tabs{--tab-max:640px}main.ws .ws-look .ws-sf-hero{box-shadow:none}main.ws .ws-look .ws-sf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main.ws .ws-look .ws-sf-sec{padding-block:4px 20px}main.ws .ws-look[data-look=athar]{--app-brand:var(--app-fg);--app-primary:var(--app-fg)}main.ws .ws-look[data-look=athar] .ws-sf-hero{background:var(--app-card);text-align:center;border-radius:0;justify-content:center;margin:0;padding:44px 32px 36px;display:flex}main.ws .ws-look[data-look=athar] .ws-sf-hero .copy{align-items:center;gap:14px;max-inline-size:380px}main.ws .ws-look[data-look=athar] .ws-sf-hero .h{font-family:var(--sans);font-size:24px}main.ws .ws-look[data-look=athar] .ws-sf-sec{padding-inline:32px}main.ws .ws-look[data-look=adasa]{--app-card:var(--app-dark);--app-canvas:var(--app-dark);--app-surface-2:color-mix(in srgb, var(--app-dark), var(--app-dark-fg) 6%);--app-fg:var(--app-dark-fg);--app-muted:var(--app-dark-muted);--app-border:color-mix(in srgb, var(--app-dark-fg), transparent 86%);--app-brand:var(--app-chart-2);--app-primary:var(--app-chart-2);--app-on-primary:var(--app-dark)}main.ws .ws-look[data-look=adasa] .ui-btn.primary,main.ws .ws-look[data-look=adasa] .ws-logo{color:var(--app-dark)}main.ws .ws-look[data-look=adasa] .ws-sf-hero{background:color-mix(in srgb, var(--app-dark-fg), transparent 95%);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}main.ws .ws-look[data-look=adasa] .ws-sf-hero .h{color:var(--app-dark-fg)}main.ws .ws-look[data-look=adasa] :is(.art,.ui-cover){background:color-mix(in srgb, var(--tb), var(--app-dark) 72%)}main.ws .ws-look[data-look=adasa] .art{background:color-mix(in srgb, var(--app-chart-2), var(--app-dark) 62%)}@media (width<=600px){main.ws .ws-look .ws-sf-hero{grid-template-columns:minmax(0,1fr)}main.ws .ws-look .ws-sf-hero .art{display:none}main.ws .ws-look .ws-sf-grid .ui-course-title{white-space:normal;text-wrap:balance}}main.ws .ws-vers{inline-size:100%}main.ws .ws-vers .ui-row{gap:12px}main.ws .ws-vers .ui-row.on{background:var(--app-primary-soft)}main.ws .ws-v-dot{background:var(--app-card);block-size:10px;inline-size:10px;box-shadow:inset 0 0 0 2px var(--app-border-strong);border-radius:50%;flex:none;position:relative}main.ws .ws-vers .on .ws-v-dot{background:var(--app-brand);box-shadow:none}main.ws .ws-serp-frag{inline-size:min(100%,380px)}main.ws .ws-serp-frag .ws-serp{background:var(--app-card);box-shadow:var(--lift);border-color:#0000}main.ws .ws-dev-frag>*{padding-inline:14px}main.ws .ws-nav-frag{border-radius:var(--app-r-md);background:var(--app-card);box-shadow:var(--app-shadow-sm);color:var(--app-muted);padding:10px 14px}main.ws .ws-nav-frag svg{block-size:16px;inline-size:16px}main.ws .ws-vers .ui-vstack>:is(.ui-sm,.ui-xs){white-space:nowrap}@media (width<=400px){main.ws .ws-vers .ui-row{gap:8px;padding-inline:14px}main.ws .ws-vers .ui-btn svg{display:none}}main.ws .ws-nav-frag{flex-wrap:nowrap;justify-content:space-between;gap:10px}@media (width<=400px),(width>=761px) and (width<=1200px){main.ws .ws-nav-frag>.ui-sm:nth-child(4){display:none}}@media (width<=600px){main.ws .ws-look[data-look=adasa] .ws-sf-hero{grid-template-columns:minmax(0,1fr)}}@media (width<=360px){main.ws .ws-look .ui-course-foot{flex-direction:column;align-items:flex-start;gap:2px}main.ws .ws-look .ui-course-foot .ui-muted{white-space:nowrap}}