.mb{max-width:1180px;margin:0 auto;padding:clamp(96px,13vh,140px) clamp(18px,5vw,40px) clamp(56px,9vh,90px)}.mb-head{margin-bottom:clamp(22px,4vh,36px)}.mb-sub{color:var(--ink-soft);margin-top:12px;max-width:56ch}.mb-layout{display:grid;grid-template-columns:340px 1fr;gap:clamp(18px,2.4vw,30px);align-items:start}.mb-controls{padding:18px;border-radius:22px;background:var(--card-bg, #fff);border:1px solid var(--card-line, var(--line));box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:14px;position:sticky;top:clamp(76px,10vh,96px)}.mb-field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}.mb-field input[type=text],.mb-field textarea,.mb-field select{font:inherit;font-size:14px;font-weight:500;color:var(--ink);background:var(--bg);border:1px solid var(--card-line, var(--line));border-radius:11px;padding:9px 12px;width:100%}.mb-field textarea{resize:vertical;line-height:1.5}.mb-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mb-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.mb-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mb-sw{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:600;color:var(--ink-faint);text-align:center}.mb-sw input[type=color]{width:100%;height:38px;border:1px solid var(--card-line, var(--line));border-radius:10px;background:none;cursor:pointer;padding:2px}.mb-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.mb-actions .btn{flex:1;padding:11px 12px;font-size:13.5px;justify-content:center}.mb-hint{font-size:12px;color:var(--ink-faint);min-height:1em;text-align:center}.mb-board{--c-primary:#5b6cff;--c-secondary:#0fb8a6;--c-accent:#ff8a3d;--c-bg:#fff;--c-text:#1f2330;--f-head:"Playfair Display",serif;--f-body:"Inter",sans-serif;background:var(--c-bg);color:var(--c-text);border:1px solid rgba(0,0,0,.08);border-radius:22px;padding:clamp(20px,2.4vw,34px);box-shadow:0 16px 44px #14100a1f}.mb-board__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:16px;margin-bottom:20px}.mb-board__title{font-family:var(--f-head);font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.1;color:var(--c-text)}.mb-keys{display:flex;flex-wrap:wrap;gap:8px}.mb-key{font-size:11.5px;color:var(--c-text);opacity:.78;border:1px solid rgba(0,0,0,.14);border-radius:999px;padding:4px 11px}.mb-key b{opacity:.55;font-weight:700;margin-right:3px}.mb-board__grid{display:grid;grid-template-columns:1fr 300px;gap:clamp(18px,2.4vw,34px)}.mb-block{margin-bottom:22px}.mb-label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.5;margin-bottom:10px}.mb-chip{display:flex;align-items:center;gap:8px}.mb-chip__c{width:34px;height:34px;border-radius:9px;border:1px solid rgba(0,0,0,.1)}.mb-chip__t{font-size:10.5px;line-height:1.3;font-weight:600;opacity:.72}.mb-type-h{font-family:var(--f-head);font-size:1.9rem;line-height:1.1;color:var(--c-text);margin-bottom:8px}.mb-type-b{font-family:var(--f-body);font-size:.98rem;line-height:1.6;color:var(--c-text);opacity:.82}.mb-notes-out{font-family:var(--f-body);font-size:.95rem;line-height:1.65;color:var(--c-text);opacity:.82}.mb-board__foot{margin-top:18px;padding-top:14px;border-top:1px solid rgba(0,0,0,.08);font-size:11px;opacity:.5;font-family:var(--f-body)}.mb-col--device{display:flex;flex-direction:column}.mb-device{margin-top:4px;background:#14161c;padding:8px;align-self:center}.mb-device[data-device=iphone]{width:210px;border-radius:34px}.mb-device[data-device=android]{width:210px;border-radius:22px;padding:6px}.mb-device[data-device=desktop]{width:100%;border-radius:14px;padding:0}.mb-screen{background:var(--c-bg);overflow:hidden}.mb-device[data-device=iphone] .mb-screen{border-radius:27px;aspect-ratio:9/18.5}.mb-device[data-device=android] .mb-screen{border-radius:16px;aspect-ratio:9/18}.mb-device[data-device=desktop] .mb-screen{border-radius:14px;aspect-ratio:16/10.5}.mb-device[data-device=desktop] .mb-screen{box-shadow:inset 0 22px #eceff4;padding-top:0}.mb-ui-bar{background:var(--c-primary);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 14px 12px}.mb-device[data-device=desktop] .mb-ui-bar{margin-top:22px}.mb-ui-barttl{font-family:var(--f-head);font-weight:600;font-size:14px}.mb-ui-dot{width:16px;height:16px}.mb-board[data-icon=filled] .mb-ui-dot{background:#ffffffeb;border-radius:50%}.mb-board[data-icon=rounded] .mb-ui-dot{background:#ffffffeb;border-radius:5px}.mb-board[data-icon=outlined] .mb-ui-dot{border:2px solid rgba(255,255,255,.92);border-radius:50%}.mb-ui-body{padding:14px}.mb-ui-h{font-family:var(--f-head);font-size:1.15rem;color:var(--c-text);margin-bottom:5px}.mb-ui-p{font-family:var(--f-body);font-size:.78rem;line-height:1.5;color:var(--c-text);opacity:.72;margin-bottom:14px}.mb-ui-card{background:var(--c-secondary);color:#fff;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;margin-bottom:14px}.mb-ui-card-ttl{font-family:var(--f-head);font-weight:600;font-size:.92rem}.mb-ui-card-sub{font-family:var(--f-body);font-size:.72rem;opacity:.85}.mb-ui-btn{background:var(--c-accent);color:#fff;border-radius:999px;padding:10px 18px;font-family:var(--f-body);font-weight:600;font-size:.82rem;border:0}@media (max-width: 860px){.mb-layout{grid-template-columns:1fr}.mb-controls{position:static;order:2}.mb-board{order:1}.mb-board__grid{grid-template-columns:1fr}.mb-col--device{align-items:stretch}}.mb-seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--card-line, var(--line));background:var(--bg)}.mb-seg__btn{padding:8px 14px;border-radius:999px;font-weight:600;font-size:12.5px;color:var(--ink-soft);cursor:pointer}.mb-seg__btn.is-on{background:var(--ink);color:var(--bg)}.mb-trend{font-size:12px;color:var(--ink-faint);line-height:1.45;margin-top:-4px}.mb-field--row{flex-direction:row;align-items:center;justify-content:space-between}.mb-field--row input[type=color]{width:54px;height:34px;border:1px solid var(--card-line, var(--line));border-radius:9px;padding:2px;cursor:pointer}.mb-mixer{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end;padding:12px;border:1px dashed var(--card-line, var(--line));border-radius:14px}.mb-gen{grid-column:1 / -1;justify-content:center;padding:9px;font-size:13px}.mb-stack{gap:8px}.mb-chips-pick{display:flex;flex-wrap:wrap;gap:6px}.mb-chip-pick{padding:6px 11px;border-radius:999px;border:1px solid var(--card-line, var(--line));background:var(--bg);color:var(--ink-soft);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s var(--ease)}.mb-chip-pick.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.mb-board__titlewrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mb-badge{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid rgba(0,0,0,.16);color:var(--c-text);opacity:.7}.mb-meters{display:flex;flex-direction:column;gap:7px}.mb-meter{display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:9px;font-size:11px;color:var(--c-text)}.mb-meter__l{opacity:.7}.mb-meter__bar{height:7px;border-radius:999px;background:#00000014;overflow:hidden}.mb-meter__bar i{display:block;height:100%;background:var(--c-primary);border-radius:999px}.mb-meter__v{font-variant-numeric:tabular-nums;font-weight:700;opacity:.75}.mb-meter__v--ok{color:#1a8f5b;opacity:1}.mb-meter__v--warn{color:#c98a00;opacity:1}.mb-meter__v--bad{color:#d23f3f;opacity:1}.mb-stacktags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.mb-stacktag{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:6px;background:#0000000f;color:var(--c-text)}.mb-col--stage{display:flex;flex-direction:column}.mb-stage{margin-top:4px;display:flex;justify-content:center}.mb-dash{width:100%;display:flex;background:var(--c-bg);border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #14100a1f;min-height:270px;font-family:var(--f-body)}.mb-dash__side{width:56px;background:#0000000b;padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:10px}.mb-dash__logo{width:26px;height:26px;border-radius:9px;background:var(--c-primary);margin-bottom:6px}.mb-dash__nav{width:26px;height:9px;border-radius:999px;background:#0000001f}.mb-dash__nav.is-on{background:var(--c-primary)}.mb-dash__main{flex:1;padding:16px;display:flex;flex-direction:column;gap:13px}.mb-dash__top{display:flex;align-items:center;justify-content:space-between}.mb-dash__ttl{font-family:var(--f-head);font-weight:600;font-size:1.05rem;color:var(--c-text)}.mb-dash__avatar{width:26px;height:26px;border-radius:50%;background:var(--c-secondary)}.mb-dash__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mb-dash__stat{background:var(--c-bg);border:1px solid rgba(0,0,0,.08);border-radius:13px;padding:11px 12px;display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 14px #14100a12}.mb-dash__stat b{font-family:var(--f-head);font-size:1.05rem;color:var(--c-text)}.mb-dash__stat i{font-size:.68rem;color:var(--c-text);opacity:.6;font-style:normal}.mb-dash__stat--accent{background:var(--c-primary);border-color:transparent}.mb-dash__stat--accent b,.mb-dash__stat--accent i{color:var(--c-on-primary, #fff);opacity:1}.mb-dash__chart{display:flex;align-items:flex-end;gap:7px;height:78px;background:var(--c-bg);border:1px solid rgba(0,0,0,.08);border-radius:13px;padding:10px;box-shadow:0 4px 14px #14100a12}.mb-dash__chart i{flex:1;background:var(--c-secondary);border-radius:5px 5px 2px 2px;min-height:8px}.mb-dash__chart i:last-child{background:var(--c-accent)}.mb-dash__list{display:flex;align-items:center;gap:8px}.mb-dash__li{flex:1;height:10px;border-radius:999px;background:#00000014}.mb-dash__cta{background:var(--c-accent);color:var(--c-on-accent, #fff);font-size:.72rem;font-weight:600;padding:7px 13px;border-radius:999px;white-space:nowrap}.mb-cardm{width:230px;background:var(--c-bg);border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #14100a24;font-family:var(--f-body)}.mb-cardm__cover{height:96px;background:linear-gradient(135deg,var(--c-primary),var(--c-secondary))}.mb-cardm__body{padding:15px}.mb-cardm__tag{display:inline-block;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--c-accent);margin-bottom:8px}.mb-cardm__ttl{font-family:var(--f-head);font-size:1.1rem;color:var(--c-text);margin-bottom:5px}.mb-cardm__sub{font-size:.76rem;line-height:1.5;color:var(--c-text);opacity:.68;margin-bottom:13px}.mb-cardm__btn{background:var(--c-accent);color:#fff;border:0;border-radius:999px;padding:9px 16px;font-family:var(--f-body);font-weight:600;font-size:.78rem}.mb-board[data-trend=glass] .mb-dash__stat,.mb-board[data-trend=glass] .mb-dash__chart{background:#ffffff24;border-color:#fff6;box-shadow:0 6px 22px #0000001f}.mb-board[data-trend=glass] .mb-dash__side{background:#ffffff14}.mb-board[data-trend=glass] .mb-dash{background:linear-gradient(140deg,var(--c-bg),var(--c-primary))}.mb-board[data-trend=neu] .mb-dash{background:var(--c-bg)}.mb-board[data-trend=neu] .mb-dash__stat,.mb-board[data-trend=neu] .mb-dash__chart{background:var(--c-bg);border:0;box-shadow:6px 6px 14px #0000001f,-6px -6px 14px #ffffffa6;border-radius:16px}.mb-board[data-trend=flat] .mb-dash,.mb-board[data-trend=flat] .mb-dash__stat,.mb-board[data-trend=flat] .mb-dash__chart,.mb-board[data-trend=flat] .mb-cardm{box-shadow:none;border-radius:6px;border-color:#00000024}.mb-board[data-trend=flat] .mb-cardm__btn,.mb-board[data-trend=flat] .mb-dash__cta{border-radius:4px}.mb-board[data-trend=bento] .mb-dash__stats{gap:14px}.mb-board[data-trend=bento] .mb-dash__stat,.mb-board[data-trend=bento] .mb-dash__chart{border-radius:20px;border:0;box-shadow:0 6px 18px #14100a1a}.mb-board[data-trend=soft] .mb-ap__stat,.mb-board[data-trend=soft] .mb-ap__row{box-shadow:0 3px 10px #00000014}.mb-board[data-trend=glass] .mb-ap__stat:not(.mb-ap__stat--a),.mb-board[data-trend=glass] .mb-ap__row,.mb-board[data-trend=glass] .mb-ap__list{background:#ffffff29;border:1px solid rgba(255,255,255,.45);box-shadow:0 6px 18px #0000001f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mb-board[data-trend=neu] .mb-ap__stat:not(.mb-ap__stat--a),.mb-board[data-trend=neu] .mb-ap__row{background:var(--c-bg);border:0;box-shadow:4px 4px 10px #00000024,-4px -4px 10px #fff9}.mb-board[data-trend=flat] .mb-ap__stat:not(.mb-ap__stat--a),.mb-board[data-trend=flat] .mb-ap__row{background:transparent;border:1px solid rgba(128,128,128,.3);box-shadow:none;border-radius:6px}.mb-board[data-trend=flat] .mb-ap__cta{border-radius:4px}.mb-board[data-trend=bento] .mb-ap__stats{gap:10px}.mb-board[data-trend=bento] .mb-ap__stat,.mb-board[data-trend=bento] .mb-ap__row{border-radius:18px;box-shadow:0 5px 16px #14100a1a}.mb-board[data-trend=bento] .mb-dash{border-radius:22px}@media (max-width: 540px){.mb-mixer{grid-template-columns:1fr}.mb-dash__side{display:none}}.mb--studio{max-width:1480px}.mb-bar{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:18px}.mb-bar__ttl{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.025em;line-height:1.05;margin-top:6px}.mb-bar__r{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative;z-index:2}.mb-iconbtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--card-line, var(--line));background:var(--bg);font-size:16px;cursor:pointer;line-height:1}.mb-view .mb-seg__btn{padding:8px 12px;font-size:15px}.mb-controls{max-height:calc(100vh - 150px);overflow:auto}.mb-board{color:var(--bd-ink, #2b2620);background-color:var(--bd-paper, #fffdf7);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='pp'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23pp)' opacity='0.05'/%3E%3C/svg%3E");border:1px solid var(--bd-line, rgba(40,30,18,.12));box-shadow:0 2px 3px #281e120d,0 26px 52px -22px #281e1257,0 64px 104px -60px #281e1242}.mb-controls{position:static;max-height:none;overflow:visible}.mb-actions{flex-direction:column}.mb-actions .btn{width:100%;flex:none;white-space:nowrap}.mb-label{opacity:.62}.mb-board__title,.mb-key,.mb-meter,.mb-stacktag,.mb-notes-out,.mb-badge,.mb-label{color:inherit}.mb-board__head,.mb-board__foot{border-color:var(--bd-line, rgba(0,0,0,.1))}.mb-board__foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.mb-board__foot .mb-notes-out{flex:1;min-width:180px;opacity:.7;font-size:.82rem}.mb-board__foot #mbSig{opacity:.45;font-size:11px}.mb-board[data-view=dark]{--bd-ink: #e9ebf2;--bd-paper: #1c1e26;--bd-line: rgba(255,255,255,.14);background:radial-gradient(130% 120% at 50% -10%,#ffffff0f,#00000038),#1c1e26;box-shadow:0 30px 64px -26px #000000b3}.mb-board[data-view=dark] .mb-key{border-color:#ffffff38}.mb-board[data-view=dark] .mb-meter__bar,.mb-board[data-view=dark] .mb-stacktag{background:#ffffff1f}.mb-board[data-view=dark] .mb-badge{border-color:#ffffff3d}.mb-board[data-view=cb]{filter:url(#cbDeuter)}.mb-patterns{display:flex;gap:8px}.mb-pat{width:50px;height:50px;border-radius:11px;border:1px solid rgba(0,0,0,.08)}.mb-pat--dots{background:radial-gradient(var(--c-primary) 22%,transparent 24%) 0 0 / 11px 11px,var(--c-bg)}.mb-pat--stripe{background:repeating-linear-gradient(45deg,var(--c-secondary) 0 5px,var(--c-bg) 5px 11px)}.mb-pat--grid{background:linear-gradient(var(--c-accent) 1.4px,transparent 1.4px) 0 0 / 12px 12px,linear-gradient(90deg,var(--c-accent) 1.4px,var(--c-bg) 1.4px) 0 0 / 12px 12px}.mb-brand{display:flex;flex-direction:column;gap:9px}.mb-logo{display:flex;align-items:center;gap:9px}.mb-logo__mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--c-primary),var(--c-accent));flex:none}.mb-logo__word{font-family:var(--f-head);font-weight:700;font-size:1.25rem;color:var(--bd-ink)}.mb-logo__tag{font-family:var(--f-body);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;opacity:.55}.mb-logo__dots{display:flex;gap:6px}.mb-logo__dots i{width:16px;height:16px;border-radius:50%}.mb-logo__dots i:nth-child(1){background:var(--c-primary)}.mb-logo__dots i:nth-child(2){background:var(--c-secondary)}.mb-logo__dots i:nth-child(3){background:var(--c-accent)}.mb-illus{position:relative;height:100px;border-radius:14px;overflow:hidden;background:var(--c-bg);border:1px solid rgba(0,0,0,.07)}.mb-illus__blob{position:absolute;left:-16px;bottom:-24px;width:94px;height:94px;border-radius:46% 54% 60% 40%/52% 42% 58% 48%;background:linear-gradient(135deg,var(--c-primary),var(--c-secondary))}.mb-illus__c1{position:absolute;right:22px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--c-accent)}.mb-illus__c2{position:absolute;right:64px;bottom:18px;width:16px;height:16px;border-radius:50%;border:3px solid var(--c-secondary)}.mb-illus__bar{position:absolute;right:18px;bottom:22px;width:52px;height:9px;border-radius:999px;background:var(--c-accent);opacity:.85}.mb button,.mb .btn,.mb .mb-iconbtn,.mb .mb-chip-pick,.mb .mb-seg__btn{transition:transform .16s var(--spring),background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}.mb button:active,.mb .btn:active{transform:scale(.94)}.mb .mb-iconbtn:hover,.mb .mb-random:hover{transform:translateY(-2px)}.mb-sw input[type=color]{transition:transform .2s var(--spring),box-shadow .2s var(--ease)}.mb-sw input[type=color]:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 6px 14px #00000024}.mb-pat,.mb-chip{transition:transform .25s var(--spring)}.mb-pat:hover,.mb-chip:hover{transform:translateY(-2px)}@media (prefers-reduced-motion: reduce){.mb button:active,.mb .btn:active,.mb-sw input[type=color]:hover{transform:none}}@media (max-width: 980px){.mb-controls{max-height:none;overflow:visible}}html[data-theme=light] .mb-page{--bg: #e9e3d8}html[data-theme=dark] .mb-page{--bg: #15161c}.mb-page .mb-field input,.mb-page .mb-field textarea,.mb-page .filter-select{background-color:#fff}html[data-theme=dark] .mb-page .mb-field input,html[data-theme=dark] .mb-page .mb-field textarea,html[data-theme=dark] .mb-page .filter-select{background-color:#ffffff0d}.mb-board{--bd-paper: #ffffff;border-width:1px;border-color:var(--bd-line, rgba(30,24,16,.14));padding:clamp(22px,2.4vw,34px)}.mb-board[data-view=dark]{--bd-paper: #1c1e26}.mb-board__title{font-size:clamp(1.25rem,2vw,1.6rem)}.mb-board__grid{gap:22px 30px}.mb-label{font-size:10px;opacity:.55;margin-bottom:9px}.mb-type-h{font-size:1.5rem;margin-bottom:6px}.mb-type-b{font-size:.9rem}.mb-chip{gap:9px}.mb-chip__c{width:46px;height:46px;border-radius:12px}.mb-chip__t{font-size:10px}.mb-palette{gap:12px}.mb-key{font-size:11px}.mb-badge{font-size:10px}.mb-block--stage{grid-column:1 / -1}.mb-stage{min-height:300px;align-items:center;overflow:hidden}.mb-dash{height:300px;min-height:0;max-width:560px;margin:0 auto}.mb-device{max-height:320px}.mb-device[data-device=iphone],.mb-device[data-device=android]{width:154px}.mb-device[data-device=desktop]{width:100%;max-width:460px}.mb-cardm{max-height:320px}.mb-pat{width:56px;height:56px}html[data-theme=light] .mb-page{--bg: #edeef1}.mb .btn{gap:7px}.mb .ico{flex:none}.mb .btn .ico{opacity:.85}.mb-info{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;color:var(--ink-faint);vertical-align:-2px;margin-left:4px;cursor:pointer;opacity:.65;transition:opacity .2s var(--ease),color .2s var(--ease),transform .2s var(--spring)}.mb-info:hover{opacity:1;color:var(--ink);transform:scale(1.14)}.mb-tip{position:absolute;z-index:300;max-width:280px;background:#1b1d25;color:#f3f4f6;font-size:12.5px;line-height:1.55;padding:11px 14px;border-radius:12px;box-shadow:0 16px 38px #0000005c}.mb-tip[hidden]{display:none}.mb-canvasbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mb-bgpick{display:flex;gap:7px}.mb-bg{width:26px;height:26px;border-radius:8px;border:1px solid rgba(0,0,0,.18);cursor:pointer;transition:transform .2s var(--spring)}.mb-bg:hover{transform:translateY(-2px)}.mb-bg.is-on{outline:2px solid var(--ink);outline-offset:2px}.mb-bg[data-bg=light]{background:#f4f5f7}.mb-bg[data-bg=soft]{background:#ece7df}.mb-bg[data-bg=dark]{background:#14161c}.mb-bg[data-bg=color]{background:var(--mb-canvas-color, #dfe3ff)}.mb-bg[data-bg=grid]{background:#f4f5f7;background-image:linear-gradient(rgba(0,0,0,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.14) 1px,transparent 1px);background-size:7px 7px}.mb-stagewrap{border-radius:22px;padding:clamp(16px,2vw,30px);transition:background-color .35s var(--ease)}.mb-stagewrap[data-bg=light]{background:#f4f5f7}.mb-stagewrap[data-bg=soft]{background:#ece7df}.mb-stagewrap[data-bg=dark]{background:#14161c}.mb-stagewrap[data-bg=color]{background:var(--mb-canvas-color, #eef0ff)}.mb-stagewrap[data-bg=grid]{background-color:#f4f5f7;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:22px 22px}.mb--expanded .mb-controls{display:none}.mb--expanded .mb-layout{grid-template-columns:1fr}.mb-stagewrap[data-bg]{background:#edeef1}.mb-board[data-bg=light]{--bd-paper:#ffffff;--bd-ink:#23252e;--bd-line:rgba(30,24,16,.12);--tile:#f5f6f8;--tileln:rgba(0,0,0,.07)}.mb-board[data-bg=soft]{--bd-paper:#faf6ee;--bd-ink:#2c2620;--bd-line:rgba(40,30,18,.12);--tile:#fffdf7;--tileln:rgba(0,0,0,.06)}.mb-board[data-bg=dark]{--bd-paper:#1b1d25;--bd-ink:#eceef5;--bd-line:rgba(255,255,255,.14);--tile:rgba(255,255,255,.055);--tileln:rgba(255,255,255,.12)}.mb-board[data-bg=color]{--bd-paper:var(--mb-canvas-color,#eef0ff);--bd-ink:#1f2330;--bd-line:rgba(0,0,0,.1);--tile:rgba(255,255,255,.6);--tileln:rgba(255,255,255,.8)}.mb-board[data-bg=grid]{--bd-paper:#ffffff;--bd-ink:#23252e;--bd-line:rgba(0,0,0,.1);--tile:#f6f7f9;--tileln:rgba(0,0,0,.06)}.mb-board{background-color:var(--bd-paper, #fff);color:var(--bd-ink, #23252e)}.mb-board[data-bg=grid]{background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);background-size:24px 24px}.mb-col{display:flex;flex-direction:column;gap:14px}.mb-block{margin:0;background:var(--tile, #f5f6f8);border:1px solid var(--tileln, rgba(0,0,0,.07));border-radius:15px;padding:14px 16px}.mb-board__grid{gap:14px;align-items:start}.mb-board__title{color:var(--bd-ink);font-size:clamp(1.5rem,2.6vw,2.1rem)}.mb-badge,.mb-key{border-color:var(--bd-line)}.mb-typebox{background:var(--c-bg);border-radius:10px;padding:13px 14px;border:1px solid rgba(127,127,127,.18)}.mb-typebox .mb-type-h,.mb-typebox .mb-type-b{color:var(--c-text)}.mb-rate{display:flex;gap:10px;justify-content:center;margin:4px 0 12px}.mb-rate__b{font-size:25px;line-height:1;width:48px;height:48px;border-radius:14px;border:1px solid var(--card-line, var(--line));background:var(--bg);cursor:pointer;transition:transform .2s var(--spring),border-color .2s var(--ease),background-color .2s}.mb-rate__b:hover{transform:translateY(-3px) scale(1.08)}.mb-rate__b.is-on{border-color:var(--ink);background:#80808024;transform:translateY(-3px) scale(1.08)}.mb-field--hero{background:#80808014;border:1px solid var(--card-line, var(--line));border-radius:14px;padding:12px 13px}.mb-field--hero>span{font-size:13px;font-weight:700}.mb-field--hero select{font-weight:600}html[data-theme=light] .mb-page{--bg: #d7dbe2}.mb-stagewrap[data-bg]{background:transparent;padding:0}.mb-board{border:1px solid rgba(0,0,0,.07);box-shadow:0 26px 60px -22px #12162852,0 4px 14px #12162814;border-radius:22px;padding:clamp(18px,2vw,26px)}.mb-board[data-bg=light]{--bd-paper:#eceef2;--tile:#ffffff;--tileln:rgba(18,22,40,.1);--bd-ink:#23252e}.mb-board[data-bg=soft]{--bd-paper:#efe9df;--tile:#fffdf8;--tileln:rgba(40,30,18,.1);--bd-ink:#2c2620}.mb-board[data-bg=dark]{--bd-paper:#171922;--tile:#21242e;--tileln:rgba(255,255,255,.1);--bd-ink:#eceef5}.mb-board[data-bg=color]{--bd-paper:var(--mb-canvas-color,#e7ebff);--tile:#ffffff;--tileln:rgba(18,22,40,.08);--bd-ink:#1f2330}.mb-board[data-bg=grid]{--bd-paper:#e9ecf1;--tile:#ffffff;--tileln:rgba(18,22,40,.1);--bd-ink:#23252e}.mb-block{background:var(--tile);border:1px solid var(--tileln);border-radius:14px;padding:13px 15px;box-shadow:0 1px 2px #1216280d}.mb-board__grid{display:grid;grid-template-columns:1fr 1fr 1.18fr;gap:13px;align-items:stretch}.mb-block--palette{grid-column:1 / 3}.mb-block--stage{grid-column:3;grid-row:1 / -1;display:flex;flex-direction:column}.mb-block--stage .mb-stage{flex:1;min-height:380px;height:auto;display:flex;align-items:center;justify-content:center}.mb-seg:not(.mb-view){display:flex}.mb-seg:not(.mb-view) .mb-seg__btn{flex:1}.mb-block--stage{background-color:var(--tile);background-image:linear-gradient(165deg,#0000000d,#0000);overflow:visible}.mb-block--stage .mb-stage{overflow:visible}.mb-device{position:relative}.mb-device[data-device=iphone]{width:230px;background:#0f1116;border-radius:38px;padding:9px;box-shadow:0 22px 44px -14px #00000080,inset 0 0 0 2px #ffffff0f}.mb-device__island{position:absolute;top:18px;left:50%;transform:translate(-50%);width:76px;height:20px;background:#07080b;border-radius:12px;z-index:3}.mb-device[data-device=iphone] .mb-screen{border-radius:30px;overflow:hidden;background:var(--c-bg);color:var(--c-text);padding:32px 13px 12px;min-height:420px;font-family:var(--f-body);display:flex;flex-direction:column;gap:9px;width:auto;height:auto}.mb-ap__status{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:var(--c-text);opacity:.85}.mb-ap__bat{width:22px;height:11px;border:1.5px solid currentColor;border-radius:3px;opacity:.6}.mb-ap__head{display:flex;justify-content:space-between;align-items:center}.mb-ap__app{font-family:var(--f-head);font-weight:700;font-size:14px;color:var(--c-text)}.mb-ap__av{width:26px;height:26px;border-radius:50%;background:var(--c-primary)}.mb-ap__h{font-family:var(--f-head);font-weight:700;font-size:17px;line-height:1.2;color:var(--c-text);margin:2px 0 0}.mb-ap__p{font-size:11.5px;line-height:1.4;color:var(--c-text);opacity:.6;margin:0}.mb-ap__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mb-ap__stat{background:#80808021;border-radius:10px;padding:8px 5px;text-align:center}.mb-ap__stat b{display:block;font-family:var(--f-head);font-size:13px;color:var(--c-text)}.mb-ap__stat i{font-style:normal;font-size:8.5px;color:var(--c-text);opacity:.55}.mb-ap__stat--a{background:var(--c-primary)}.mb-ap__stat--a b,.mb-ap__stat--a i{color:var(--c-on-primary, #fff);opacity:1}.mb-ap__list{display:flex;flex-direction:column;gap:6px}.mb-ap__row{display:flex;align-items:center;gap:8px;background:#8080801a;border-radius:9px;padding:7px 9px}.mb-ap__rdot{width:18px;height:18px;border-radius:6px;background:var(--c-secondary);flex:none}.mb-ap__rt{font-size:11px;color:var(--c-text);opacity:.8;flex:1}.mb-ap__rv{font-size:11px;font-weight:700;color:var(--c-text)}.mb-ap__cta{margin-top:auto;background:var(--c-primary);color:var(--c-on-primary, #fff);border:none;border-radius:11px;padding:11px;font-family:var(--f-head);font-weight:600;font-size:13px}.mb-ap__tabs{display:flex;justify-content:space-around;padding-top:5px}.mb-ap__tabs i{width:8px;height:8px;border-radius:3px;background:var(--c-text);opacity:.22}.mb-ap__tabs i.is-on{opacity:1;background:var(--c-primary)}.mb-device[data-device=desktop]{width:100%;max-width:340px;border-radius:14px;overflow:hidden;background:var(--c-bg);box-shadow:0 20px 44px -16px #0000006b;border:1px solid rgba(0,0,0,.08)}.mb-device__bar{display:flex;align-items:center;gap:5px;padding:9px 12px;background:#80808029}.mb-device__bar i{width:9px;height:9px;border-radius:50%;background:var(--c-text);opacity:.25}.mb-device__url{margin-left:10px;font-size:10px;color:var(--c-text);opacity:.5}.mb-screen--wide{padding:14px;color:var(--c-text);display:flex;flex-direction:column;gap:9px;width:auto;height:auto;min-height:0}.mb-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mb-img{aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,var(--c-primary),var(--c-secondary))}.mb-img img{width:100%;height:100%;object-fit:cover;display:block}.mb-img.is-empty{background:linear-gradient(135deg,var(--c-primary),var(--c-accent))}.mb-stagewrap,.mb-stagewrap[data-bg]{background:#a9b0bd;padding:clamp(18px,2vw,30px);border-radius:26px;box-shadow:inset 0 1px #ffffff2e}html[data-theme=light] .mb-page{--bg: #e7e9ee}.mb-board[data-bg=light]{--bd-paper:#ffffff;--tile:#f1f3f8;--tileln:rgba(18,22,40,.12);--bd-ink:#1f232c}.mb-board[data-bg=soft]{--bd-paper:#fbf7f0;--tile:#fff;--tileln:rgba(40,30,18,.12);--bd-ink:#2c2620}.mb-board[data-bg=color]{--bd-paper:var(--mb-canvas-color,#eef1ff);--tile:#fff;--tileln:rgba(18,22,40,.1);--bd-ink:#1f232c}.mb-board[data-bg=grid]{--bd-paper:#ffffff;--tile:#f1f3f8;--tileln:rgba(18,22,40,.12);--bd-ink:#1f232c}.mb-board{box-shadow:0 30px 60px -24px #0f122080,0 6px 18px #0f12201f}.mb-block{border-width:1px;box-shadow:0 1px 2px #1216280f}@media (min-width: 1080px){.mb-board__grid{grid-template-columns:repeat(4,1fr)}.mb-block--palette{grid-column:1 / 4}.mb-block--type{grid-column:1 / 3}.mb-block--stage{grid-column:4;grid-row:1 / -1}}.mb-board[data-bg=light]{--bd-paper:#e9ecf1;--tile:#ffffff;--tileln:rgba(18,22,40,.05);--bd-ink:#1f232c}.mb-board[data-bg=soft]{--bd-paper:#efe7da;--tile:#fffdf8;--tileln:rgba(40,30,18,.05);--bd-ink:#2c2620}.mb-board[data-bg=grid]{--bd-paper:#e6e9ef;--tile:#ffffff;--tileln:rgba(18,22,40,.05);--bd-ink:#1f232c}.mb-board[data-bg=color]{--bd-paper:var(--mb-canvas-color,#e7ebff);--tile:#ffffff;--tileln:rgba(18,22,40,.05);--bd-ink:#1f232c}.mb-board[data-bg=dark]{--bd-paper:#15171e;--tile:#23262f;--tileln:rgba(255,255,255,.08);--bd-ink:#eceef5}.mb-block{box-shadow:0 2px 8px -2px #1216281f;border-radius:13px}.mb-stagewrap,.mb-stagewrap[data-bg]{background:#41454e;padding:clamp(18px,2.2vw,34px);border-radius:26px;box-shadow:inset 0 1px #ffffff0f}.mb-board{background-image:none!important}@media (min-width: 1080px){.mb-board__grid{grid-template-columns:1fr 1fr 1fr 1.05fr;grid-template-areas:"palette palette type   device" "meters  brand   illus  device" "pat     img     img    device";align-items:stretch}.mb-block--palette{grid-area:palette}.mb-block--type{grid-area:type}.mb-board__grid>.mb-block:nth-child(3){grid-area:meters}.mb-board__grid>.mb-block:nth-child(4){grid-area:brand}.mb-board__grid>.mb-block:nth-child(5){grid-area:pat}.mb-board__grid>.mb-block:nth-child(6){grid-area:illus}.mb-block--img{grid-area:img}.mb-block--stage{grid-area:device}}.mb-block--stage .mb-stage{min-height:360px}.mb-palette{display:flex;flex-wrap:wrap;gap:10px}@media (min-width: 1080px){.mb-layout{grid-template-columns:300px 1fr;gap:22px}}.mb-stagewrap,.mb-stagewrap[data-bg]{padding:18px}.mb-board{padding:16px}.mb-board__grid{gap:11px}.mb-block{padding:11px 13px}.mb-meters{display:flex;flex-direction:column;gap:5px}.mb-illus__svg{width:100%;height:96px;border-radius:9px;display:block}.mb-imgs{gap:6px}.mb-stagewrap,.mb-stagewrap[data-bg]{background:#3b3f47;padding:30px;border-radius:24px}.mb-board[data-bg=light]{--bd-paper:#ffffff;--tile:#f4f6fa;--tileln:rgba(18,22,40,.09);--bd-ink:#1f232c}.mb-board[data-bg=soft]{--bd-paper:#fffaf2;--tile:#f6efe3;--tileln:rgba(40,30,18,.1);--bd-ink:#2c2620}.mb-board[data-bg=grid]{--bd-paper:#ffffff;--tile:#f4f6fa;--tileln:rgba(18,22,40,.09);--bd-ink:#1f232c}.mb-board[data-bg=color]{--bd-paper:var(--mb-canvas-color,#eef1ff);--tile:#ffffff;--tileln:rgba(18,22,40,.08);--bd-ink:#1f232c}.mb-board[data-bg=dark]{--bd-paper:#15171e;--tile:#22252e;--tileln:rgba(255,255,255,.1);--bd-ink:#eceef5}.mb-block{border:1px solid var(--tileln);box-shadow:0 1px 3px #1216280d}.mb-board{box-shadow:0 24px 50px -20px #0000008c,0 6px 16px #0000002e}.mb-tabs{display:flex;gap:4px;background:#8080801f;padding:4px;border-radius:13px;margin-bottom:4px}.mb-tab__btn{flex:1;border:none;background:transparent;padding:8px 4px;border-radius:9px;font:600 12.5px/1 var(--font-ui, inherit);color:var(--ink-faint);cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}.mb-tab__btn:hover{color:var(--ink)}.mb-tab__btn.is-on{background:var(--bg);color:var(--ink);box-shadow:0 1px 3px #0000001a}.mb-tab{display:none;flex-direction:column;gap:14px}.mb-tab.is-on{display:flex}.mb-block--stage .mb-stage{align-items:center;justify-content:center;padding:4px}.mb-device[data-device=iphone]{width:252px;max-height:100%}.mb-device[data-device=iphone] .mb-screen{min-height:472px}.mb-ver{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;background:var(--ink);color:var(--bg);font-size:10px;font-weight:700;letter-spacing:.04em;vertical-align:middle}.mb-tab__btn{flex-direction:column;gap:3px;font-size:10.5px;font-weight:600;padding:7px 3px;line-height:1}.mb-tab__btn .tico{opacity:.75;transition:opacity .2s var(--ease)}.mb-tab__btn:hover .tico,.mb-tab__btn.is-on .tico{opacity:1}.mb-layout,.mb-stagewrap{position:relative;z-index:1}.mb-bar__ttl .mb-ver{font-size:11px;vertical-align:middle;margin-left:8px}.mb-canvasbar{flex-wrap:wrap;gap:10px}.mb-canvasbar__lbl{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin-right:4px;align-self:center}.mb-bgpick{align-items:center;flex-wrap:wrap}.mb-canvasbar__actions{display:flex;align-items:center;gap:7px}.mb-actbtn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff17;color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;transition:background-color .2s var(--ease),transform .2s var(--spring)}.mb-actbtn:hover{background:#ffffff2e;transform:translateY(-1px)}.mb-actbtn .ico{flex:none}.mb-actbtn--solid{background:#fff;color:#15171e;border-color:#fff}.mb-actbtn--solid:hover{background:#eee}.mb-actbtn--reset .ico{color:#ff9b9b}.mb-bg--custom{position:relative;overflow:hidden;padding:0}.mb-bg--custom input{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;padding:0;cursor:pointer;background:none}.mb-board[data-bg=custom]{--bd-paper: var(--mb-custom-bg, #e9d8c8);--tile: rgba(255,255,255,.5);--tileln: rgba(0,0,0,.06);--bd-ink: #1f232c}.mb-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-radius:var(--bd-radius, 12px);overflow:hidden}.mb-sw2{aspect-ratio:3 / 4;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:10px 9px;min-height:104px}.mb-sw2__l{font-size:10px;font-weight:600;opacity:.9}.mb-sw2__h{font-size:10.5px;font-weight:700}.mb-typebox,.mb-img,.mb-ap__stat,.mb-ap__row,.mb-device__bar,.mb-logo__mark{border-radius:var(--bd-radius, 13px)}.mb-ap__cta{border-radius:calc(var(--bd-radius, 13px) * .85)}.mb-block{border:none!important;box-shadow:none!important;background:transparent!important;padding:2px}.mb-label{font-size:9.5px;letter-spacing:.14em;opacity:.5;margin-bottom:10px;font-weight:700}.mb-board__grid{gap:20px 24px}.mb-board{box-shadow:0 26px 56px -22px #00000080}.mb-range{width:100%;accent-color:var(--ink);height:22px;cursor:pointer}.mb-rangeval{font-weight:700;opacity:.65;float:right}.mb-tab__btn{align-items:center;justify-content:center;text-align:center}.mb-device[data-device=android]{position:relative;width:232px;max-height:100%;background:#0f1116;border-radius:30px;padding:8px;box-shadow:0 22px 44px -14px #00000080,inset 0 0 0 2px #ffffff0f}.mb-device__punch{position:absolute;top:16px;left:50%;transform:translate(-50%);width:11px;height:11px;border-radius:50%;background:#07080b;z-index:3}.mb-device[data-device=android] .mb-screen{border-radius:24px;overflow:hidden;background:var(--c-bg);color:var(--c-text);padding:28px 13px 10px;min-height:470px;font-family:var(--f-body);display:flex;flex-direction:column;gap:9px}.mb-ap__navbar{display:flex;justify-content:space-around;align-items:center;padding-top:9px;margin-top:4px}.mb-ap__navbar span{opacity:.4}.mb-ap__navbar span:nth-child(1){width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:9px solid var(--c-text)}.mb-ap__navbar span:nth-child(2){width:12px;height:12px;border-radius:50%;border:1.7px solid var(--c-text)}.mb-ap__navbar span:nth-child(3){width:11px;height:11px;border-radius:2px;border:1.7px solid var(--c-text)}.mb-ap__head{gap:6px}.mb-ap__av{margin-left:auto}.mb-ap__plat{font-size:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--c-primary);color:var(--c-on-primary, #fff);padding:3px 7px;border-radius:6px}.mb-card2{position:relative;overflow:hidden;width:100%;max-width:300px;aspect-ratio:1.7 / 1;background:var(--c-bg);color:var(--c-text);border-radius:var(--bd-radius, 14px);padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 22px 44px -16px #0006;font-family:var(--f-body)}.mb-card2__row{display:flex;align-items:center;gap:9px}.mb-card2__logo{width:26px;height:26px;border-radius:50%;background:var(--c-primary);flex:none}.mb-card2__brand{font-family:var(--f-head);font-weight:700;font-size:19px}.mb-card2__role{font-size:11px;opacity:.6;letter-spacing:.08em;text-transform:uppercase}.mb-card2__foot{display:flex;justify-content:space-between;gap:10px;font-size:10.5px;opacity:.72}.mb-card2__chip{position:absolute;right:-34px;bottom:-34px;width:120px;height:120px;border-radius:50%;background:var(--c-accent);opacity:.18}.mb-board__desc{max-width:60ch;font-size:13px;line-height:1.6;color:var(--bd-ink);opacity:.6;margin:2px 0 18px;font-family:var(--f-body, inherit)}.mb-iconset{margin-top:12px}.mb-iconset__lbl{display:block;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.5;margin-bottom:7px}.mb-iconset__row{display:flex;gap:13px;color:var(--c-text)}.mb-iconbtn{display:inline-flex;align-items:center;justify-content:center}.mb-fontinput{width:100%;min-width:0;box-sizing:border-box}.mb-grid2{min-width:0}.mb-grid2>.mb-field{min-width:0}.mb-grid2 input{width:100%;box-sizing:border-box}.mb.mb--studio{max-width:1600px}.mb-board{padding:15px 18px}.mb-board__grid{gap:14px 22px}.mb-board__desc{margin:2px 0 12px}.mb-sw2{min-height:82px;aspect-ratio:auto}.mb-palette{height:100%}.mb-block--stage .mb-stage{min-height:340px}.mb-board__head{margin-bottom:4px}.mb-rem{font-style:normal;font-weight:500;font-size:9.5px;letter-spacing:0;text-transform:none;opacity:.5;margin-left:5px}.mb-rangeends{display:flex;justify-content:space-between;font-size:10px;opacity:.62;margin-top:6px}.mb-rangeends span{display:inline-flex;align-items:center;gap:4px}.mb-iconset__row{display:flex;flex-wrap:wrap;gap:11px 13px;color:var(--c-text)}.mb-iconset__desc{display:block;font-size:10px;opacity:.55;margin-top:8px;font-style:italic}.mb-type-h[contenteditable],.mb-type-b[contenteditable]{outline:none;cursor:text;border-radius:4px}.mb-type-h[contenteditable]:focus,.mb-type-b[contenteditable]:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--c-primary) 40%,transparent)}.mb-type-edit{display:block;font-size:9px;opacity:.4;margin-top:9px;letter-spacing:.04em}.mb-typebox:focus-within .mb-type-edit{opacity:.75;color:var(--c-primary)}.mb-board[data-bg=custom]{--bd-paper: var(--mb-custom-bg, #e9d8c8);--bd-ink: var(--mb-custom-ink, #1c2029);--tile: var(--mb-custom-tile, rgba(255,255,255,.55));--tileln: var(--mb-custom-line, rgba(0,0,0,.07))}.mb-board__grid{gap:11px 20px}.mb-board{padding:14px 16px}.mb-type-b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.mb-type-h{margin:0 0 4px}.mb-typebox{padding:11px 12px}.mb-illus__svg{height:78px!important}.mb-sw2{min-height:72px}.mb-iconset{margin-top:9px}.mb-iconset__row svg{width:16px;height:16px}.mb-iconset__row{gap:9px 11px}.mb-meters{gap:4px}.mb-board__desc{margin:0 0 10px;font-size:12.5px}.mb-label{margin-bottom:7px}.mb-label{display:block;line-height:1.3}.mb-rem{display:block;margin:3px 0 0;font-size:9px;opacity:.45}.mb-board__grid{gap:20px 22px;align-items:start}.mb-palette{height:auto}.mb-block{min-width:0;overflow:visible}.mb-type-h,.mb-type-b{overflow-wrap:anywhere}.mb-sublabel{display:block;font-size:11px;font-weight:700;opacity:.6;margin:4px 0 8px;letter-spacing:.02em}.mb-sublabel small{font-weight:500;opacity:.8;margin-left:4px}.mb-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}.mb-tpl{display:flex;flex-direction:column;gap:5px;align-items:center;padding:8px 6px;border:1px solid var(--card-line, var(--line));border-radius:11px;background:var(--bg);cursor:pointer;transition:transform .2s var(--spring),border-color .2s var(--ease)}.mb-tpl:hover{transform:translateY(-2px);border-color:var(--ink)}.mb-tpl__sw{display:flex;width:100%;height:16px;border-radius:5px;overflow:hidden}.mb-tpl__sw i{flex:1}.mb-tpl__n{font-size:10.5px;font-weight:600}.mb-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:6px}.mb-sw{display:flex;flex-direction:column;gap:5px;align-items:center}.mb-sw input[type=color]{width:100%;height:46px;border:1px solid var(--card-line, var(--line));border-radius:10px;padding:0;cursor:pointer;background:none}.mb-sw span{font-size:10px;opacity:.7}.mb-balancepick{display:flex;gap:6px;flex-wrap:wrap}.mb-ratio{flex:1;min-width:60px;padding:8px 5px;border:1px solid var(--card-line, var(--line));border-radius:10px;background:var(--bg);font-size:11.5px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s}.mb-ratio.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.mb-balancebar{display:flex;height:26px;border-radius:8px;overflow:hidden;margin-top:10px}.mb-bb__seg{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;min-width:0}.mb-rangeval{display:inline-flex;align-items:center}.mb-rangenum{width:30px;border:none;background:transparent;font:inherit;font-weight:700;text-align:right;color:inherit;padding:0;-moz-appearance:textfield}.mb-rangenum::-webkit-outer-spin-button,.mb-rangenum::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (max-width: 760px){.mb-controls{font-size:15px;padding:16px}.mb-field>span{font-size:13px}.mb-tab__btn{font-size:12px;padding:9px 4px}.mb-tab__btn .tico{width:18px;height:18px}.mb-seg__btn{font-size:13px;padding:11px 8px}.mb-sublabel{font-size:12.5px}.mb-tpl__n,.mb-ratio{font-size:12px}.mb-sw span{font-size:11px}.mb-sw input[type=color]{height:52px}.mb-actbtn{font-size:13px;padding:9px 13px}}.mb-board__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;margin-bottom:8px}.mb-board__title{font-family:var(--f-head);font-weight:700;line-height:1.12;color:var(--bd-ink);max-width:94%;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.mb-board__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.mb-board__desc{text-align:center;max-width:58ch;margin:0 auto 14px}.mb-bar{align-items:center;gap:18px 28px;margin-bottom:26px}.mb-bar__l{position:relative;max-width:640px}.mb-bar__ttl{font-size:clamp(2.1rem,4.4vw,3.3rem);letter-spacing:-.035em;line-height:1.02;margin-top:8px}.mb-bar__tag{margin:10px 0 0;font-size:clamp(.95rem,1.4vw,1.12rem);line-height:1.5;color:var(--ink-faint, #6b6b72);max-width:46ch}.mb-bar__l .room__tag{position:relative}.mb-bar__r{align-self:flex-start;margin-top:4px}@media (max-width: 760px){.mb-bar__ttl{font-size:clamp(1.8rem,8vw,2.4rem)}.mb-bar__tag{font-size:.95rem}}.mb-lock{display:none;position:relative;z-index:1}.mb-lock__art{width:84px;height:84px;border-radius:22px;background:conic-gradient(from 200deg,#5b6cff,#0fb8a6,#ff8a3d,#e76f9c,#5b6cff);box-shadow:0 18px 40px -16px #14182866}.mb-lock__h{font-family:var(--display);font-weight:700;font-size:1.55rem;letter-spacing:-.02em;margin:4px 0 0}.mb-lock__p{color:var(--ink-faint, #6b6b72);line-height:1.75;font-size:1.02rem;max-width:40ch;margin:0}.mb-lock__home{margin-top:6px}.mb-sheet-toggle,.mb-sheet-handle,.mb-sheet-backdrop{display:none}@media (max-width: 700px){.mb-lock{display:none!important}.mb.mb--studio{display:block;padding-top:clamp(70px,9vh,100px)}.mb-layout{display:block}.mb-stagewrap{order:0}.mb-controls{position:fixed;inset:auto 0 0;z-index:70;margin:0;max-width:none;width:100%;max-height:84vh;overflow-y:auto;border-radius:22px 22px 0 0;padding:6px 16px 24px;transform:translateY(101%);transition:transform .34s cubic-bezier(.22,.85,.2,1);box-shadow:0 -16px 44px #0f121e42}.mb-controls.is-sheet-open{transform:translateY(0)}.mb-sheet-handle{display:flex;align-items:center;justify-content:center;position:sticky;top:0;width:100%;padding:8px 0 10px;margin:0 0 2px;border:0;background:var(--card-bg, #fff);cursor:pointer;z-index:2}.mb-sheet-grip{display:block;width:42px;height:5px;border-radius:3px;background:#8080806b}.mb-sheet-toggle{display:inline-flex;align-items:center;gap:8px;position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:65;padding:12px 20px;border:0;border-radius:999px;background:var(--ink);color:var(--bg);font:600 14px/1 inherit;cursor:pointer;box-shadow:0 10px 30px #0f121e52}.mb-controls.is-sheet-open~.mb-sheet-toggle{opacity:0;pointer-events:none}.mb-sheet-backdrop{position:fixed;inset:0;z-index:68;background:#0f121e6b;backdrop-filter:blur(2px)}.mb-sheet-backdrop[hidden]{display:none}body.mb-sheet-lock{overflow:hidden}}@media (min-width: 701px){.mb-controls{transform:none!important}}.mb-crop{position:relative;width:100%;aspect-ratio:4/3;max-height:56vh;overflow:hidden;border-radius:13px;background:#8080801f;cursor:grab;touch-action:none;box-shadow:inset 0 0 0 2px #ffffffb3,inset 0 0 0 3px #0000001f}.mb-crop:active{cursor:grabbing}.mb-crop img{position:absolute;top:0;left:0;max-width:none;max-height:none;user-select:none;-webkit-user-drag:none;will-change:transform}.mb-crop__zoom{width:100%;margin:12px 0 6px}.mb-board__grid>.mb-block{position:relative}.mb-drag{position:absolute;top:7px;right:7px;z-index:4;display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid var(--bd-line, rgba(0,0,0,.12));border-radius:7px;background:var(--tile, rgba(255,255,255,.85));color:var(--bd-ink, #555);cursor:grab;opacity:0;transition:opacity .18s ease,transform .15s var(--spring)}.mb-block:hover .mb-drag,.mb-drag:focus-visible{opacity:.85}.mb-drag:hover{opacity:1;transform:scale(1.08)}.mb-drag:active{cursor:grabbing}.mb-block--up .mb-uptools{right:36px}.mb-block.is-dragging{opacity:.4}.mb-block.is-dragover{outline:2px dashed var(--c-primary);outline-offset:3px;border-radius:12px}.mb--shared .mb-drag{display:none}@media (max-width: 700px){.mb-drag{display:none}}.mb-readmore{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}.mb-readmore:hover{border-color:var(--ink);box-shadow:0 10px 26px #0000001a;transform:translateY(-2px)}.mb-readmore__ic{font-size:26px;flex:none}.mb-readmore__txt{display:flex;flex-direction:column;gap:2px}.mb-readmore__txt b{font-size:14.5px;font-weight:700}.mb-readmore__txt i{font-style:normal;font-size:12.5px;color:var(--ink-soft, #555)}@media (min-width: 701px) and (max-width: 1079px){.mb-layout{grid-template-columns:1fr;gap:20px}.mb-controls{max-width:640px}}.mb-share__link{display:flex;gap:8px;margin:12px 0 6px}.mb-share__link input{flex:1;min-width:0;padding:11px 12px;border:1px solid var(--card-line, var(--line));border-radius:11px;background:var(--bg);font-size:13px;color:var(--ink)}.mb-thanks__art{display:block;width:60px;height:60px;margin:0 auto 12px;border-radius:18px;background:conic-gradient(from 200deg,#5b6cff,#0fb8a6,#ff8a3d,#e76f9c,#5b6cff)}.mb-thanks__sign{text-align:center;margin:12px 0 0;font-style:italic;color:var(--ink-faint, #777)}.mb-postit{position:absolute;top:86px;right:34px;z-index:5;max-width:210px;padding:16px 16px 18px;background:#fff7b0;color:#3a3320;font-size:14px;line-height:1.45;box-shadow:0 14px 28px -10px #00000073;transform:rotate(2.6deg);border-radius:2px;font-family:var(--f-body, inherit)}.mb-postit__pin{position:absolute;top:-7px;left:50%;transform:translate(-50%);width:14px;height:14px;border-radius:50%;background:#e2574c;box-shadow:0 2px 5px #00000059}.mb-postit__txt{display:block}.mb--shared .mb-controls{display:none}.mb--shared .mb-layout{grid-template-columns:1fr}.mb--shared #mbReset,.mb--shared #mbShare,.mb--shared #mbExpand,.mb--shared #mbExport,.mb--shared .mb-type-edit,.mb--shared .mb-uptools{display:none}.mb-visit{position:relative;z-index:1;margin:26px auto 4px}.mb--shared .mb-visit{display:none}.mb-makeown{text-decoration:none}.mb--shared .mb-bgpick,.mb--shared .mb-canvasbar__lbl,.mb--shared .mb-random{display:none}.mb-chip-pick{display:inline-flex;align-items:center;gap:6px}.mb-stacklogo{flex:none;opacity:.8}.mb-chip-pick.is-on .mb-stacklogo{opacity:1}.mb-guidetoggle{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 12px;border:1px solid var(--card-line, var(--line));border-radius:999px;background:var(--bg);font-size:12px;font-weight:600;color:var(--ink-faint, #6b6b72);cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease)}.mb-guidetoggle:hover{color:var(--ink)}.mb-guidetoggle[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.mb-guide{display:none;font-size:11.5px;line-height:1.55;color:var(--ink-faint, #6b6b72);background:#80808014;border-left:2px solid var(--ink);padding:9px 11px;border-radius:0 9px 9px 0;margin:0 0 2px}.mb-controls.guide-on .mb-guide{display:block}.mb-makeown{display:none!important}.mb--shared.allow-dup .mb-makeown{display:inline-flex!important}.mb-device[data-platform=ios] .mb-ap__h{font-size:21px;font-weight:800;letter-spacing:-.02em}.mb-device[data-platform=ios] .mb-ap__list{gap:0;border-radius:13px;overflow:hidden;background:#80808014}.mb-device[data-platform=ios] .mb-ap__row{background:transparent;border-radius:0;border-bottom:1px solid rgba(128,128,128,.14)}.mb-device[data-platform=ios] .mb-ap__row:last-child{border-bottom:none}.mb-device[data-platform=ios] .mb-ap__cta{border-radius:999px}.mb-device[data-platform=ios] .mb-ap__rdot{border-radius:50%}.mb-ap__fab{position:absolute;right:16px;bottom:56px;width:44px;height:44px;border-radius:17px;background:var(--c-accent);color:var(--c-on-accent, #fff);border:none;font-size:24px;line-height:40px;text-align:center;box-shadow:0 8px 18px -5px #00000073;z-index:4;padding:0}.mb-device[data-platform=android] .mb-ap__cta{border-radius:8px;text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:700}.mb-device[data-platform=android] .mb-ap__app{font-weight:600}.mb-device[data-platform=android] .mb-ap__rdot{border-radius:50%}.mb-device[data-platform=android] .mb-ap__stat{border-radius:14px}.mb-lock__art,.mb-thanks__art{background:linear-gradient(135deg,#ff5d8f,#ff9ac4 45%,#7c5cff);border-radius:0;box-shadow:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21z'/%3E%3C/svg%3E") center/contain no-repeat}.mb-lock__sign{margin:2px 0 0;font-weight:600;color:var(--ink);letter-spacing:.01em}.mb input[list]::-webkit-calendar-picker-indicator{display:none!important}.mb input[list]{background-image:none}@media (min-width: 1080px){.mb-bar{margin-bottom:14px;gap:10px 24px}.mb-bar__ttl{font-size:clamp(1.9rem,2.8vw,2.4rem);margin-top:4px}.mb-bar__tag{margin-top:5px;font-size:.98rem}.mb-stagewrap,.mb-stagewrap[data-bg]{padding:16px}.mb-board{padding:13px 15px}.mb-board__grid{gap:12px 18px}.mb-board__head{margin-bottom:3px}.mb-board__desc{margin:0 0 8px;font-size:12px}.mb-sw2{min-height:60px}.mb-illus__svg{height:62px!important}.mb-block--stage .mb-stage{min-height:300px}.mb-label{margin-bottom:5px}.mb-iconset{margin-top:7px}}@media (min-width: 1080px){.mb-layout{align-items:start}.mb-controls{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.mb-controls::-webkit-scrollbar{width:7px}.mb-controls::-webkit-scrollbar-thumb{background:#80808059;border-radius:4px}.mb-board__grid{gap:11px 16px}.mb-block--stage .mb-stage{min-height:280px}.mb-iconset__row svg{width:15px;height:15px}}.mb-scheme{margin-bottom:4px}.mb[data-scheme=light] .mb-bg[data-bg=dark],.mb[data-scheme=dark] .mb-bg[data-bg=light],.mb[data-scheme=dark] .mb-bg[data-bg=soft],.mb[data-scheme=dark] .mb-bg[data-bg=grid]{display:none}.mb-board[data-accent=med] .mb-ap__av,.mb-board[data-accent=high] .mb-ap__av,.mb-board[data-accent=high] .mb-ap__row:first-child .mb-ap__rdot{background:var(--c-accent)}.mb-board[data-sec=high] .mb-ap__rdot{background:var(--c-secondary)}.mb-board[data-sec=high] .mb-ap__stat:nth-child(2){background:color-mix(in srgb,var(--c-secondary) 18%,var(--c-bg))}.mb-bar__l{max-width:720px}.mb-bar__tag{max-width:64ch;text-wrap:balance}.mb-block--up{position:relative}.mb-uptools{position:absolute;top:0;right:0;display:flex;gap:5px;opacity:.9;transition:opacity .2s var(--ease)}.mb-block--up:hover .mb-uptools,.mb-uptools:focus-within{opacity:1}.mb-upbtn,.mb-upclear{border:1px solid var(--tileln, rgba(0,0,0,.14));background:var(--tile, #fff);color:var(--bd-ink, #333);font:600 10.5px/1 inherit;padding:5px 9px;border-radius:8px;cursor:pointer;box-shadow:0 2px 7px #00000029}.mb-upbtn:hover,.mb-upclear:hover{transform:translateY(-1px)}.mb-upclear{width:24px;padding:5px 0;font-size:14px;text-align:center}.mb-upimg{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.mb-img--full{grid-column:1 / -1;aspect-ratio:16 / 7}.mb-img--full img{width:100%;height:100%;object-fit:cover}.mb--studio{padding-top:clamp(82px,11vh,120px)}.mb-bar__r{align-self:center;margin-top:0}.mb-device[data-device=iphone] .mb-screen,.mb-device[data-device=android] .mb-screen{min-height:396px}.mb-device[data-device=iphone],.mb-device[data-device=android]{max-height:100%}.mb-guide{color:#2b5e9e;background:#3c78d217;border-left:3px solid #4b89d6}html[data-theme=dark] .mb-guide{color:#a9cdff;background:#78aaff1f;border-left-color:#6aa0e6}.mb-notepreview{margin:2px 0 10px}.mb-postit--mini{position:static;display:inline-block;transform:rotate(-2deg);max-width:200px;padding:13px 15px;font-size:13px;margin:10px 0 4px 8px}.mb-notepreview__cap{font-size:11px;color:var(--ink-faint, #6b6b72);margin:4px 0 0}.mb-stagewrap:fullscreen{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:auto;padding:clamp(14px,2.5vh,34px)}.mb-stagewrap:fullscreen .mb-canvasbar{width:min(94vw,1500px)}.mb-stagewrap:fullscreen .mb-board{width:min(94vw,1500px);max-height:none}.mb-lovebtn .ico{color:#ff5d8f}.mb-heart{position:fixed;transform:translate(-50%,-50%);will-change:transform,opacity;animation:mbHeartFloat 1.7s cubic-bezier(.2,.7,.3,1) forwards;filter:drop-shadow(0 4px 8px rgba(255,93,143,.35))}@media (prefers-reduced-motion: reduce){.mb-heart{animation-duration:.6s}}.mb-thanks__sign{color:var(--ink);opacity:.82;font-weight:500}.mb--shared .mb-bar__r,.mb--shared .mb-bar__tag{display:none}.mb-heart--rise{position:fixed;bottom:-44px;top:auto;transform:translate(0);animation:mbHeartRise var(--dur, 4s) linear forwards}.mb-illus__svg{height:108px!important;width:100%;border-radius:10px;display:block}@media (min-width: 1080px){.mb-illus__svg{height:100px!important}}.mb-illus,.mb-block--up .mb-illus{min-height:100px}.mb-ap__tabs .mb-ap__nav{color:var(--c-text);opacity:.38}.mb-ap__tabs .mb-ap__nav.is-on{color:var(--c-primary);opacity:1}.mb-guidetoggle{color:#3a6fb0;border-color:#4b89d666}.mb-guidetoggle:hover{color:#2b5e9e}.mb-guidetoggle[aria-pressed=true]{background:#4b89d61f;color:#2b5e9e;border-color:#4b89d6}.mb-guidetoggle svg{color:#4b89d6}html[data-theme=dark] .mb-guidetoggle{color:#9ec5ff;border-color:#78aaff66}html[data-theme=dark] .mb-guidetoggle[aria-pressed=true]{background:#78aaff26;color:#cfe2ff;border-color:#6aa0e6}.mb-bar__r{gap:14px}.mb-bar__r .mb-view{margin-right:2px}@media (max-width: 760px){.mb-board__desc{font-size:13px;line-height:1.72;max-width:92%;padding:0 4px;text-wrap:pretty}}html[lang=th] .mb-board__desc{line-break:loose;word-break:normal;text-wrap:pretty}.mb-dupopt{display:flex;align-items:flex-start;gap:11px;margin:4px 0 14px;padding:12px 13px;border:1px solid var(--card-line, var(--line));border-radius:13px;background:#8080800d;cursor:pointer}.mb-dupopt input{margin-top:2px;width:17px;height:17px;flex:none;accent-color:var(--ink);cursor:pointer}.mb-dupopt__txt{display:flex;flex-direction:column;gap:2px}.mb-dupopt__txt b{font-size:13.5px;font-weight:600;color:var(--ink)}.mb-dupopt__txt i{font-style:normal;font-size:11.5px;line-height:1.45;color:var(--ink-faint, #6b6b72)}.mb-up__ic{display:block;font-size:34px;margin:2px 0 6px}.mb-up__tips{list-style:none;margin:14px 0 18px;padding:0;display:flex;flex-direction:column;gap:9px;text-align:left}.mb-up__tips li{position:relative;padding-left:24px;font-size:13px;line-height:1.5;color:var(--ink-soft)}.mb-up__tips li:before{content:"✓";position:absolute;left:0;top:0;font-weight:700;color:#3a9b6a}.mb-up__preview{margin:12px 0 4px}.mb-up__fit{display:block;font-size:11px;opacity:.62;margin-top:8px}.mb-up__actions{display:flex;gap:8px;justify-content:center}.mb-block--up.is-drag{outline:2px dashed var(--c-primary);outline-offset:3px;border-radius:12px}.mb-block--up.is-drag:after{content:"⬇";position:absolute;inset:0;display:grid;place-items:center;font-size:26px;color:var(--c-primary);background:#5b6cff1a;border-radius:12px;pointer-events:none;z-index:3}.mb-illus .mb-upimg{width:100%;height:100%;object-fit:cover}.mb-board__foot{opacity:1;align-items:baseline;justify-content:space-between;gap:8px 16px}.mb-board__foot .mb-stacktags{margin-bottom:0;flex:0 1 auto}.mb-board__foot .mb-notes-out{flex:1 1 200px;min-width:160px;text-align:center;opacity:.6}.mb-board__foot #mbSig{flex:0 0 auto;margin-left:auto;opacity:.42;font-size:11px;letter-spacing:.02em;white-space:nowrap}.mb-board__foot:empty,.mb-board__foot .mb-stacktags:empty{display:none}.mb-type-p{font-family:var(--f-body);font-size:.82rem;line-height:1.62;color:var(--c-text);opacity:.66;margin:9px 0 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.mb-typebox .mb-type-p{color:var(--c-text)}.mb-type-p[contenteditable]{outline:none;cursor:text;border-radius:4px;overflow-wrap:anywhere}.mb-type-p[contenteditable]:focus{box-shadow:0 0 0 2px #5b6cff66;-webkit-line-clamp:unset}.mb-patterns{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mb-pat{width:100%;height:auto;aspect-ratio:1.35 / 1;border-radius:9px;border:1px solid rgba(0,0,0,.08)}.mb-pat--cross{background:repeating-linear-gradient(45deg,var(--c-primary) 0 1.5px,transparent 1.5px 9px),repeating-linear-gradient(-45deg,var(--c-primary) 0 1.5px,var(--c-bg) 1.5px 9px)}.mb-pat--chevron{background:linear-gradient(135deg,var(--c-secondary) 25%,transparent 25%) -7px 0,linear-gradient(225deg,var(--c-secondary) 25%,transparent 25%) -7px 0,linear-gradient(315deg,var(--c-secondary) 25%,transparent 25%),linear-gradient(45deg,var(--c-secondary) 25%,transparent 25%);background-size:14px 14px;background-color:var(--c-bg)}.mb-pat--tri{background:linear-gradient(45deg,var(--c-accent) 50%,var(--c-bg) 50%);background-size:12px 12px}.mb-pat--wave{background:radial-gradient(circle at 50% 120%,transparent 40%,var(--c-primary) 41% 50%,transparent 51%) 0 0 / 16px 16px,var(--c-bg)}.mb-pat--scale{background:radial-gradient(circle at 50% 0,var(--c-secondary) 30%,transparent 32%) 0 0 / 14px 14px,radial-gradient(circle at 50% 0,var(--c-secondary) 30%,transparent 32%) 7px 7px / 14px 14px,var(--c-bg)}.mb-upbtn{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:6px 11px;font-size:11px}.mb-upbtn__i{flex:none;opacity:.85}.mb-upclear{width:30px;min-height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:17px;line-height:1}.mb-board[data-mode=general] .mb-block--uionly{display:none}.mb-thanks__art--sent{filter:hue-rotate(0deg)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.mb-info:hover{transform:translateY(-1px) scale(1.08)}.mb-key:hover,.mb-stacktag:hover{transform:translateY(-1px)}.mb-actbtn:hover,.mb-iconbtn:hover,.mb-guidetoggle:hover,.mb-lovebtn:hover,.mb-random:hover{transform:translateY(-1.5px)}.mb-bg:hover{transform:scale(1.12)}.mb-sw:hover,.mb-upbtn:hover,.mb-upclear:hover{transform:translateY(-1.5px)}.mb-sw2:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000024}.mb-tab__btn:hover:not(.is-on),.mb-seg__btn:hover:not(.is-on),.mb-ratio:hover:not(.is-on){transform:translateY(-1px)}}.mb-offline{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:24px;background:#14141a6b;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.mb-offline[hidden]{display:none}.mb-offline__card{max-width:420px;width:100%;text-align:center;padding:34px 30px;border-radius:22px;border:1px solid var(--line)}.mb-offline__art{font-size:46px;display:block;line-height:1;margin-bottom:14px;animation:mbOffFloat 3.4s ease-in-out infinite}.mb-offline__h{font-size:1.45rem;margin:0 0 10px;letter-spacing:-.02em}.mb-offline__p{font-size:.96rem;line-height:1.6;color:var(--ink-soft, #555);margin:0 0 14px}.mb-offline__hint{font-size:.85rem;opacity:.7;margin:0 0 18px}.mb-offline__sign{font-size:.9rem;opacity:.8;margin:0}@media (prefers-reduced-motion: reduce){.mb-offline__art{animation:none}}.mb-bar__tag{color:#585c64}.mb-board__desc{opacity:.74}.mb-board__foot .mb-notes-out{opacity:.72}.mb-board__foot #mbSig{opacity:.66}.mb-rem{opacity:.62}.mb-sw span{opacity:1}.mb-iconset__desc{opacity:.72}.mb-type-edit{opacity:.7}.mb-page .filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.6 6 6.4 11 1.6' fill='none' stroke='%238a8a90' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:11px 8px!important;padding-right:34px}html[data-theme=dark] .mb-page .filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.6 6 6.4 11 1.6' fill='none' stroke='%23b9b9c2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}.mb-bar__sep{display:inline-block;width:1px;height:24px;background:var(--line);margin:0 5px;align-self:center;flex:none}.mb-view-wrap{display:inline-flex;align-items:center;gap:7px}.mb-view__lbl{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint, #8a8a90)}.mb-view .mb-seg__btn{display:inline-flex;align-items:center;justify-content:center}.mb-bar__r .mb-random.btn--solid{font-weight:600}.mb-board__title[contenteditable]{cursor:text;outline:none;border-radius:6px;padding:2px 6px;margin-left:-6px;transition:box-shadow .18s ease,background-color .18s ease}.mb-board__title[contenteditable]:hover{background:#80808012}.mb-board__title[contenteditable]:focus{box-shadow:0 0 0 2px #5b6cff66;background:#5b6cff0d}.mb--shared .mb-board__title[contenteditable]{cursor:default}.mb--shared .mb-board__title[contenteditable]:hover{background:none}.mb-board__title{line-height:1.2;padding-block:.05em}html[lang=th] .mb-board__title{line-height:1.34}.mb-board__desc{text-align:center;margin-left:auto;margin-right:auto}.mb-controls[data-mode=general] .mb-stack,.mb-board[data-mode=general] .mb-stacktags{display:none}.mb-stagewrap:fullscreen{justify-content:safe center}.mb--expanded .mb-stagewrap{align-items:center;justify-content:center}.mb-exportwrap{position:relative;display:inline-flex}.mb-caret{margin-left:4px;opacity:.7}#mbExport[aria-expanded=true] .mb-caret{transform:rotate(180deg)}.mb-exportmenu{position:absolute;top:calc(100% + 7px);right:0;z-index:40;min-width:232px;padding:6px;border-radius:14px;background:var(--card-bg, #fff);border:1px solid var(--line);box-shadow:0 14px 40px #0000002e;display:flex;flex-direction:column;gap:1px}.mb-exportmenu[hidden]{display:none}html[data-theme=dark] .mb-exportmenu{background:#1c1e26}.mb-exitem{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:0;border-radius:9px;background:none;color:var(--ink);font:600 12.5px/1.2 inherit;text-align:left;cursor:pointer;transition:background-color .15s ease}.mb-exitem:hover,.mb-exitem:focus-visible{background:#8080801f;outline:none}.mb-exitem__i{flex:none;width:20px;text-align:center;font-size:14px;opacity:.9}.mb-exportmenu__sep{height:1px;background:var(--line);margin:5px 4px}.mb-start{margin-bottom:14px;padding:14px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#5b6cff12,#5b6cff05)}.mb-start[hidden]{display:none}.mb-start__lead{margin:0 0 11px;font-size:13px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:7px}.mb-start__cue{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:12px;font-weight:700;animation:mbCue 1.5s ease-in-out infinite}.mb-start__opts{display:flex;flex-direction:column;gap:7px}.mb-start__opt{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:600 13px/1.2 inherit;text-align:left;cursor:pointer;transition:transform .18s var(--spring),border-color .18s var(--ease),box-shadow .18s var(--ease)}.mb-start__opt:hover{transform:translateY(-1.5px);border-color:var(--ink);box-shadow:0 5px 16px #00000014}.mb-start__ic{font-size:17px;flex:none}.mb-start__skip{display:block;margin:10px auto 0;padding:4px 8px;border:0;background:none;color:var(--ink-faint, #6b6b72);font:600 11.5px/1 inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.mb-start__skip:hover{color:var(--ink)}.mb-flash{animation:mbFlash 1.6s ease;border-radius:10px}@media (prefers-reduced-motion: reduce){.mb-start__cue{animation:none}.mb-flash{animation:none;box-shadow:0 0 0 3px #5b6cff66}}.mb-imgs{grid-template-columns:repeat(2,1fr)}.mb-img--tint{position:relative}.mb-img__tint{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,var(--c-primary),var(--c-accent));opacity:.24;mix-blend-mode:soft-light}html[data-theme=dark] .mb-img__tint,.mb-board[data-view=dark] .mb-img__tint{mix-blend-mode:screen;opacity:.2}.mb-skeleton{display:none}.mb-booting .mb-skeleton{display:block;position:absolute;inset:0;z-index:6;padding:clamp(20px,3vw,40px);background:var(--bd-paper, #fff);border-radius:inherit}.mb-booting .mb-board{visibility:hidden}.mb-booting .mb-stagewrap,.mb-stagewrap{position:relative}.mb-sk{display:block;border-radius:9px;background:linear-gradient(100deg,#8080801a 30%,#80808033,#8080801a 70%);background-size:200% 100%;animation:mbSkShimmer 1.25s ease-in-out infinite}.mb-sk--title{width:46%;height:30px;margin:4px auto 14px}.mb-sk--desc{width:64%;height:13px;margin:0 auto 22px}.mb-sk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mb-sk--tile{height:120px}@media (prefers-reduced-motion: reduce){.mb-sk{animation:none}}.mb-platseg{display:inline-flex;align-self:flex-start;width:max-content;gap:2px;margin:1px 0 9px;padding:2px;border-radius:999px;border:1px solid var(--bd-line, rgba(0,0,0,.12));background:var(--tile, rgba(128,128,128,.08))}.mb-platseg button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:62px;border:0;background:none;color:var(--bd-ink);opacity:.55;font-family:inherit;font-weight:600;font-size:10.5px;line-height:1;padding:5px 12px;border-radius:999px;cursor:pointer;transition:background-color .18s ease,opacity .18s ease,color .18s ease}.mb-platseg button span[aria-hidden]{font-size:11px}.mb-platseg button.is-on{background:var(--c-primary);color:#fff;opacity:1}.mb-board[data-mode=general] .mb-platseg{display:none}.mb-ap__nav,.mb-dash__nav,.mb-ap__navbar>span,.mb-ap__cta,.mb-dash__cta,.mb-cardm__btn,.mb-ap__fab,.mb-ap__row,.mb-dash__li{cursor:pointer}.mb-ap__cta,.mb-dash__cta,.mb-cardm__btn,.mb-ap__fab{transition:transform .12s var(--spring),filter .18s ease}.mb-ap__cta.is-press,.mb-dash__cta.is-press,.mb-cardm__btn.is-press,.mb-ap__fab.is-press{animation:mbPress .32s ease}.mb-ap__row,.mb-dash__li{transition:background-color .15s ease,transform .12s ease}.mb-ap__row.is-sel,.mb-dash__li.is-sel{background:#80808c29}.mb-ap__nav,.mb-dash__nav{transition:opacity .15s ease,transform .15s ease}@media (prefers-reduced-motion: reduce){.mb-ap__cta.is-press,.mb-dash__cta.is-press,.mb-cardm__btn.is-press,.mb-ap__fab.is-press{animation:none}}.mb-resources{position:relative;z-index:1;max-width:1180px;margin:44px auto 0;padding-top:30px;border-top:1px solid var(--line)}.mb--shared .mb-resources{display:none}.mb-res__head{text-align:center;margin-bottom:22px}.mb-res__head .room__tag{margin-bottom:12px}.mb-res__h{font-family:var(--display, inherit);font-weight:700;font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.01em;margin:0 0 6px}.mb-res__sub{margin:0 auto;max-width:56ch;font-size:14px;line-height:1.6;color:var(--ink-soft, #555)}.mb-res__grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start}.mb-res__card,.mb-starter,.mb-starter__body{min-width:0}.mb-res__card{padding:18px clamp(16px,1.8vw,22px);border-radius:18px;border:1px solid var(--line);background:var(--card-bg, #fff)}.mb-res__side{display:flex;flex-direction:column;gap:18px}.mb-res__taglbl,.mb-res__tipl{display:block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint, #888);margin-bottom:9px}.mb-res__tips ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.mb-res__tips li{font-size:13px;line-height:1.55;color:var(--ink-soft, #555)}.mb-res__tipl span[aria-hidden]{-webkit-text-fill-color:initial}@media (max-width: 860px){.mb-res__grid{grid-template-columns:1fr}}.mb-res__grid:has(>.mb-starter[hidden]){grid-template-columns:1fr;max-width:640px;margin:0 auto}.mb-starter{display:block}.mb-starter[hidden]{display:none}.mb-starter__h{font-size:1.1rem;margin:0 0 4px;display:flex;align-items:center;gap:8px}.mb-starter__sub{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--ink-soft, #555)}.mb-starter__tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.mb-starter__tab{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink-soft);font-family:inherit;font-weight:600;font-size:12px;line-height:1;cursor:pointer;transition:color .18s,border-color .18s,background-color .18s,transform .18s var(--spring)}.mb-starter__tab:hover{transform:translateY(-1px);color:var(--ink)}.mb-starter__tab.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.mb-starter__sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}.mb-starter__sub[hidden]{display:none}.mb-starter__sublbl{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint, #888);margin-right:4px}.mb-starter__chip{padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink-soft);font-family:inherit;font-weight:600;font-size:11.5px;line-height:1;cursor:pointer;transition:color .18s,border-color .18s,background-color .18s,transform .18s var(--spring)}.mb-starter__chip:hover{transform:translateY(-1px);color:var(--ink)}.mb-starter__chip.is-on{background:var(--c-primary, #5b6cff);color:#fff;border-color:transparent}.mb-starter__body{position:relative}.mb-starter__code{margin:0;padding:16px;border-radius:13px;background:#14161d;color:#e7e9f0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow:auto;max-height:340px;white-space:pre;-webkit-overflow-scrolling:touch}.mb-starter__copy{position:absolute;top:10px;right:10px;padding:6px 12px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:#ffffff1a;color:#fff;font-family:inherit;font-weight:600;font-size:11.5px;line-height:1;cursor:pointer;transition:background-color .18s,transform .18s var(--spring)}.mb-starter__copy:hover{background:#fff3;transform:translateY(-1px)}.mb-board[data-mode=general] .mb-board__grid{display:block;columns:2;column-gap:clamp(16px,2vw,26px)}.mb-board[data-mode=general] .mb-board__grid>.mb-block{break-inside:avoid;-webkit-column-break-inside:avoid;display:flow-root;margin:0 0 clamp(16px,2vw,26px);padding:14px;border:1px solid var(--bd-line, rgba(0,0,0,.08));border-radius:16px;background:var(--tile, rgba(128,128,128,.04))}.mb-board[data-mode=general] .mb-block--stage{padding:0;border:0;background:none}.mb-board[data-mode=general] .mb-board__grid>.mb-block--uionly{display:none}@media (max-width: 700px){.mb-board[data-mode=general] .mb-board__grid{columns:1}}.mb-madeby{margin:14px 0 8px}.mb-fontchips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.mb-fontchip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.1;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,currentColor 5%,transparent);color:inherit;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}.mb-fontchip:hover{border-color:var(--c-primary, #5b6cff)}.mb-fontchip.is-on{background:var(--c-primary, #5b6cff);color:#fff;border-color:transparent}.mb-field input.mb-fontinput{font-size:14px;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.6 6 6.4 11 1.6' fill='none' stroke='%23888' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.mb-fonthint{margin-top:9px}.mb-fontgrid .mb-field .mb-fontchips{display:none;margin-top:6px;padding:9px;border:1px solid var(--card-line, var(--line));border-radius:11px;background:var(--bg, #fff);box-shadow:0 10px 24px #0000001f}.mb-fontgrid .mb-field.is-fontopen .mb-fontchips{display:flex;max-height:280px;overflow-y:auto;align-content:flex-start;scrollbar-width:thin;overscroll-behavior:contain}.mb-fontgrid .mb-field.is-fontopen .mb-fontchips::-webkit-scrollbar{width:8px}.mb-fontgrid .mb-field.is-fontopen .mb-fontchips::-webkit-scrollbar-thumb{background:var(--line, rgba(0,0,0,.18));border-radius:8px}.mb-fontgrid .mb-field.is-fontopen .mb-fontlbl{display:none}.mb-fontgrid .mb-field.is-fontopen .mb-fontinput{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 6.4 6 1.6 11 6.4' fill='none' stroke='%235b6cff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.mb-fontlbl{display:block;font-size:10px;font-weight:600;letter-spacing:.03em;color:var(--ink-faint, #888);margin:7px 0 1px}.mb-subhead{display:block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint, #888);margin:18px 0 -2px}.mb-online{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;color:var(--ink-faint);margin:12px 0 0}.mb-online b{color:var(--ink);font-weight:700}.mb-online__dot{width:8px;height:8px;border-radius:50%;background:#2bbf5b;box-shadow:0 0 #2bbf5b80;animation:mb-online-pulse 1.8s ease-out infinite}@media (prefers-reduced-motion: reduce){.mb-online__dot{animation:none}}button.mb-ver{border:0;cursor:pointer;font-family:inherit;transition:transform .12s var(--ease)}button.mb-ver:hover{transform:translateY(-1px)}.mb-whatsnew{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:#0a08068c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mb-whatsnew[hidden]{display:none}.mb-whatsnew__card{position:relative;width:100%;max-width:460px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:26px 26px 22px}.mb-whatsnew__x{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;border-radius:50%;background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink);font-size:19px;line-height:1;cursor:pointer}.mb-whatsnew__pill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.05em;padding:3px 9px;border-radius:999px;color:#fff;background:linear-gradient(90deg,#ff5d8f,#7c5cff)}.mb-whatsnew__pill .mb-whatsnew__heart{font-size:11px}.mb-whatsnew__h{font-size:1.3rem;font-weight:700;margin:12px 0 4px}.mb-whatsnew__date{font-size:12px;color:var(--ink-faint);margin:0 0 14px}.mb-whatsnew__p{color:var(--ink-soft);font-size:14px;line-height:1.6;margin:0 0 14px}.mb-whatsnew__list{margin:0;padding-left:0;display:flex;flex-direction:column;gap:11px}.mb-whatsnew__list li{display:flex;align-items:flex-start;gap:10px;list-style:none;font-size:13.5px;line-height:1.55;color:var(--ink)}.mb-whatsnew__ic{flex:none;width:20px;text-align:center;font-size:15px;line-height:1.5}.mb-whatsnew__sign{margin:16px 0 0;font-size:13px;color:var(--ink-faint);font-style:italic;text-align:right}.mb-biz__txt{font-size:13px;line-height:1.6;color:var(--ink-soft);margin:0 0 12px;white-space:pre-line}.mb-biz__copy{font:inherit;font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;transition:border-color .15s}.mb-biz__copy:hover{border-color:var(--c-primary, #5b6cff)}.mb-foot{margin-top:30px;padding-top:22px;padding-bottom:8px;border-top:1px solid var(--line);transform:translateZ(0)}.mb-trenddesc:empty{display:none}.mb-new{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.06em;line-height:1;padding:3px 5px;border-radius:5px;vertical-align:middle;margin-left:5px;color:#fff;background:linear-gradient(90deg,#ff5d8f,#7c5cff)}.mb-starter__aihint{flex-basis:100%;width:100%;font-size:12.5px;color:var(--ink-soft);line-height:1.5;margin:0 0 4px}.mb-starter__sub .mb-starter__sublbl{flex-basis:100%;margin:2px 0}.mb-board{transition:--c-primary .45s var(--ease),--c-secondary .45s var(--ease),--c-accent .45s var(--ease),--c-bg .45s var(--ease),--c-text .45s var(--ease)}.mb-sw.is-changed input[type=color]{animation:mbSwPulse .55s var(--ease)}button.mb-pat{padding:0;cursor:pointer;font:inherit;transition:transform .25s var(--spring),box-shadow .2s var(--ease),outline-color .15s;outline:2px solid transparent;outline-offset:2px}button.mb-pat.is-on{outline-color:var(--accent, #5b6cff);box-shadow:0 5px 14px #00000029;transform:translateY(-1px)}.mb-board{position:relative}.mb-board>*{position:relative;z-index:1}.mb-board:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:0;background-repeat:repeat}.mb-board[data-pattern]:not([data-pattern=none]):before{opacity:.11;animation:mbPatIn .5s var(--ease)}.mb-board[data-pattern=dots]:before{background-image:radial-gradient(var(--c-primary) 22%,transparent 24%);background-size:18px 18px}.mb-board[data-pattern=stripe]:before{background-image:repeating-linear-gradient(45deg,var(--c-secondary) 0 6px,transparent 6px 15px)}.mb-board[data-pattern=grid]:before{background-image:linear-gradient(var(--c-accent) 1.4px,transparent 1.4px),linear-gradient(90deg,var(--c-accent) 1.4px,transparent 1.4px);background-size:26px 26px}.mb-board[data-pattern=cross]:before{background-image:repeating-linear-gradient(45deg,var(--c-primary) 0 1.6px,transparent 1.6px 14px),repeating-linear-gradient(-45deg,var(--c-primary) 0 1.6px,transparent 1.6px 14px)}.mb-board[data-pattern=chevron]:before{background-image:linear-gradient(135deg,var(--c-secondary) 25%,transparent 25%),linear-gradient(225deg,var(--c-secondary) 25%,transparent 25%);background-size:22px 22px}.mb-board[data-pattern=tri]:before{background-image:linear-gradient(45deg,var(--c-accent) 50%,transparent 50%);background-size:18px 18px}.mb-board[data-pattern=wave]:before{background-image:radial-gradient(circle at 50% 120%,transparent 40%,var(--c-primary) 41% 50%,transparent 51%);background-size:24px 24px}.mb-board[data-pattern=scale]:before{background-image:radial-gradient(circle at 50% 0,var(--c-secondary) 30%,transparent 32%),radial-gradient(circle at 50% 0,var(--c-secondary) 30%,transparent 32%);background-size:22px 22px;background-position:0 0,11px 11px}.mb-img{position:relative;overflow:hidden;background-color:#0000000d}.mb-img:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(100deg,transparent 18%,rgba(255,255,255,.6) 50%,transparent 82%);background-size:220% 100%;animation:mbShimmer 1.25s infinite linear}.mb-img>img{position:relative;z-index:1}.mb-img.is-loaded:after,.mb-img.is-empty:after{display:none}.mb-stage .is-swap{animation:mbSwap .42s var(--ease)}@media (prefers-reduced-motion: reduce){.mb-board{transition:none}.mb-sw.is-changed input[type=color],.mb-img:after,.mb-stage .is-swap,.mb-board[data-pattern]:not([data-pattern=none]):before{animation:none}}@media (min-width: 561px) and (max-width: 1079px){.mb-board__grid{grid-template-columns:1fr 1fr;grid-template-areas:none;gap:13px}.mb-board__grid>.mb-block{grid-column:auto;grid-row:auto}.mb-board__grid>.mb-block--palette,.mb-board__grid>.mb-block--stage{grid-column:1 / -1}.mb-block--stage .mb-stage{min-height:300px}}@media (max-width: 560px){.mb-board__grid{grid-template-columns:1fr;grid-template-areas:none;gap:12px}.mb-board__grid>.mb-block{grid-column:auto;grid-row:auto}}.mb-device[data-device=widget],.mb-device[data-device=widget-android]{width:252px;max-height:100%;background:#0f1116;border-radius:38px;padding:9px;box-shadow:0 22px 44px -14px #00000080,inset 0 0 0 2px #ffffff0f}.mb-device[data-device=widget-android]{border-radius:30px}.mb-device[data-device=widget] .mb-screen,.mb-device[data-device=widget-android] .mb-screen{border-radius:30px;overflow:hidden;min-height:472px;padding:30px 12px 14px;width:auto;height:auto;display:flex;flex-direction:column;gap:12px;font-family:var(--f-body);background:linear-gradient(172deg,var(--c-primary) 0%,var(--c-secondary) 58%,var(--c-accent) 135%);color:var(--c-on-primary, #fff)}.mb-device[data-device=widget-android] .mb-screen{border-radius:22px}.mb-screen--home .mb-ap__status{color:inherit;opacity:.95}.mb-wg{background:var(--c-bg);color:var(--c-text);border-radius:max(14px,calc(var(--bd-radius, 14px) * 1.4));padding:11px 12px;box-shadow:0 10px 24px -10px #00000059}.mb-wg--med{display:flex;flex-direction:column;gap:7px}.mb-wg__head{display:flex;align-items:center;gap:7px}.mb-wg__ic{width:20px;height:20px;border-radius:6px;background:var(--c-primary);flex:none}.mb-wg__app{font-family:var(--f-head);font-weight:700;font-size:11.5px;flex:1}.mb-wg__time{font-size:9px;opacity:.55}.mb-wg__h{font-family:var(--f-head);font-weight:700;font-size:13.5px;line-height:1.25;margin:0}.mb-wg__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mb-wg__stat{background:#80808024;border-radius:9px;padding:6px 4px;text-align:center}.mb-wg__stat b{display:block;font-family:var(--f-head);font-size:11.5px}.mb-wg__stat i{font-style:normal;font-size:7.5px;opacity:.6}.mb-wg__stat--a{background:var(--c-primary)}.mb-wg__stat--a b,.mb-wg__stat--a i{color:var(--c-on-primary, #fff);opacity:1}.mb-wg__pair{display:grid;grid-template-columns:1fr 1fr;gap:11px}.mb-wg--sm{aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:12px}.mb-wg__big{font-family:var(--f-head);font-size:21px;line-height:1}.mb-wg__cap{font-style:normal;font-size:9px;opacity:.62}.mb-wg--tint{background:var(--c-primary);color:var(--c-on-primary, #fff)}.mb-wg--tint .mb-wg__cap{opacity:.85}.mb-wg__ring{width:22px;height:22px;border-radius:50%;border:3px solid currentColor;border-right-color:transparent;opacity:.9;transform:rotate(-40deg)}.mb-wghome__apps{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;gap:14px 10px;margin-top:4px}.mb-wghome__app{width:34px;height:34px;border-radius:10px;background:#ffffff47;box-shadow:inset 0 0 0 1px #ffffff29,0 1px 2px #00000014}.mb-wghome__dock{margin-top:auto;display:flex;justify-content:space-around;align-items:center;background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:22px;padding:8px}.mb-wghome__dock span{width:34px;height:34px;border-radius:10px;background:#ffffff57;box-shadow:inset 0 0 0 1px #ffffff24}.mb-screen--droid .mb-wg{border-radius:max(22px,calc(var(--bd-radius, 14px) * 1.7))}.mb-screen--droid .mb-wg__ic{border-radius:50%}.mb-screen--droid .mb-wg__stat{border-radius:999px}.mb-screen--droid .mb-wg--round{border-radius:50%;align-items:center;justify-content:center;text-align:center;gap:3px}.mb-screen--droid .mb-wg--round .mb-wg__ring{width:18px;height:18px;border-width:2.5px}.mb-screen--droid .mb-wghome__app{border-radius:50%}.mb-wghome__search{margin-top:auto;display:flex;align-items:center;gap:9px;background:var(--c-bg);border-radius:999px;padding:11px 15px;box-shadow:0 10px 24px -10px #00000059}.mb-wghome__g{width:16px;height:16px;border-radius:50%;background:var(--c-primary);flex:none}.mb-wghome__q{flex:1;height:6px;border-radius:999px;background:#80808047}.mb-wghome__mic{width:13px;height:13px;border-radius:50%;background:var(--c-accent);flex:none}.mb-board[data-trend=flat] .mb-wg{box-shadow:none}.mb-board[data-trend=glass] .mb-wg:not(.mb-wg--tint){background:color-mix(in srgb,var(--c-bg) 72%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:inset 0 0 0 1px #ffffff47,0 10px 24px -10px #0000004d}.mb-board[data-trend=bento] .mb-wg__pair,.mb-board[data-trend=bento] .mb-wg__stats{gap:13px}.mb-gate{display:none}@media (max-width: 760px){.mb--studio>*:not(.mb-gate){display:none!important}.mb--studio .mb-sheet-handle,.mb--studio .mb-sheet,.mb--studio .mb-fab,.mb--studio .mb-readmore,.mb-sheet-toggle{display:none!important}.mb--studio{display:block}.mb-gate{display:grid;place-items:center;min-height:68svh;padding:24px 14px}}.mb-gate__card{max-width:460px;width:100%;text-align:center;padding:clamp(26px,7vw,38px) clamp(20px,6vw,28px);border-radius:var(--r)}.mb-gate__art{font-size:56px;line-height:1;margin-bottom:12px;position:relative;display:inline-block}.mb-gate__sparkle{position:absolute;top:-6px;right:-14px;font-size:24px;color:var(--accent)}.mb-gate__h{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,6.5vw,2.05rem);letter-spacing:-.02em;line-height:1.16}.mb-gate__p{color:var(--ink-soft);margin-top:12px;line-height:1.65;font-size:1rem}.mb-gate__cta{display:flex;flex-direction:column;gap:10px;margin-top:22px}.mb-gate__cta .btn{width:100%;justify-content:center}