/* Clapp_Studio — desktop and touch workspace */
:root{--bg:#0b0f12;--bg2:#11171c;--bg3:#192127;--card:#141c22;--card2:#1d2830;--line:rgba(180,214,226,.09);--line2:rgba(180,214,226,.16);--text:#edf4f5;--mut:#94a7af;--mut2:#657c86;--a1:#bcff65;--a2:#69e2ee;--acc:linear-gradient(115deg,#bcff65,#7ce6b5);--r:17px;color-scheme:dark}
html,body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.15px}
body::before{inset:0;opacity:.7;background:radial-gradient(ellipse at 55% -20%,rgba(87,154,107,.11),transparent 65%)}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--a1);outline-offset:4px}
button{touch-action:manipulation}
.cls-mark{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 15px #99e66c22)}
.brand{gap:12px}.brand b{font-size:20px;letter-spacing:-.65px;color:var(--text);background:none}.brand small{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8ea49d;margin-top:2px}
.top{background:rgba(12,17,21,.96);border-color:var(--line);min-height:76px;padding:12px 24px;gap:18px}
.cls-context{font-size:13px;color:var(--mut);padding-left:22px;border-left:1px solid var(--line2)}
.cls-desktop-tab,.cls-side-note{display:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#1d3028 0%,#14272b 60%,#182b32);border:1px solid #395443;border-radius:22px;padding:27px 30px;gap:20px}
.hero:after{content:"";position:absolute;right:-36px;top:-52px;width:265px;height:265px;background:url('brand/logo-mark.svg') center/contain no-repeat;opacity:.09;transform:rotate(-13deg);pointer-events:none}
.hero-t,.hero-a{position:relative;z-index:1}.hero-t b{font-size:30px;line-height:1.16;letter-spacing:-1.1px;max-width:650px}.hero-t small{display:block;margin-top:10px;line-height:1.6;color:#a5bdb6;font-size:13px}.hero-a{flex-wrap:wrap;gap:10px}
.btn{box-shadow:none;font-weight:650;border-radius:12px;transition:background .18s,transform .18s,border-color .18s}.btn.primary{box-shadow:0 5px 18px #9fe07010}.btn.ghost:hover{background:#26353c;border-color:#46604e}.btn.primary:hover{filter:brightness(1.08)}
.inp{border-radius:12px;background-color:#182229}.inp:focus{border-color:#7ea652;background-color:#1b292e}.inp.search{height:47px;border-color:#2c3941}
.chip{height:33px;font-size:12px;border-radius:9px;background:#182128;border-color:var(--line);color:#a8bbc2}.chip.on{color:#142313;background:#baff73;box-shadow:0 2px 7px #a4e06914}
.grp-h{font-size:16px;letter-spacing:-.3px;margin:28px 0 14px}.grp-h small{font-size:11px;padding:3px 8px;background:#1e2a30;border-radius:6px}
.card{background:#151e24;border-color:#26333a;border-radius:16px;position:relative}.card:hover{transform:translateY(-3px);border-color:#6e8d59;box-shadow:0 8px 28px #0004}.card:active{transform:translateY(0) scale(.985)}
.thumb{background:radial-gradient(ellipse at 50% 30%,#29404a,#18242d 70%);aspect-ratio:1.12}.c-body{padding:12px 14px 16px}.c-body b{font-size:13px;letter-spacing:-.1px}.c-body small{font-size:11px;line-height:1.5;color:#829aa4;margin-top:5px}
.badge,.dur{font-size:10px;background:#0b1119c9;border:1px solid #344b5059;border-radius:6px;padding:3px 6px}.badge{color:#c5ef99}
.sticky-bar{background:linear-gradient(var(--bg) 88%,transparent);gap:12px;padding-top:17px}.cards{gap:15px}
.pv-stage{border:1px solid #3b505c;border-radius:15px;box-shadow:0 16px 50px #0004}.transport{padding-top:8px}.st-name b{font-size:21px;letter-spacing:-.7px}.st-head{padding-top:4px;padding-bottom:15px}.st-tools .btn.tool{border-radius:11px;background:#19252d}.layer{background:#172128;border-radius:12px}.layer.sel{border-color:#a1d86e}.l-bar{background:#2c4247}.l-bar i{background:linear-gradient(90deg,#9ddc72,#6bd2c9)}
.sheet{background:linear-gradient(155deg,#1b252c,#111a20);border-color:#35434b}.sheet-title{letter-spacing:-.5px}.sheet-head{min-height:61px}.sheet-bg{background:#05090da8}.sheet-wrap.full .sheet{background:#0e151a}.fx-foot{background:#141f25}.fx-params{scrollbar-width:thin;scrollbar-color:#39524d transparent}
.param-group{border-color:#314249!important;background:#17262b!important}.param-tile{border-color:#39504c!important;background:linear-gradient(145deg,#273c40,#18292f)!important}.param-tile:hover{border-color:#81ad67!important}
.subnav{background:#10181e;border-color:#24353b;padding:10px 22px}.subnav .seg.on{border-color:#4f7248;background:#253c2b;color:#d0ffa9}
.welcome{max-width:none;min-height:100%;height:100%;padding:42px 26px;gap:20px;justify-content:center;position:relative;isolation:isolate;background:radial-gradient(ellipse at 18% 5%,#2c452433,transparent 55%)}
.w-hero{margin:0 0 8px}.logo-big{font-size:0;line-height:0;letter-spacing:0;background:none;filter:none;color:transparent}.cls-welcome-logo{width:min(380px,76vw);height:90px;object-fit:contain}.w-sub{font-size:15px;color:#9aacb3;line-height:1.65;margin-top:10px;max-width:420px}
.w-feats{max-width:520px;gap:9px}.w-feat{padding:13px 16px;background:#172128;border-radius:13px;border-color:#29383f}.w-feat b{font-size:13px}.w-feat small{font-size:11px;line-height:1.55;color:#8fa5b0}.w-e{width:37px;height:37px;display:grid;place-items:center;font-size:20px;background:#22352b;border-radius:11px}
.w-card{max-width:520px;background:linear-gradient(130deg,#203329,#183037);border:1px solid #3d5441;border-radius:16px;padding:18px 20px}.w-card>b{font-size:14px}.w-card .f-hint{font-size:12px;color:#b6c8c5;line-height:1.65}.welcome>.btn{min-width:280px}.welcome>.w-prog{max-width:520px;width:100%}.bar{background:#253b3b}.bar i{background:var(--acc)}
.splash .logo-big{font-size:28px;color:var(--text)}
#toast{bottom:110px}.toast{background:#22322b;border-color:#476c47}
@media(min-width:1000px){
 .top{height:82px;flex:none;padding:13px 30px}.brand{min-width:210px}.brand b{font-size:21px}.cls-context{display:block}.top>.grow:after{content:"MINECRAFT CREATOR SUITE";float:right;color:#617a83;font-size:9px;letter-spacing:2px;margin-right:12px;margin-top:2px}
 .tabbar{inset:82px auto 0 0;transform:none;width:226px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:33px 15px 18px;gap:7px;border:0;border-right:1px solid var(--line);border-radius:0;background:#11181e;box-shadow:none;backdrop-filter:none}
 .tabbar:before{content:"РАБОЧЕЕ ПРОСТРАНСТВО";font-size:9px;letter-spacing:1.8px;color:#617984;margin:0 12px 13px;font-weight:700}
 .tab{flex:0;flex-direction:row;justify-content:flex-start;gap:13px;min-height:46px;padding:10px 13px;font-size:13px;line-height:1.2;border-radius:11px;color:#92a8b2}.tab .ic{width:20px;height:20px}.tab.on{background:#253a2c;color:#c1ff8c;box-shadow:inset 0 0 0 1px #405740}.tab:hover:not(.on){background:#1c2b32;color:#e8f3ed}.cls-desktop-tab{display:flex}.cls-side-note{display:block;margin-top:auto;padding:17px 12px 4px;border-top:1px solid #26353c;color:#7c958d;font-size:11px;line-height:1.8}.cls-side-note b{color:#c5f5a6;letter-spacing:1px;font-size:11px}
 main#views{margin-left:226px}.view{max-width:1500px;margin:auto;padding:27px 34px 50px;min-height:100%}.subnav{margin-left:226px;padding-left:34px}.hero{min-height:174px}.hero-t b{font-size:33px}.hero-a .btn{height:38px}.hero:after{right:0;top:-37px;width:310px;height:310px}
 body.compact-ui .cards,.cards{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:16px}.cards.sm{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.thumb.tall{aspect-ratio:3/4}.fxlist .card .thumb{aspect-ratio:1.15}.sticky-bar{top:-27px;margin:0 -4px 8px;padding-inline:4px;padding-top:16px}
 .fx-edit{flex-direction:row}.fx-pv{width:52%;--pvh:74vh}.fx-side{min-width:380px;flex:1}.fx-foot{padding:14px 24px 20px}.fx-params{padding:15px 24px 25px}
 .sheet-wrap:not(.full):not(.center){padding:30px;justify-content:center;align-items:center}.sheet-wrap:not(.full)>.sheet{border:1px solid var(--line2);border-radius:22px;width:min(820px,100%);max-height:90vh}.sheet-wrap.full .sheet-head{height:68px;padding-inline:24px}.sheet-wrap.full .sheet-title{font-size:19px}.sheet-wrap.full .fx-pv{--pvh:75vh}
 .st-main{display:grid;grid-template-columns:minmax(300px,1fr) minmax(350px,1.12fr);gap:30px}.st-pv{margin:0;position:sticky;top:0;--pvh:63vh;min-width:0}.st-side{min-width:0}.st-name b{font-size:24px}.st-head{padding-bottom:24px}.pcard{padding:14px;border-radius:15px}.plist{gap:14px}.st-tools{gap:10px}.st-tools .btn.tool{min-width:64px}
 .welcome{display:grid;grid-template-columns:minmax(300px,500px) minmax(330px,440px);grid-template-rows:auto auto auto;align-content:center;justify-content:center;column-gap:72px;row-gap:18px;padding:7vh 8vw}.w-hero{grid-column:1;grid-row:1;text-align:left}.w-hero .w-sub{margin-top:17px}.cls-welcome-logo{width:400px;max-width:100%;height:100px;object-position:left center}.w-feats{grid-column:1;grid-row:2/5}.w-card{grid-column:2;grid-row:1/3}.welcome>.btn{grid-column:2;grid-row:3;width:100%;height:52px}.welcome>.w-prog{grid-column:2;grid-row:4}.w-card .row{margin-top:22px}.w-card{padding:27px;align-self:end}.w-card .f-hint{font-size:13px;line-height:1.8}.w-card>b{font-size:19px;letter-spacing:-.5px}.w-feat{padding:17px}.w-feat b{font-size:14px}.w-feat small{font-size:12px}
 #toast{left:226px;bottom:25px}
}
@media(min-width:1600px){body.compact-ui .cards,.cards{grid-template-columns:repeat(auto-fill,minmax(195px,1fr))}.hero{padding:35px}.hero-t b{font-size:38px}}
@media(max-width:999px){
 .top{padding:calc(var(--sat) + 12px) 16px 12px;min-height:70px}.brand b{font-size:18px}.brand small{font-size:8px;letter-spacing:1.2px}.cls-mark{width:36px;height:36px}.cls-context{display:none}
 .view{padding:15px 16px calc(var(--sab) + 105px)}.tabbar{left:12px;right:12px;bottom:calc(var(--sab) + 12px);width:auto;transform:none;padding:7px;border-radius:20px;background:#18242beb;border-color:#34464a}.tab{font-size:10px;gap:5px;padding:8px 0;border-radius:14px}.tab.on{background:#bdff81;color:#162814;box-shadow:none}.tab .ic{width:21px;height:21px}
 .hero{padding:23px 20px;gap:17px;border-radius:18px}.hero-t b{font-size:27px;max-width:310px}.hero-t small{font-size:11px;max-width:270px;line-height:1.8}.hero:after{width:210px;height:210px;right:-75px;top:-32px;opacity:.07}.hero-a .btn{font-size:12px;padding-inline:12px;height:35px}.hero-a{gap:8px}.cards{gap:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.c-body{padding:11px 11px 13px}.c-body b{font-size:12px}.c-body small{font-size:10px}.thumb.tall{aspect-ratio:3/4}.thumb{aspect-ratio:1}
 .sticky-bar{top:-15px;margin:0 -16px 8px;padding:12px 16px 10px;gap:10px}.chips.scroll{margin-inline:-16px;padding-inline:16px}.grp-h{font-size:15px;margin-top:22px}.subnav{padding-inline:16px}.subnav .seg{font-size:11px}
 .sheet-wrap.full .sheet-head{padding-top:calc(var(--sat) + 4px)}.sheet-title{font-size:16px}.st-head{gap:7px;flex-wrap:wrap}.st-name b{font-size:17px}.st-main{flex-direction:column}.st-pv{--pvh:39vh}.st-side{width:100%}.st-tools .btn.tool{font-size:11px;min-width:61px}.st-tools{gap:7px}
 .welcome{justify-content:flex-start;padding-top:calc(var(--sat) + 36px);padding-bottom:calc(var(--sab) + 28px);gap:15px}.w-hero{margin-bottom:5px}.cls-welcome-logo{height:77px}.w-sub{font-size:12px;line-height:1.8}.w-card{padding:16px}.welcome>.btn{min-height:49px;width:100%;max-width:520px}
}
@media(max-width:360px){.hero-t b{font-size:23px}.brand b{font-size:17px}.hero-a .btn{font-size:11px;padding-inline:10px}.c-body b{font-size:11px}.cls-welcome-logo{height:66px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Match the compact editor's specificity while preserving its control behavior. */
body.compact-ui .c-body{padding:12px 14px 14px}body.compact-ui .c-body b{font-size:13px;min-height:18px}body.compact-ui .grp-h{margin:26px 0 13px}body.compact-ui .card .thumb{aspect-ratio:1.12}body.compact-ui .thumb.tall{aspect-ratio:3/4}
@media(min-width:1000px){
 body.compact-ui .top{padding:13px 30px}body.compact-ui .view{padding:27px 34px 50px}body.compact-ui .hero{padding:27px 30px;gap:20px;margin-bottom:17px}body.compact-ui .hero-t b{font-size:33px}body.compact-ui .sticky-bar{top:-27px;margin:0 -4px 8px;padding:16px 4px 10px}body.compact-ui .cards{gap:16px}body.compact-ui .brand small{font-size:9px}
 body.compact-ui .st-pv{margin:0;--pvh:63vh}body.compact-ui .fx-pv{--pvh:74vh}body.compact-ui .st-tools{gap:10px}body.compact-ui .st-tools .btn.tool{height:64px;font-size:11px}body.compact-ui .fx-params{padding:15px 24px 25px}body.compact-ui .preview{padding:18px;gap:10px}body.compact-ui .fx-foot{padding:14px 24px 20px}
}
@media(max-width:999px){
 body.compact-ui .top{padding:calc(var(--sat) + 12px) 16px 12px}body.compact-ui .view{padding:15px 16px calc(var(--sab) + 105px)}body.compact-ui .hero{padding:23px 20px;gap:17px;margin-bottom:14px}body.compact-ui .hero-t b{font-size:27px}body.compact-ui .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}body.compact-ui .c-body{padding:11px}body.compact-ui .c-body b{font-size:12px}body.compact-ui .sticky-bar{top:-15px;margin:0 -16px 8px;padding:12px 16px 10px}body.compact-ui .st-pv{margin:0 -16px;--pvh:39vh}body.compact-ui .grp-h{margin-top:22px}
}