.aw-app--material-lab .ml{gap:var(--s-5)clamp(1.25rem,.5rem + 2vw,2.5rem);grid-template-columns:minmax(0,1.55fr) minmax(19rem,1fr);grid-template-areas:"stage panel""out panel";align-items:start;display:grid}.aw-app--material-lab .ml-stage{grid-area:stage;min-width:0}.aw-app--material-lab .ml-panel{grid-area:panel;min-width:0}.aw-app--material-lab .ml-out{grid-area:out;min-width:0}.aw-app--material-lab .ml-bar{justify-content:space-between;align-items:center;gap:var(--s-2)var(--s-4);margin-bottom:var(--s-3);flex-wrap:wrap;display:flex}.aw-app--material-lab .ml-bar .aw-toolbar{gap:var(--s-1)var(--s-2)}.aw-app--material-lab .ml-bar__hist .aw-btn{padding-inline:.6em}.aw-app--material-lab .ml-sheet{--ml-bg:#f5f2ea;--ml-ink:var(--ink);--ml-muted:#5f605b;--ml-line:#17191629;background:var(--ml-bg);color:var(--ml-ink);border:1px solid var(--line);border-radius:var(--r-md);transition:background-color var(--t-med)var(--ease),color var(--t-med)var(--ease);padding:clamp(1rem,.45rem + 2.2vw,2.4rem)}.aw-app--material-lab .ml-sheet.is-dark{border-color:#0000}.aw-app--material-lab .ml-sheet__head{margin-bottom:clamp(.85rem,.5rem + 1.2vw,1.6rem)}.aw-app--material-lab .ml-sheet__title{font:400 clamp(1.65rem,1.15rem + 1.7vw,2.75rem)/1.04 var(--font-display);letter-spacing:-.012em;text-wrap:balance;overflow-wrap:anywhere}.aw-app--material-lab .ml-sheet__note{max-width:58ch;font-size:var(--fs-15);color:var(--ml-muted);white-space:pre-line;overflow-wrap:anywhere;margin-top:.55rem;line-height:1.5}.aw-app--material-lab .ml-comp-wrap{position:relative}.aw-app--material-lab .ml-comp{height:0;position:relative}.aw-app--material-lab .ml-tile{background:var(--ml-c,#1719160f);transition:left var(--t-med)var(--ease),top var(--t-med)var(--ease),width var(--t-med)var(--ease),height var(--t-med)var(--ease),opacity var(--t-fast)var(--ease);border-radius:3px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #1719161a}.aw-app--material-lab .ml-tile__cv{opacity:0;width:100%;height:100%;transition:opacity var(--t-med)var(--ease);position:absolute;inset:0}.aw-app--material-lab .ml-tile.is-painted .ml-tile__cv{opacity:1}.aw-app--material-lab .ml-tile__hit{z-index:1;border-radius:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.aw-app--material-lab .ml-tile__hit:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.aw-app--material-lab .ml-tile.is-selected{overflow:visible}.aw-app--material-lab .ml-tile.is-selected:after{content:"";border:2px solid var(--ml-ink);pointer-events:none;border-radius:5px;position:absolute;inset:-4px}.aw-app--material-lab .ml-tile.is-selected .ml-tile__cv{border-radius:3px}.aw-app--material-lab .ml-tile.is-dragging{opacity:.35}.aw-app--material-lab .ml-tile.is-target:after{content:"";border:2px dashed var(--ml-ink);pointer-events:none;border-radius:5px;position:absolute;inset:-4px}.aw-app--material-lab .ml-tile.is-target{overflow:visible}.aw-app--material-lab .ml-tile__tag{z-index:0;color:#171916;pointer-events:none;background:#fcfbf8f0;border-radius:2px;align-items:flex-start;gap:7px;max-width:calc(100% - 16px);padding:5px 9px 6px 7px;font-size:12.5px;line-height:1.25;display:flex;position:absolute;bottom:8px;left:8px}.aw-app--material-lab .ml-tile__num{font:400 14px/1.15 var(--font-display);min-width:.7em}.aw-app--material-lab .ml-tile__txt{min-width:0;display:grid}.aw-app--material-lab .ml-tile__name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.aw-app--material-lab .ml-tile__finish{color:#5f605b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.aw-app--material-lab .ml-tile.is-small .ml-tile__finish{display:none}.aw-app--material-lab .ml-tile.is-small .ml-tile__tag{max-width:calc(100% - 12px);padding:4px 7px 4px 6px;font-size:12px;bottom:6px;left:6px}.aw-app--material-lab .ml-tile.is-tiny .ml-tile__txt{display:none}.aw-app--material-lab .ml-tile.is-tiny .ml-tile__tag{padding:3px 6px;bottom:4px;left:4px}.aw-app--material-lab .ml-tile__handle{z-index:2;color:#171916;opacity:0;cursor:grab;touch-action:none;width:34px;height:34px;transition:opacity var(--t-fast)var(--ease);background:#fcfbf8eb;border-radius:3px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.aw-app--material-lab .ml-tile:hover .ml-tile__handle,.aw-app--material-lab .ml-tile.is-selected .ml-tile__handle,.aw-app--material-lab .ml-tile__hit:focus-visible~.ml-tile__handle{opacity:1}.aw-app--material-lab .ml-sheet.is-editable .ml-tile__hit{cursor:grab}.aw-app--material-lab .ml-sheet.is-dragging .ml-tile__hit{cursor:grabbing}@media (pointer:coarse){.aw-app--material-lab .ml-tile__handle{opacity:1;width:44px;height:44px;display:none;top:4px;right:4px}.aw-app--material-lab .ml-tile.is-selected .ml-tile__handle{display:grid}.aw-app--material-lab .ml-tile.is-tiny .ml-tile__handle{width:40px;height:40px;top:2px;right:2px}}.aw-app--material-lab .ml-caps{pointer-events:none;position:absolute;inset:0}.aw-app--material-lab .ml-cap{align-items:center;gap:.75rem;min-width:0;display:flex;position:absolute;right:0;transform:translateY(-50%)}.aw-app--material-lab .ml-cap__lines{position:absolute;top:0;left:0;overflow:visible}.aw-app--material-lab .ml-cap__lines path{stroke:var(--ml-line);stroke-width:1px}.aw-app--material-lab .ml-cap__num{font:400 1.35rem/1 var(--font-display);flex:none;min-width:1.1em}.aw-app--material-lab .ml-cap__txt{gap:1px;min-width:0;display:grid}.aw-app--material-lab .ml-cap__name{font-weight:600;font-size:var(--fs-15);overflow-wrap:anywhere;line-height:1.25}.aw-app--material-lab .ml-cap__meta{font-size:var(--fs-13);color:var(--ml-muted);line-height:1.3}.aw-app--material-lab .is-narrow .ml-cap{gap:.5rem}.aw-app--material-lab .is-narrow .ml-cap__num{font-size:1.05rem}.aw-app--material-lab .is-narrow .ml-cap__name{font-size:var(--fs-13)}.aw-app--material-lab .is-narrow .ml-cap__meta{font-size:11.5px}.aw-app--material-lab .is-narrow .ml-cap__txt{gap:0}.aw-app--material-lab .is-narrow .ml-cap__name,.aw-app--material-lab .is-narrow .ml-cap__meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.aw-app--material-lab .ml-sheet__foot{border-top:1px solid var(--ml-line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 2rem;margin-top:clamp(1rem,.6rem + 1.2vw,1.75rem);padding-top:.9rem;display:flex}.aw-app--material-lab .ml-sheet__pal{flex-wrap:wrap;gap:.35rem .6rem;margin:0;padding:0;list-style:none;display:flex}.aw-app--material-lab .ml-pal__item{min-width:44px;min-height:44px;color:inherit;font:600 11.5px/1 var(--font-text);font-variant-numeric:tabular-nums;letter-spacing:.01em;background:0 0;border:0;border-radius:2px;justify-items:start;gap:5px;padding:0;display:grid}.aw-app--material-lab button.ml-pal__item{cursor:pointer}.aw-app--material-lab button.ml-pal__item:hover .ml-pal__hex{text-underline-offset:2px;text-decoration:underline}.ml-pal__chip{background:var(--c);border-radius:2px;width:44px;height:26px;display:block;box-shadow:inset 0 0 0 1px #17191629}.ml-pal__hex{font:600 11.5px/1 var(--font-text);font-variant-numeric:tabular-nums}.aw-app--material-lab .ml-sheet__notice{max-width:36ch;color:var(--ml-muted);font-size:12px;line-height:1.4}.aw-app--material-lab .ml-sel{margin-top:var(--s-3);background:var(--paper-white);border:1px solid var(--line);border-radius:var(--r-md);min-height:4rem;padding:.7rem .9rem}.aw-app--material-lab .ml-sel.is-active{border-color:var(--line-strong)}.aw-app--material-lab .ml-sel__idle{min-height:2.5rem;font-size:var(--fs-14);color:var(--muted);align-items:center;gap:.6rem;display:flex}.aw-app--material-lab .ml-sel__idle .aw-icon{flex:none}.aw-app--material-lab .ml-sel__top{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.aw-app--material-lab .ml-sel__name{flex-wrap:wrap;align-items:baseline;gap:.15rem .6rem;min-width:0;font-weight:600;display:flex}.aw-app--material-lab .ml-sel__num{font:400 1.35rem/1 var(--font-display)}.aw-app--material-lab .ml-sel__finish{font-weight:400;font-size:var(--fs-14);color:var(--muted)}.aw-app--material-lab .ml-sel__tools{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:.45rem;display:flex}.aw-app--material-lab .ml-sel__move,.aw-app--material-lab .ml-sel__more{flex-wrap:wrap;gap:.4rem;display:flex}.aw-app--material-lab .ml-sel__size{align-items:center;gap:.6rem;display:flex}.aw-app--material-lab .ml-sel__size .aw-seg__label{min-height:34px;padding-inline:.7rem}.aw-app--material-lab .ml-sel__hint{font-size:var(--fs-13);color:var(--muted)}.aw-app--material-lab .ml-sel__more{margin-left:auto}.aw-app--material-lab .ml-out{gap:var(--s-5)var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);display:grid}.aw-app--material-lab .ml-out__title{font-size:var(--fs-15);margin-bottom:.35rem;font-weight:600}.aw-app--material-lab .ml-out__hint{font-size:var(--fs-13);color:var(--muted);margin:.35rem 0 .75rem;line-height:1.5}.aw-app--material-lab .ml-adv__list{gap:.7rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.aw-app--material-lab .ml-adv__item{border-left:2px solid var(--terracotta);font-size:var(--fs-14);gap:2px;padding-left:.85rem;line-height:1.5;display:grid}.aw-app--material-lab .ml-adv__item.is-calm{border-left-color:var(--sage)}.aw-app--material-lab .ml-adv__item strong{font-weight:600}.aw-app--material-lab .ml-panel{overflow:hidden}.aw-app--material-lab .ml-panel .aw-tabs__list{padding:0 .6rem}.aw-app--material-lab .ml-tab{padding:1rem clamp(.85rem,.5rem + .8vw,1.25rem) 1.25rem}.aw-app--material-lab .ml-tab:focus-visible{outline-offset:-3px}.aw-app--material-lab .ml-lib__head{gap:.75rem;margin-bottom:.85rem;display:grid}.aw-app--material-lab .ml-lib__fam .aw-seg{width:100%}.aw-app--material-lab .ml-lib__qwrap{position:relative}.aw-app--material-lab .ml-lib__qwrap .aw-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.aw-app--material-lab .ml-lib__q{padding-left:2.4rem}.aw-app--material-lab .ml-lib__meta{font-size:var(--fs-13);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;display:flex}.aw-app--material-lab .ml-lib__status{color:var(--ink-soft);font-weight:600}.aw-app--material-lab .ml-lib__grid{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(8.25rem,1fr));gap:1rem .75rem;max-height:min(68vh,44rem);margin:0 -5px;padding:5px 9px 6px 5px;list-style:none;display:grid;overflow-y:auto}.aw-app--material-lab .ml-card{grid-template-rows:auto auto;align-content:start;gap:.45rem;min-width:0;display:grid}.aw-app--material-lab .ml-card[hidden]{display:none}.aw-app--material-lab .ml-card__open{color:inherit;text-align:left;background:0 0;border:0;border-radius:3px;gap:.4rem;padding:0;display:grid}.aw-app--material-lab .ml-card__media{aspect-ratio:4/3;background:var(--ml-c,var(--paper-deep));border-radius:3px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #17191614}.aw-app--material-lab .ml-card__cv{opacity:0;width:100%;height:100%;transition:opacity var(--t-med)var(--ease),transform var(--t-med)var(--ease)}.aw-app--material-lab .ml-card.is-painted .ml-card__cv{opacity:1}.aw-app--material-lab .ml-card__open:hover .ml-card__cv{transform:scale(1.03)}.aw-app--material-lab .ml-card__open:hover .ml-card__name{text-underline-offset:2px;text-decoration:underline}.aw-app--material-lab .ml-card.is-on .ml-card__media{box-shadow:0 0 0 2px var(--paper-white),0 0 0 4px var(--ink)}.aw-app--material-lab .ml-card__txt{gap:1px;min-width:0;display:grid}.aw-app--material-lab .ml-card__name{font-size:var(--fs-14);font-weight:600;line-height:1.3}.aw-app--material-lab .ml-card__finish{color:var(--muted);font-size:12.5px;line-height:1.3}.aw-app--material-lab .ml-card__toggle{width:100%;font-size:var(--fs-13);gap:.35rem;padding-inline:.5rem}.aw-app--material-lab .ml-lib__note{margin-top:.9rem}.aw-app--material-lab .ml-form{gap:1.4rem;display:grid}.aw-app--material-lab .ml-form>.aw-field{gap:.5rem}.aw-app--material-lab .ml-hex{margin-top:.4rem}.aw-app--material-lab .ml-hex[hidden]{display:none}.aw-app--material-lab .ml-hex__row{align-items:stretch;gap:.5rem;max-width:16rem;display:flex}.aw-app--material-lab .ml-hex__pick{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--paper-white);cursor:pointer;flex:none;width:48px;min-height:44px;padding:3px}.aw-app--material-lab .ml-hex__input{text-transform:uppercase;font-variant-numeric:tabular-nums}.aw-app--material-lab .ml-count{text-align:right;font-variant-numeric:tabular-nums}.aw-app--material-lab .ml-share{gap:.5rem;display:flex}.aw-app--material-lab .ml-share__url{min-width:0;font-size:var(--fs-14);color:var(--ink-soft);flex:1}.aw-app--material-lab .ml-import{cursor:pointer}.aw-app--material-lab .ml-import__input:focus-visible+.ml-import,.aw-app--material-lab .ml-import:focus-within{outline:2px solid var(--focus);outline-offset:2px}.aw-app--material-lab .ml-saved{justify-items:start;gap:.75rem;margin-top:.5rem;display:grid}.aw-app--material-lab .ml-saved__list{border-top:1px solid var(--line);width:100%;margin:0;padding:0;list-style:none;display:grid}.aw-app--material-lab .ml-saved__item{border-bottom:1px solid var(--line);align-items:center;gap:.4rem;padding:.4rem 0;display:flex}.aw-app--material-lab .ml-saved__txt{flex:1;min-width:0;display:grid}.aw-app--material-lab .ml-saved__name{font-weight:600;font-size:var(--fs-14);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.aw-app--material-lab .ml-saved__meta{font-size:var(--fs-13);color:var(--muted)}.aw-app--material-lab .ml--inline{gap:var(--s-3);display:grid}.aw-app--material-lab .ml-inline__foot{justify-content:flex-end;display:flex}.aw-dialog.ml-dialog{width:min(46rem,100vw - 2rem)}.aw-dialog.ml-dialog[open]{flex-direction:column;display:flex}.aw-dialog.ml-dialog .aw-dialog__body{flex:auto;min-height:0;overflow:auto}.aw-dialog.ml-dialog .aw-dialog__actions{border-top:1px solid var(--line);flex:none;padding-top:.9rem}.ml-fiche{gap:1.1rem;display:grid}.ml-fiche__fig{gap:.45rem;margin:0;display:grid}.ml-fiche__cap{font-size:var(--fs-13);color:var(--muted);line-height:1.45}.ml-fiche__media{aspect-ratio:16/7;border-radius:var(--r-sm);background:var(--paper-deep);overflow:hidden}.ml-fiche__cv{opacity:0;width:100%;height:100%;transition:opacity var(--t-med)var(--ease)}.ml-fiche__cv.is-painted{opacity:1}.ml-fiche__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem 1rem;margin:0;display:grid}.ml-fiche__meta dt{font-size:var(--fs-13);color:var(--muted)}.ml-fiche__meta dd{font-weight:600;font-size:var(--fs-15);margin:0}.ml-fiche__colors{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.ml-fiche__chip{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;justify-items:start;gap:5px;padding:0;display:grid}.ml-fiche__chip:hover .ml-pal__hex{text-decoration:underline}.ml-fiche__text h3{font-size:var(--fs-14);margin:.9rem 0 .15rem;font-weight:600}.ml-fiche__text h3:first-child{margin-top:0}.ml-fiche__text p{font-size:var(--fs-15);line-height:1.55}.ml-ghost{z-index:1000;pointer-events:none;opacity:.92;border-radius:3px;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 14px 34px #17191647}.ml-ghost canvas{display:block}@media (width<=1023px){.aw-app--material-lab .ml{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""panel""out"}.aw-app--material-lab .ml-lib__grid{max-height:30rem}}@media (width<=759px){.aw-app--material-lab .ml-out{grid-template-columns:minmax(0,1fr)}.aw-app--material-lab .ml-lib__grid{scroll-snap-type:x mandatory;gap:.75rem;max-height:none;padding-bottom:.6rem;scroll-padding-left:5px;display:flex;overflow:auto hidden}.aw-app--material-lab .ml-card{scroll-snap-align:start;flex:0 0 8.5rem}.aw-app--material-lab .ml-sheet__notice{max-width:none}.aw-app--material-lab .ml-sel__more{margin-left:0}.aw-app--material-lab .ml-fiche__meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.aw-app--material-lab .ml-share{flex-wrap:wrap}}@media (width<=400px){.aw-app--material-lab .ml-bar{justify-content:flex-start}.aw-app--material-lab .ml-bar__hist .aw-btn--sm span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.aw-app--material-lab .ml-bar__hist .aw-btn--sm{width:44px;padding:0}.aw-app--material-lab .ml-tab{padding-inline:.75rem}.aw-app--material-lab .ml-panel .aw-tabs__list{gap:0;padding:0 .2rem}.aw-app--material-lab .ml-panel .aw-tabs__tab{font-size:var(--fs-14);padding-inline:.55rem}.aw-app--material-lab .ml-sel{padding:.6rem .7rem}}@media (pointer:coarse){.aw-app--material-lab .aw-btn--sm{min-height:44px}.aw-app--material-lab .aw-btn--icon.aw-btn--sm{width:44px}.aw-app--material-lab .aw-seg__label,.aw-app--material-lab .ml-sel__size .aw-seg__label{min-height:44px}}@media (prefers-reduced-motion:reduce){.aw-app--material-lab .ml-tile,.aw-app--material-lab .ml-tile__cv,.aw-app--material-lab .ml-card__cv{transition:none}}.aw-app--material-lab .ml-panel .aw-tabs__tab{padding-inline:.8rem}@media (width<=400px){.aw-app--material-lab .ml-panel .aw-tabs__list{gap:0;padding:0}.aw-app--material-lab .ml-panel .aw-tabs__tab{font-size:var(--fs-14);flex:auto;padding-inline:.4rem}}.aw-app--material-lab .ml-lib__fam .aw-seg{gap:2px}.aw-app--material-lab .ml-lib__fam .aw-seg__label{font-size:var(--fs-13);min-height:34px;padding:.3rem .62rem}@media (width<=759px){.aw-app--material-lab .ml-sheet{padding:.85rem}.aw-app--material-lab .ml-sheet__foot{margin-top:.85rem;padding-top:.7rem}}.aw-app--material-lab [hidden]{display:none!important}.aw-app--material-lab .ml-fb{gap:var(--s-6);max-width:72rem;display:grid}.aw-app--material-lab .ml-fb h2{font:400 var(--fs-h4)/1.2 var(--font-display);margin-bottom:.6rem}.aw-app--material-lab .ml-fb h3{font-size:var(--fs-17);margin:1.5rem 0 .6rem;font-weight:600}.aw-app--material-lab .ml-fb p,.aw-app--material-lab .ml-fb li{font-size:var(--fs-16);line-height:1.55}.aw-app--material-lab .ml-fb p+p{margin-top:.6rem}.aw-app--material-lab .ml-fb ol{gap:.35rem;padding-left:1.2rem;display:grid}.aw-app--material-lab .ml-fb__cols{gap:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));display:grid}.aw-app--material-lab .ml-fb__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:.9rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.aw-app--material-lab .ml-fb__item{align-items:flex-start;gap:.75rem;display:flex}.aw-app--material-lab .ml-fb__sw{border-radius:2px;flex:none;width:2.25rem;height:2.25rem;margin-top:.2rem;box-shadow:inset 0 0 0 1px #17191626}.aw-app--material-lab .ml-fb__txt{gap:1px;min-width:0;display:grid}.aw-app--material-lab .ml-fb__meta{font-size:var(--fs-14);color:var(--muted)}.aw-app--material-lab .ml-fb__use{font-size:var(--fs-14)}