@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--panel-zoom:1}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:var(--font-mono);--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.invisible{visibility:hidden}.visible{visibility:visible}.\!fixed{position:fixed!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[color\:\#f4f6fa\]{background-color:#f4f6fa}.bg-\[image\:radial-gradient\(\#127a78_2px\,transparent_0\)\,linear-gradient\(45deg\,\#c8402f_25\%\,transparent_0\)\]{background-image:radial-gradient(#127a78 2px,#0000 0),linear-gradient(45deg,#c8402f 25%,#0000 0)}.\[mask-image\:radial-gradient\(ellipse_at_50\%_50\%\,\#000_50\%\,transparent_100\%\)\]{-webkit-mask-image:radial-gradient(#000 50%,#0000 100%);mask-image:radial-gradient(#000 50%,#0000 100%)}.bg-\[length\:24px_24px\,100\%_100\%\]{background-size:24px 24px,100% 100%}.bg-\[position\:0_0\,12px_12px\]{background-position:0 0,12px 12px}.\[background-repeat\:repeat\,no-repeat\]{background-repeat:repeat,no-repeat}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat{background-repeat:repeat}.bg-repeat-round{background-repeat:round}.bg-repeat-space{background-repeat:space}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.\[mask-repeat\:no-repeat\]{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\[filter\:brightness\(1\.1\)\]{filter:brightness(1.1)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[-webkit-mask-image\:radial-gradient\(ellipse_at_50\%_50\%\,\#000_50\%\,transparent_100\%\)\]{-webkit-mask-image:radial-gradient(#000 50%,#0000 100%)}}:root{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.645, .045, .355, 1);--dur-fold:.24s;--dur-micro:.12s;--dur-reveal:.16s;--dur-pop-in:.18s;--dur-pop-out:.12s;--dur-enter:.22s;--dur-exit:.16s;--scrim:#0f142452}:root[data-theme=dark]{--scrim:#04070f8f}@keyframes mt-pop-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}@keyframes mt-pop-out{to{opacity:0;transform:translateY(-4px)scale(.97)}}@keyframes mt-reveal{0%{opacity:0;transform:translateY(-4px)}}@keyframes mt-rise{0%{opacity:0;transform:translateY(8px)}}body{font-family:var(--font-sans);color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased;font-size:13px;line-height:18px}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::selection{background:var(--accent);color:var(--on-accent)}.mt-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px}.mt-spacer{flex:auto}.mt-icon{flex:none}.mt-label{color:var(--ink-muted);font-size:12.5px;line-height:18px}.mt-field-block{flex-direction:column;gap:6px;display:flex}.mt-mark-shell .mt-mark-ring{fill:var(--on-shell)}.mt-mark-shell .mt-mark-core{fill:var(--rail-indicator)}.mt-mark-ink .mt-mark-ring{fill:var(--brand-text)}.mt-mark-ink .mt-mark-core{fill:var(--accent-ring)}.mt-mark-mono .mt-mark-ring,.mt-mark-mono .mt-mark-core{fill:currentColor}.mt-mark{flex:none;display:block}.mt-tag{border-radius:var(--radius-xs);height:20px;font-family:var(--font-mono);white-space:nowrap;align-items:center;padding:0 7px;font-size:11px;line-height:14px;display:inline-flex}.mt-tag-shell{color:var(--on-shell);background:#ffffff24}.mt-tag-surface{background:var(--surface);color:var(--ink-muted);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--radius-full);padding:0 8px}.mt-tag-accent{background:var(--accent);color:var(--on-accent)}.mt-btn{height:var(--size-button);border-radius:var(--radius-md);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:background-color .12s,transform .12s;display:inline-flex}.mt-btn:active:not(:disabled){transform:scale(.97)}.mt-btn:disabled{opacity:.45;cursor:not-allowed}.mt-btn-block{width:100%}.mt-btn-sm{height:var(--size-segment);gap:4px;padding:0 8px;font-size:12.5px;font-weight:550}.mt-btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:inset 0 1px #fff3}.mt-btn-primary:hover:not(:disabled){background:var(--primary-hover)}.mt-btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.mt-btn-secondary:hover:not(:disabled){background:var(--surface-sunken)}.mt-btn-ghost{color:var(--ink-muted);background:0 0}.mt-btn-ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--ink)}.mt-btn-shell{height:32px;color:var(--on-shell);background:0 0;padding:0 10px;font-weight:550}.mt-btn-shell:hover:not(:disabled){background:#ffffff21}.mt-btn-share{background:var(--on-shell);height:32px;color:var(--shell);box-shadow:inset 0 -1px #1b23402e}.mt-btn-share:hover:not(:disabled),.mt-btn-share[aria-expanded=true]{box-shadow:inset 0 0 0 100px #1f3c9a1a}.mt-iconbtn{width:var(--size-segment);height:var(--size-segment);border-radius:var(--radius-sm);color:var(--ink-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;transition:background-color .12s,color .12s;display:inline-grid}.mt-iconbtn:hover:not(:disabled){background:var(--surface-sunken);color:var(--ink)}.mt-iconbtn:disabled{opacity:.35;cursor:not-allowed}.mt-iconbtn-shell{border-radius:var(--radius-md);width:32px;height:32px;color:var(--on-shell)}.mt-iconbtn-shell:hover:not(:disabled){color:var(--on-shell);background:#ffffff21}.mt-topbar{z-index:20;align-items:center;gap:var(--space-3);height:var(--size-topbar);padding-right:var(--space-3);background:var(--shell);color:var(--on-shell);display:flex;position:relative}.mt-topbar :focus-visible{outline-color:var(--on-shell)}.mt-topbar-brand{flex:0 0 var(--size-rail);height:var(--size-topbar);place-items:center;display:grid}.mt-topbar-title{white-space:nowrap;align-items:center;gap:10px;min-width:0;display:flex}.mt-topbar-title a{color:var(--on-shell-muted);text-decoration:none}.mt-topbar-title a:hover{color:var(--on-shell)}.mt-topbar-title strong{font-size:14px;font-weight:650}.mt-topbar-sep{color:var(--on-shell-muted);opacity:.6}.mt-topbar-actions{align-items:center;gap:2px;display:flex}.mt-topbar-div{background:#fff3;width:1px;height:20px;margin:0 6px}.mt-topbar-export{position:relative}.mt-topbar-export .mt-popover :focus-visible{outline-color:var(--focus-ring)}.mt-rail{align-items:center;gap:var(--space-1);width:var(--size-rail);padding:var(--space-2) 0;background:var(--shell);flex-direction:column;display:flex}.mt-rail-item{border-radius:var(--radius-md);width:40px;height:40px;color:var(--on-shell-muted);place-items:center;transition:background-color .12s,color .12s;display:grid;position:relative}.mt-rail-item:hover{color:var(--on-shell);background:#ffffff1a}.mt-rail-item.is-on{color:var(--on-shell);background:#ffffff29;box-shadow:inset 0 1px #ffffff2e}.mt-rail-item.is-on:before{content:"";background:var(--rail-indicator);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-8px}.mt-rail :focus-visible{outline-color:var(--on-shell)}.mt-rail-slot{position:relative}.mt-rail-item{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.mt-rail-item.is-open{color:var(--on-shell);background:#ffffff29;box-shadow:inset 0 1px #ffffff2e}.mt-railmenu{z-index:30;box-sizing:border-box;width:300px;max-height:var(--railmenu-max,none);overscroll-behavior:contain;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);text-align:left;transform-origin:0 var(--railmenu-origin,20px);animation:mt-railmenu-in var(--dur-pop-in) var(--ease-out);position:absolute;top:0;left:calc(100% + 16px);overflow-y:auto;box-shadow:0 1px 2px #1b234014,0 18px 48px -12px #1b234052}.mt-railmenu[data-state=closed]{animation:mt-railmenu-out var(--dur-pop-out) var(--ease-out) forwards;pointer-events:none}@keyframes mt-railmenu-in{0%{opacity:0;transform:translate(-4px)scale(.97)}}@keyframes mt-railmenu-out{to{opacity:0;transform:translate(-4px)scale(.97)}}.mt-railmenu :focus-visible{outline-color:var(--focus-ring)}.mt-railmenu-title{color:var(--ink);margin:0 0 10px;padding:0 2px;font-size:13px;font-weight:700;line-height:18px}.mt-railmenu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin:0;padding:0;list-style:none;display:grid}.mt-railmenu-card{border-radius:var(--radius-md);color:inherit;outline-offset:2px;flex-direction:column;gap:6px;text-decoration:none;display:flex}.mt-railmenu-art{aspect-ratio:3/2;border-radius:var(--radius-md);background:var(--surface);box-shadow:0 0 0 1px var(--line), var(--shadow-raised);transition:box-shadow var(--dur-micro) ease;display:block;overflow:hidden}.mt-railmenu-art img{object-fit:cover;width:100%;height:100%;display:block}.mt-railmenu-card:hover .mt-railmenu-art{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong), var(--shadow-raised)}.mt-railmenu-card[aria-current=page] .mt-railmenu-art{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring), var(--shadow-raised)}.mt-railmenu-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;padding:0 2px;font-size:12.5px;line-height:16px;overflow:hidden}.mt-railmenu-card[aria-current=page] .mt-railmenu-name{font-weight:650}.mt-railmenu-strips{box-sizing:border-box;background:var(--surface-sunken);grid-template-rows:repeat(3,minmax(0,1fr));gap:4px;height:100%;padding:9px;display:grid}.mt-railmenu-strips>span{border-radius:var(--radius-xs);display:flex;overflow:hidden}.mt-railmenu-strips i{flex:1}.mt-railmenu-foot{justify-content:space-between;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--brand-text);transition:background-color var(--dur-micro) ease;margin:13px -4px 0;font-size:12.5px;font-weight:600;text-decoration:none;display:flex;position:relative}.mt-railmenu-foot:before{content:"";border-top:1px solid var(--line);position:absolute;top:-7px;left:4px;right:4px}.mt-railmenu-foot:hover{background:var(--surface-sunken)}@media (prefers-reduced-motion:reduce){.mt-railmenu,.mt-railmenu[data-state=closed]{animation:none}.mt-railmenu-art,.mt-railmenu-foot{transition:none}}.mt-seg{background:var(--surface-sunken);border-radius:var(--radius-md);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:2px;display:grid}.mt-seg-item{min-width:0;height:var(--size-segment);border-radius:var(--radius-sm);font:inherit;color:var(--ink-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;padding:0 6px;font-size:12.5px;font-weight:550;transition:background-color .12s,color .12s;display:inline-flex;overflow:hidden}.mt-seg-item:not(.is-on):hover:not(:disabled){color:var(--ink);background:var(--surface)}.mt-seg-item.is-on{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-segment)}.mt-seg-item:disabled{opacity:.4;cursor:not-allowed}.mt-seg.is-icons .mt-seg-item{padding:0;position:relative;overflow:visible}.mt-seg.is-icons .mt-seg-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (pointer:coarse){.mt-seg.is-icons .mt-seg-item:after{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}}.mt-fieldhead-end{align-items:center;gap:var(--space-1);min-width:0;display:inline-flex}.mt-fieldhead-value{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:18px;overflow:hidden}.mt-tabs{padding:0 var(--space-4);border-bottom:1px solid var(--line);gap:18px;display:flex}.mt-tab{height:42px;font:inherit;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;position:relative}.mt-tab:not(.is-on):hover{color:var(--ink)}.mt-tab.is-on{color:var(--brand-text)}.mt-tab.is-on:after{content:"";background:var(--brand-text);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.mt-field{align-items:center;gap:var(--space-1);min-width:0;height:var(--size-control);box-sizing:border-box;padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);display:flex}.mt-field:focus-within{border-color:var(--accent-ring);box-shadow:0 0 0 3px #1a9a9847}.mt-field-input{width:100%;min-width:0;color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;padding:0;font-size:12px}.mt-field-input:focus-visible{outline:0}.mt-field-affix{color:var(--ink-muted);font-size:12px}.mt-select{min-width:0;display:block;position:relative}.mt-select-input{width:100%;height:var(--size-control);padding:0 26px 0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;appearance:none;cursor:pointer}.mt-select-input:focus-visible{border-color:var(--accent-ring);outline:0;box-shadow:0 0 0 3px #1a9a9847}.mt-select .mt-icon{right:var(--space-2);color:var(--ink-muted);pointer-events:none;margin-top:-6px;position:absolute;top:50%}.mt-slider{--fill:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}.mt-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent-ring) var(--fill), var(--surface-sunken) var(--fill));border-radius:2px;height:4px}.mt-slider::-moz-range-track{background:var(--surface-sunken);border-radius:2px;height:4px}.mt-slider::-moz-range-progress{background:var(--accent-ring);border-radius:2px;height:4px}.mt-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface);border:1px solid var(--line-strong);width:16px;height:16px;box-shadow:var(--shadow-thumb);border-radius:50%;margin-top:-6px}.mt-slider::-moz-range-thumb{background:var(--surface);border:1px solid var(--line-strong);width:14px;height:14px;box-shadow:var(--shadow-thumb);border-radius:50%}.mt-slider:disabled{opacity:.45;cursor:not-allowed}.mt-sfield{flex-direction:column;gap:4px;display:flex}.mt-sfield.is-disabled{opacity:.5}.mt-sfield-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.mt-sfield-value{color:var(--ink)}.mt-ticks{flex-wrap:wrap;gap:4px;display:flex}.mt-tick{border-radius:var(--radius-sm);min-width:36px;height:24px;color:var(--ink-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:11px;transition:background-color .12s,color .12s}.mt-tick:not(.is-on):hover:not(:disabled){background:var(--surface-sunken);color:var(--ink)}.mt-tick.is-on{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-segment)}.mt-switch{align-items:center;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;padding:4px 10px 4px 4px;font-size:12.5px;font-weight:550;display:inline-flex;position:relative}.mt-switch-plain{background:0 0;border:0;padding:0}.mt-switch input{opacity:0;width:1px;height:1px;position:absolute}.mt-switch-track{border-radius:var(--radius-full);background:var(--line-strong);flex:none;width:28px;height:16px;transition:background-color .12s;position:relative}.mt-switch-track:after{content:"";background:var(--surface);width:12px;height:12px;box-shadow:var(--shadow-thumb);border-radius:50%;transition:transform .16s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;left:2px}.mt-switch input:checked+.mt-switch-track{background:var(--accent)}.mt-switch input:checked+.mt-switch-track:after{transform:translate(12px)}.mt-switch input:focus-visible+.mt-switch-track{outline:2px solid var(--focus-ring);outline-offset:2px}.mt-section{padding:var(--space-3) var(--space-4) var(--space-4);border-bottom:1px solid var(--line);background:var(--surface);flex-direction:column;display:flex}.mt-section.is-closed{padding-bottom:var(--space-3)}.mt-section-flush{border-bottom:0}.mt-section[hidden]{display:none}.mt-section-head{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:28px;display:flex}.mt-section-heading{min-width:0;font:inherit;flex:auto;margin:0;display:flex}.mt-section-title,.mt-section-toggle{align-items:center;gap:var(--space-2);color:var(--ink);margin:0;font-size:12.5px;font-weight:700;line-height:18px;display:flex}.mt-section-toggle{border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;height:28px;margin:0 -6px;padding:0 6px;font-family:inherit}.mt-section-toggle:hover{background:var(--surface-sunken)}.mt-section-icon{color:var(--ink-muted)}.mt-section-chevron{color:var(--ink-muted);transition:transform var(--dur-reveal) var(--ease-out);margin-left:auto}.mt-section.is-closed .mt-section-chevron{transform:rotate(-90deg)}.mt-section-meta{color:var(--ink-muted);align-items:center;gap:6px;font-size:12px;display:flex}.mt-section-body{padding-top:var(--space-3);flex-direction:column;gap:14px;display:flex}.mt-section-body.is-entering,.mt-opt-body.is-entering{animation:mt-reveal var(--dur-reveal) var(--ease-out)}.mt-angle{gap:var(--space-2);flex-direction:column;display:flex}.mt-angle-row{gap:var(--space-3);grid-template-columns:52px minmax(0,1fr);align-items:center;display:grid}.mt-angle-fields{gap:var(--space-2);grid-template-columns:minmax(0,1fr) 68px;align-items:center;display:grid}.mt-dial{background:var(--surface-sunken);width:52px;height:52px;box-shadow:inset 0 0 0 1px var(--line-strong);cursor:grab;touch-action:none;border-radius:50%;position:relative}.mt-dial:active{cursor:grabbing}.mt-dial:before{content:"";border:1px dashed var(--line-strong);border-radius:50%;position:absolute;inset:6px}.mt-dial-hand{background:var(--accent-ring);transform-origin:50% 100%;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:4px;bottom:50%;left:50%}.mt-dial-knob{background:var(--accent);border:2px solid var(--surface);width:10px;height:10px;box-shadow:var(--shadow-thumb);border-radius:50%;margin-left:-5px;position:absolute;top:-2px;left:50%}.mt-scroll{min-height:0;position:relative;overflow:hidden}.mt-scroll-viewport{overscroll-behavior:contain;scrollbar-width:none;height:100%;overflow:hidden auto}.mt-scroll-viewport::-webkit-scrollbar{display:none}.mt-scroll-bar{z-index:5;opacity:0;pointer-events:none;width:10px;transition:opacity var(--dur-reveal) ease;position:absolute;top:2px;bottom:2px;right:1px}.mt-scroll[data-scrollable=true]:hover .mt-scroll-bar,.mt-scroll[data-scrollable=true]:focus-within .mt-scroll-bar,.mt-scroll[data-scrollable=true].is-scrolling .mt-scroll-bar,.mt-scroll.is-dragging .mt-scroll-bar{opacity:1;pointer-events:auto}.mt-scroll-thumb{border-radius:var(--radius-full);background:var(--line-strong);width:5px;transition:width var(--dur-micro) ease, background-color var(--dur-micro) ease;position:absolute;top:0;right:2px}.mt-scroll-bar:hover .mt-scroll-thumb,.mt-scroll.is-dragging .mt-scroll-thumb{background:var(--ink-muted);width:7px}.mt-curve{gap:var(--space-2);flex-direction:column;display:flex}.mt-curve-plot{border-radius:var(--radius-md);background:var(--surface-sunken);touch-action:none;width:100%;height:auto;display:block;overflow:visible}.mt-curve-guide{stroke:var(--line-strong);stroke-width:1px;stroke-dasharray:3 3}.mt-curve-ref{stroke:var(--line-strong);stroke-width:1px;opacity:.7}.mt-curve-line{fill:none;stroke:var(--accent-ring);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.mt-curve-arm{stroke:var(--ink-muted);stroke-width:1px}.mt-curve-end{fill:var(--ink-muted)}.mt-curve-knob{fill:var(--surface);stroke:var(--accent);stroke-width:2px;cursor:grab;outline:none}.mt-curve-knob:active{cursor:grabbing}.mt-curve-knob:focus-visible{stroke:var(--focus-ring);stroke-width:3px}.mt-curve-fields{gap:6px var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mt-ctiles{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.mt-ctile{min-width:0;font:inherit;color:var(--ink-muted);text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;padding:0;font-size:11.5px;line-height:14px;display:flex}.mt-ctile span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mt-ctile-plot{border-radius:var(--radius-sm);background:var(--surface-sunken);width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--line);display:block}.mt-ctile-plot path{fill:none;stroke:var(--ink-muted);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.mt-ctile:not(.is-on):hover .mt-ctile-plot{box-shadow:inset 0 0 0 1px var(--line-strong)}.mt-ctile.is-on{color:var(--ink);font-weight:600}.mt-ctile.is-on .mt-ctile-plot{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}.mt-ctile.is-on .mt-ctile-plot path{stroke:var(--accent-ring)}.mt-opt{gap:var(--space-3);flex-direction:column;display:flex}.mt-opt+.mt-opt{padding-top:var(--space-3);border-top:1px solid var(--line)}.mt-opt-head{align-items:center;gap:var(--space-2);min-height:24px;display:flex}.mt-opt-label{color:var(--ink);flex:auto;font-size:12.5px;font-weight:600}.mt-opt-meta{color:var(--ink-muted);font-size:11px}.mt-opt-body{gap:var(--space-3);padding-left:var(--space-3);border-left:2px solid var(--line);flex-direction:column;margin-left:3px;display:flex}.mt-canvas-size{flex-direction:column;gap:14px;display:flex}.mt-sizepick-trigger{justify-content:space-between;font-weight:550}.mt-sizepick-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.mt-sizepick-trigger .mt-icon{color:var(--ink-muted)}.mt-dims{align-items:end;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.mt-dims-lock{width:28px;height:var(--size-control)}.mt-dims-lock.is-on{color:var(--accent);background:var(--surface-sunken)}.mt-dims-row{gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.mt-dims-row .mt-ticks{flex-wrap:nowrap}.mt-fit-value{height:var(--size-control);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--surface-sunken);font:400 12px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);justify-content:space-between;align-items:center;gap:6px;display:flex}.mt-fit-value span{color:var(--ink-muted)}.mt-fit-link{width:28px;height:var(--size-control);position:relative}.mt-fit-link:before{content:"";border-top:1px solid var(--line-strong);position:absolute;top:50%;left:6px;right:6px}.mt-fit-note{color:var(--ink-muted);margin:0;font-size:12px;line-height:17px}.mt-imgsize{align-items:center;gap:4px var(--space-2);border-radius:var(--radius-md);background:var(--surface-sunken);grid-template-columns:minmax(0,1fr) auto;padding:8px 6px 8px 10px;display:grid}.mt-imgsize-text{flex-direction:column;min-width:0;display:flex}.mt-imgsize-label{color:var(--ink-muted);font-size:12.5px;line-height:18px}.mt-imgsize-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);font-size:12px;line-height:16px}.mt-imgsize-note{color:var(--ink-muted);grid-column:1/-1;margin:0;font-size:12px;line-height:17px}.mt-ratios{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.mt-ratios .mt-tick{min-width:0}.mt-sizes{z-index:60;padding:var(--space-4) var(--space-3) 0;column-count:4;column-gap:var(--space-2);overscroll-behavior:contain;overflow:auto}.mt-sizes-group{break-inside:avoid;padding-bottom:var(--space-4);flex-direction:column;gap:1px;display:flex}.mt-sizes-title{color:var(--ink);padding:0 8px 6px;font-size:12.5px;font-weight:700}.mt-sizes-item{border-radius:var(--radius-sm);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 8px;transition:background-color .12s;display:flex}.mt-sizes-name{color:var(--ink);font-size:12.5px;font-weight:550}.mt-sizes-item .mt-mono{color:var(--ink-muted);font-size:11px}.mt-sizes-item:not(.is-on):hover{background:var(--surface-sunken)}.mt-sizes-item.is-on{background:var(--accent);box-shadow:var(--shadow-segment)}.mt-sizes-item.is-on .mt-sizes-name,.mt-sizes-item.is-on .mt-mono{color:var(--on-accent)}@media (max-width:760px){.mt-sizes{column-count:2}}.mt-timeline{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:100%;box-shadow:var(--shadow-raised);flex-direction:column;gap:3px;padding:7px 10px 3px;display:flex}.mt-tl-bar{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-width:0;display:grid}.mt-tl-transport{align-items:center;gap:4px;display:flex}.mt-tl-bar .mt-iconbtn{width:28px;height:30px}.mt-tl-play{border-radius:var(--radius-full);background:var(--accent);width:35px;height:35px;color:var(--on-accent);cursor:pointer;box-shadow:var(--shadow-segment);border:0;flex:none;place-items:center;padding:0;transition:transform .12s;display:grid}.mt-tl-play:active{transform:scale(.94)}.mt-tl-play .mt-icon{fill:currentColor}.mt-tl-time{color:var(--ink);white-space:nowrap;justify-self:end;font-size:12.5px}.mt-tl-dur{color:var(--ink-muted)}.mt-tl-keys{justify-self:start;align-items:center;gap:0;display:flex}.mt-tl-track{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;height:44px;margin:0 9px;position:relative}.mt-tl-track:focus-visible{outline-offset:2px;border-radius:var(--radius-sm)}.mt-tl-rail{background:var(--surface-sunken);border-radius:2px;height:5px;position:absolute;top:13px;left:0;right:0}.mt-tl-seg{background:var(--accent-ring);opacity:.6;height:5px;position:absolute;top:13px}.mt-tl-seg.is-loop{opacity:.8;background:repeating-linear-gradient(90deg, var(--accent-ring) 0 4px, transparent 4px 8px)}.mt-tl-tick{background:var(--line-strong);width:1px;height:5px;position:absolute;top:23px}.mt-tl-tick span{font-family:var(--font-mono);color:var(--ink-muted);white-space:nowrap;font-size:11px;line-height:13px;position:absolute;top:6px;left:0;transform:translate(-50%)}.mt-tl-key{z-index:2;border:2px solid var(--surface);background:var(--ink-muted);cursor:grab;width:16px;height:16px;box-shadow:0 0 0 1px var(--line-strong);border-radius:3px;margin-left:-8px;padding:0;position:absolute;top:7px;transform:rotate(45deg)}.mt-tl-key:active{cursor:grabbing}.mt-tl-key:not(.is-on):hover{background:var(--ink)}.mt-tl-key.is-on{background:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.mt-tl-head{z-index:3;background:var(--primary);pointer-events:none;border-radius:1px;width:2px;height:30px;margin-left:-1px;position:absolute;top:0}.mt-tl-head:before{content:"";background:var(--primary);border-radius:2px;width:12px;height:7px;margin-left:-6px;position:absolute;top:-2px;left:50%}.mt-progress{border-radius:var(--radius-sm);background:var(--surface-sunken);height:28px;position:relative;overflow:hidden}.mt-progress-bar{background:var(--accent-ring);opacity:.35;transition:width .12s linear;position:absolute;top:0;bottom:0;left:0}.mt-progress-label{color:var(--ink);place-items:center;font-size:11.5px;display:grid;position:absolute;inset:0}.mt-popover{z-index:30;box-sizing:border-box;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);position:absolute;box-shadow:0 1px 2px #1b234014,0 18px 48px -12px #1b234052}.mt-popover-start{top:calc(100% + 8px);left:0}.mt-popover-end{top:calc(100% + 8px);right:0}.mt-popover{transform-origin:0 0;animation:mt-pop-in var(--dur-pop-in) var(--ease-out)}.mt-popover-end{transform-origin:100% 0}.mt-popover[data-state=closed]{animation:mt-pop-out var(--dur-pop-out) var(--ease-out) forwards;pointer-events:none}.mt-popover[data-side=top]{transform-origin:0 100%;animation-name:mt-pop-up-in;top:auto;bottom:calc(100% + 8px)}.mt-popover-end[data-side=top]{transform-origin:100% 100%}.mt-popover[data-side=top][data-state=closed]{animation-name:mt-pop-up-out}.mt-popover[data-fit]{max-height:var(--pop-max);overscroll-behavior:contain;overflow-y:auto}@keyframes mt-pop-up-in{0%{opacity:0;transform:translateY(4px)scale(.97)}}@keyframes mt-pop-up-out{to{opacity:0;transform:translateY(4px)scale(.97)}}@media (prefers-reduced-motion:reduce){.mt-popover[data-side=top],.mt-popover[data-side=top][data-state=closed]{animation:none}}.mt-popover-head{display:none}.mt-popover-body{display:contents}@media (max-width:760px){.mt-popover.is-sheet{top:auto;left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));bottom:calc(12px + var(--sheet-kb,env(safe-area-inset-bottom,0px)));z-index:40;width:auto;max-width:none;max-height:min(64dvh, calc(100dvh - 272px - env(safe-area-inset-bottom,0px)), calc(100dvh - var(--sheet-kb,0px) - 24px));transform-origin:50% 100%;animation:mt-sheet-in var(--dur-enter) var(--ease-out);flex-direction:column;padding:0;display:flex;position:fixed;overflow:hidden;translate:none}.mt-popover.is-sheet[data-state=closed]{animation:mt-sheet-out var(--dur-pop-out) var(--ease-out) forwards}.mt-popover.is-sheet>.mt-popover-head{align-items:center;gap:var(--space-2);min-height:44px;padding:4px 4px 0 var(--space-3);flex:none;display:flex}.mt-popover.is-sheet>.mt-popover-body{overscroll-behavior:contain;min-height:0;padding:4px var(--space-3) var(--space-3);flex:auto;display:block;overflow-y:auto}.mt-popover-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);flex:auto;font-size:12.5px;font-weight:600;line-height:18px;overflow:hidden}.mt-popover.is-sheet .mt-cp-area{height:120px}.mt-popover.is-sheet>.mt-popover-body:has(.mt-swatch-actions){padding-bottom:0}.mt-popover.is-sheet .mt-swatch-actions{z-index:1;margin-inline:calc(-1 * var(--space-3));padding:var(--space-2) var(--space-3) var(--space-3);background:var(--surface);position:sticky;bottom:0}.mt-popover.is-sheet.mt-ppick-popover>.mt-popover-body{padding:0 6px 6px}.mt-popover.is-sheet .mt-ppick-list{max-height:none;overflow:visible}}@keyframes mt-sheet-in{0%{opacity:0;transform:translateY(12px)}}@keyframes mt-sheet-out{to{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.mt-popover.is-sheet,.mt-popover.is-sheet[data-state=closed]{animation:none}}.mt-cp{flex-direction:column;gap:10px;width:100%;display:flex}.mt-cp-area{border-radius:var(--radius-md);cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);height:140px;position:relative}.mt-cp-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #00000040,0 1px 3px #00000059}.mt-cp-sliders{align-items:center;gap:var(--space-2);display:flex}.mt-cp-bars{flex-direction:column;flex:auto;gap:8px;display:flex}.mt-cp-hue,.mt-cp-alpha{appearance:none;border-radius:var(--radius-full);cursor:pointer;width:100%;height:12px;margin:0}.mt-cp-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.mt-cp-alpha{--cp-color:#000;background:linear-gradient(90deg, transparent, var(--cp-color)), conic-gradient(#d6dae3 25%, #fff 0 50%, #d6dae3 0 75%, #fff 0) 0 0 / 8px 8px}.mt-cp-hue::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #0000004d,0 1px 3px #0000004d}.mt-cp-alpha::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #0000004d,0 1px 3px #0000004d}.mt-cp-hue::-moz-range-thumb{background:0 0;border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #0000004d}.mt-cp-alpha::-moz-range-thumb{background:0 0;border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #0000004d}.mt-cp-inputs{grid-template-columns:64px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 66px;gap:4px;display:grid}.mt-cp-inputs input[type=number]{appearance:textfield}.mt-cp-inputs input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mt-cp-inputs input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mt-cp-inputs>.mt-cp-hex{grid-column:span 3}.mt-cp-inputs.is-opaque{grid-template-columns:64px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.mt-cp-inputs .mt-field{padding:0 6px}.mt-cp-row{flex-direction:column;gap:4px;display:flex}.mt-cp-row-label{color:var(--ink-muted);font-size:11.5px}.mt-cp-swatches{flex-wrap:wrap;gap:4px;display:flex}.mt-cp-swatch{border-radius:var(--radius-xs);cursor:pointer;border:0;width:20px;height:20px;padding:0;box-shadow:inset 0 0 0 1px #1b23401f}.mt-cp-swatch:hover{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong)}.mt-swatch-chip,.mt-way-chip,.mt-vtile-art,.mt-layer-thumb{position:relative}.mt-thumb-art{border-radius:inherit;position:absolute;inset:0}.mt-swatch-chip:after,.mt-way-chip:after,.mt-vtile-art:after,.mt-layer-thumb:after{content:"";border-radius:inherit;box-shadow:var(--thumb-glaze);pointer-events:none;position:absolute;inset:0}.mt-swatch-chip:has(>.mt-thumb-art[style]:not([style=""])):before{content:"";border-radius:inherit;background:conic-gradient(#d6dae3 25%, #fff 0 50%, #d6dae3 0 75%, #fff 0) 0 0 / 8px 8px;pointer-events:none;position:absolute;inset:1px}.mt-way-chip:has(>.mt-thumb-art[style]:not([style=""])):before{content:"";border-radius:inherit;background:conic-gradient(#d6dae3 25%, #fff 0 50%, #d6dae3 0 75%, #fff 0) 0 0 / 8px 8px;pointer-events:none;position:absolute;inset:1px}.mt-vtile-art:has(>.mt-thumb-art[style]:not([style=""])):before{content:"";border-radius:inherit;background:conic-gradient(#d6dae3 25%, #fff 0 50%, #d6dae3 0 75%, #fff 0) 0 0 / 8px 8px;pointer-events:none;position:absolute;inset:1px}.mt-layer-thumb:has(>.mt-thumb-art[style]:not([style=""])):before{content:"";border-radius:inherit;background:conic-gradient(#d6dae3 25%, #fff 0 50%, #d6dae3 0 75%, #fff 0) 0 0 / 8px 8px;pointer-events:none;position:absolute;inset:1px}.mt-vgal-active:has(>.mt-thumb-art[style]:not([style=""])):before{content:"";border-radius:inherit;background:conic-gradient(#d6dae3 25%, #fff 0 50%, #d6dae3 0 75%, #fff 0) 0 0 / 8px 8px;pointer-events:none;position:absolute;inset:1px}.mt-vgal-tile:has(>.mt-thumb-art[style]:not([style=""])):before{content:"";border-radius:inherit;background:conic-gradient(#d6dae3 25%, #fff 0 50%, #d6dae3 0 75%, #fff 0) 0 0 / 8px 8px;pointer-events:none;position:absolute;inset:1px}.mt-pgal-art:has(>.mt-thumb-art[style]:not([style=""])):before{content:"";border-radius:inherit;background:conic-gradient(#d6dae3 25%, #fff 0 50%, #d6dae3 0 75%, #fff 0) 0 0 / 8px 8px;pointer-events:none;position:absolute;inset:1px}.mt-swatch{font:inherit;color:var(--ink-muted);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;font-size:12px;display:flex}.mt-swatch-chip{border-radius:var(--radius-md);--thumb-glaze:inset 0 1px 0 #ffffff59, inset 0 0 0 1px #1b234014;height:44px}.mt-swatch:not(.is-on):hover .mt-swatch-chip{--thumb-glaze:inset 0 0 0 1px #1b234014;box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong)}.mt-swatch.is-on{color:var(--ink);font-weight:600}.mt-swatch.is-on .mt-swatch-chip{--thumb-glaze:inset 0 1px 0 #ffffff59;box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}.mt-stops{flex-direction:column;gap:10px;display:flex;position:relative}.mt-slots{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.mt-slot{--slot-color:transparent;aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(var(--slot-color), var(--slot-color)), conic-gradient(#d6dae3 25%, #fff 0 50%, #d6dae3 0 75%, #fff 0) 0 0 / 8px 8px;border:0;min-width:0;padding:0;box-shadow:inset 0 0 0 1px #1b23401f,inset 0 1px #ffffff4d}.mt-slot:hover:not(:disabled){box-shadow:inset 0 0 0 1px #1b23401f, 0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong)}.mt-slot.is-on{box-shadow:inset 0 0 0 1px #1b23401f, 0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}.mt-slot-empty{color:var(--ink-muted);box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0;border:0;place-items:center;display:grid}.mt-slot-empty:disabled{cursor:default;opacity:.55;box-shadow:inset 0 0 0 1px var(--line)}.mt-slot-empty:not(:disabled){box-shadow:inset 0 0 0 1px var(--accent-ring);color:var(--accent-ring)}.mt-stops-strip{height:46px;position:relative}.mt-stops-bar{border-radius:var(--radius-sm);cursor:copy;height:24px;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #1b23401a}.mt-stops-handle{border:2px solid var(--surface);cursor:grab;touch-action:none;width:16px;height:16px;box-shadow:0 0 0 1px #1b234040, var(--shadow-thumb);border-radius:50%;margin-left:-8px;padding:0;position:absolute;top:29px}.mt-stops-handle:before{content:"";background:var(--line-strong);border-radius:1px;width:2px;height:5px;margin-left:-1px;position:absolute;top:-8px;left:50%}.mt-stops-handle.is-on:before{background:var(--accent-ring)}.mt-stops-handle.is-on{box-shadow:0 0 0 2px var(--accent-ring), var(--shadow-thumb)}.mt-stops-handle:active{cursor:grabbing}.mt-stop{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);grid-template-columns:26px minmax(0,1fr) 72px 28px;margin:0 -6px;padding:2px 6px;display:grid}.mt-stop.is-on{background:var(--surface-sunken)}.mt-stop-chip{--slot-color:transparent;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(var(--slot-color), var(--slot-color)), conic-gradient(#d6dae3 25%, #fff 0 50%, #d6dae3 0 75%, #fff 0) 0 0 / 8px 8px;border:0;width:26px;height:26px;padding:0;box-shadow:inset 0 0 0 1px #1b23401f}.mt-stop-hex{color:var(--ink)}.mt-stop-alpha{color:var(--ink-muted)}.mt-stops-popover{top:0;left:0;right:0;translate:0 -4px}.mt-colorfield{position:relative}.mt-colorfield-button{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);width:calc(100% + 12px);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-micro) ease;background:0 0;border:0;margin:0 -6px;padding:2px 6px;display:flex}.mt-colorfield-button:hover,.mt-colorfield-button.is-on{background:var(--surface-sunken)}.mt-colorfield-popover{left:0;right:0}@media (pointer:coarse){.mt-colorfield-button{min-height:44px}}.mt-stops-actions{flex-wrap:wrap;gap:2px;margin:0 -8px;display:flex}.mt-stops-palette{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mt-stops-palette .mt-btn{justify-content:center;min-width:0}.mt-stops-palette .mt-btn.is-open{background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--accent-ring)}.mt-gpresets{animation:mt-reveal var(--dur-reveal) var(--ease-out);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mt-gpreset{border-radius:var(--radius-sm);cursor:pointer;border:0;height:26px;padding:0;position:relative;box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #1b23401a}.mt-gpreset:hover:not(.is-on){box-shadow:inset 0 0 0 1px #1b23401a, 0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong)}.mt-gpreset.is-on{box-shadow:inset 0 1px 0 #ffffff4d, 0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}@media (prefers-reduced-motion:reduce){.mt-gpresets{animation:none}}.mt-rapor{gap:var(--space-2);flex-direction:column;width:100%;margin:0;display:flex}.mt-rapor-tags{justify-content:space-between;align-items:baseline;gap:var(--space-3);font-family:var(--font-mono);color:var(--ink-muted);font-size:11px;line-height:14px;display:flex}.mt-rapor.has-dice{padding-bottom:20px}.mt-rapor-frame{border-radius:calc(var(--radius-lg) + 8px);background:var(--surface);box-shadow:var(--shadow-art);padding:8px;position:relative}.mt-rapor-board{aspect-ratio:3/2;border-radius:var(--radius-lg);width:100%;max-width:100%;position:relative}.mt-rapor-dice{z-index:3;border:3px solid var(--surface);border-radius:var(--radius-full);background:var(--shell);width:36px;height:36px;color:var(--on-shell);cursor:pointer;box-shadow:var(--shadow-thumb);transition:background-color var(--dur-micro) ease, transform var(--dur-micro) ease;place-items:center;margin-left:-18px;padding:0;display:grid;position:absolute;bottom:-18px;left:50%}.mt-rapor-dice:hover{background:var(--shell-hover)}.mt-rapor-dice:active{transform:scale(.94)}.mt-rapor-dice .mt-icon.is-spinning{animation:mt-spin var(--dur-enter) var(--ease-out)}@keyframes mt-spin{0%{transform:rotate(-90deg)}}.mt-rapor-art{border-radius:var(--radius-lg);position:absolute;inset:0;overflow:hidden}.mt-rapor-art:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000014}.mt-rapor-art.has-canvas,.mt-rapor-tile.has-canvas,.mt-export-thumb.has-canvas{background:conic-gradient(#d6dae3 25%, #fff 0 50%, #d6dae3 0 75%, #fff 0) 0 0 / 16px 16px}.mt-rapor-art.has-canvas{background-clip:content-box;padding:1px}.mt-rapor-art.has-canvas.is-opaque,.mt-rapor-tile.has-canvas.is-opaque{background:#fff}.mt-rapor-paint,.mt-export-thumb-art{border-radius:inherit;position:absolute;inset:0}.mt-rapor-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.mt-rapor-canvas.is-pixelated{image-rendering:pixelated}.mt-rapor-grid{border-radius:var(--radius-lg);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:absolute;inset:0;overflow:hidden}.mt-rapor-tile{opacity:.45;display:block;position:relative;overflow:hidden}.mt-rapor-tile.is-rapor{z-index:1;opacity:1}.mt-rapor-tile.is-rapor:after{content:"";box-shadow:inset 0 0 0 2px var(--accent-ring);pointer-events:none;position:absolute;inset:0}.mt-grain{pointer-events:none;mix-blend-mode:overlay;position:absolute;inset:0}.mt-ways{gap:var(--space-2);flex-direction:column;display:flex}.mt-ways-title{color:var(--ink);font-size:12px;font-weight:700}.mt-ways-head{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:28px;margin:-6px -4px -4px 0;display:flex}.mt-ways-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.mt-ways-list{flex-wrap:wrap;gap:10px;display:flex}.mt-way{font:inherit;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:5px;padding:0;font-size:11.5px;display:flex}.mt-way-chip{border-radius:var(--radius-sm);--thumb-glaze:inset 0 1px 0 #ffffff59, inset 0 0 0 1px #1b234014;width:64px;height:36px}.mt-way:not(.is-on):hover .mt-way-chip{--thumb-glaze:inset 0 0 0 1px #1b234014;box-shadow:0 0 0 2px var(--ground), 0 0 0 3px var(--line-strong)}.mt-way.is-on{color:var(--ink);font-weight:600}.mt-way.is-on .mt-way-chip{--thumb-glaze:inset 0 1px 0 #ffffff59;box-shadow:0 0 0 2px var(--ground), 0 0 0 3.5px var(--accent-ring)}.mt-ways.is-collapsible{box-sizing:border-box;min-width:0;max-width:100%;display:block;position:relative}.mt-ways-body{transition:grid-template-rows var(--dur-fold) var(--ease-in-out);grid-template-rows:1fr;display:grid}.mt-ways.is-closed .mt-ways-body{grid-template-rows:0fr}.mt-ways-clip{min-width:0;min-height:0}.mt-ways.is-closed .mt-ways-clip{overflow:hidden}.mt-ways-card{gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-raised);transform-origin:50% 100%;transition:opacity var(--dur-enter) var(--ease-out), transform var(--dur-enter) var(--ease-out), visibility 0s;flex-direction:column;padding:14px 12px 12px;display:flex}.mt-ways.is-closed .mt-ways-card{opacity:0;visibility:hidden;transition:opacity var(--dur-exit) var(--ease-out), transform var(--dur-exit) var(--ease-out), visibility 0s linear var(--dur-exit);transform:translateY(8px)scale(.98)}.mt-ways-card .mt-ways-list{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-wrap:nowrap;gap:8px;margin:-4px;padding:4px;overflow-x:auto}.mt-ways-card .mt-way-chip{width:60px;height:34px}.mt-ways-card .mt-way:not(.is-on):hover .mt-way-chip{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong)}.mt-ways-card .mt-way.is-on .mt-way-chip{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}.mt-ways-fab{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);width:30px;height:30px;color:var(--ink-muted);box-shadow:var(--shadow-raised);cursor:pointer;transition:color var(--dur-micro) ease, background-color var(--dur-micro) ease;place-items:center;padding:0;display:grid}.mt-ways-fab:hover{color:var(--ink);background:var(--surface-sunken)}.mt-ways-fab .mt-icon{transition:transform var(--dur-enter) var(--ease-out)}.mt-ways.is-collapsible>.mt-ways-fab{z-index:1;margin-left:-15px;position:absolute;top:-15px;left:50%}.mt-ways.is-closed>.mt-ways-fab .mt-icon{transform:rotate(180deg)}.mt-ways-sep{background:var(--line);flex:none;align-self:stretch;width:1px;margin:0 2px 16px}.mt-way-mine-strip{z-index:1;border-radius:0 0 var(--radius-sm) var(--radius-sm);height:18%;min-height:4px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -1px #ffffff8c}.mt-way-mine-strip>span{flex:1 1 0}.mt-sample{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-raised);overflow:hidden}.mt-sample-thumb{height:64px;box-shadow:inset 0 1px #ffffff59}.mt-sample dl{gap:6px var(--space-3);padding:var(--space-3);grid-template-columns:auto minmax(0,1fr);margin:0;font-size:12px;display:grid}.mt-sample dt{color:var(--ink-muted)}.mt-sample dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);margin:0;overflow:hidden}.mt-export{width:var(--size-popover);overscroll-behavior:contain;max-width:calc(100vw - 24px);max-height:calc(100dvh - 68px);color:var(--ink);padding:0;font-weight:400;overflow-y:auto}.mt-export-head{align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--line);display:flex}.mt-export-thumb{border-radius:var(--radius-sm);flex:none;width:56px;height:40px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1b23401a,inset 0 1px #ffffff4d}.mt-export-meta{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.mt-export-meta strong{font-size:13px;font-weight:700}.mt-export-meta .mt-mono{color:var(--ink-muted);font-size:11px}.mt-export-body{gap:var(--space-3);padding:var(--space-3);flex-direction:column;display:flex}.mt-export-note{color:var(--ink-muted);align-items:flex-start;gap:6px;margin:0;font-size:12px;line-height:17px;display:flex}.mt-export-note .mt-icon{color:var(--accent-ring);margin-top:1px}.mt-export-share{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background:var(--surface-sunken);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.mt-export-share-chips{border-radius:var(--radius-xs);outline-offset:-1px;outline:1px solid #1b23401f;width:44px;height:28px;display:flex;overflow:hidden}.mt-export-share-chips>span{flex:1 1 0}.mt-export-share-text{min-width:0;color:var(--ink-muted);flex-direction:column;font-size:12px;line-height:16px;display:flex}.mt-export-share-text strong{color:var(--ink);font-size:12.5px;font-weight:600}.mt-export-actions{gap:var(--space-2);padding:0 var(--space-3) var(--space-3);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.mt-code{max-height:180px;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-code);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;color:var(--ink);margin:0;font-size:11.5px;line-height:18px;overflow:auto}.mt-export-tabs{padding:0 var(--space-3)}.mt-code-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin:calc(var(--space-1) * -1) 0 calc(var(--space-2) * -1);display:flex}.mt-code-meta{margin-top:calc(var(--space-2) * -1);color:var(--ink-muted);font-size:11px}.mt-filecard{justify-content:space-between;align-items:center;gap:var(--space-2);padding:10px var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-code);display:flex}.mt-filecard .mt-mono{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mt-filecard-meta{color:var(--ink-muted);flex:none}.mt-zoom{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-raised);align-items:center;gap:2px;padding:3px;display:inline-flex}.mt-zoom .mt-iconbtn{width:30px;height:30px}.mt-zoom-readout{text-align:center;min-width:44px;color:var(--ink)}.mt-zoom-div{background:var(--line);width:1px;height:18px;margin:0 4px}.mt-notice{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);color:var(--ink);align-items:flex-start;gap:10px;display:flex}.mt-notice>.mt-icon{color:var(--accent-ring);margin-top:1px}.mt-notice-danger{background:var(--danger-surface);border-color:#0000}.mt-notice-danger>.mt-icon{color:var(--danger)}.mt-notice-body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.mt-notice-body strong{font-size:13px;font-weight:700}.mt-notice-danger .mt-notice-body strong{color:var(--danger)}.mt-notice-body p{color:var(--ink);margin:0;font-size:12.5px;line-height:18px}@media (max-width:760px){.mt-hide-sm,.mt-topbar-title a,.mt-topbar-sep{display:none}.mt-topbar{gap:var(--space-2)}}.mt-seed{border-radius:var(--radius-full);background:var(--surface);height:22px;box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-mono);color:var(--ink-muted);cursor:pointer;transition:color var(--dur-micro) ease, background-color var(--dur-micro) ease, box-shadow var(--dur-micro) ease;border:0;align-items:center;gap:5px;padding:0 8px 0 9px;font-size:11px;font-weight:400;line-height:14px;display:inline-flex;position:relative}.mt-seed:hover{color:var(--ink);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line-strong)}.mt-seed>.mt-icon{display:grid}.mt-seed>.mt-icon.is-spinning{animation:mt-spin var(--dur-enter) var(--ease-out)}.mt-toast-region{z-index:16;pointer-events:none;position:absolute;top:12px;left:50%;transform:translate(-50%)}.mt-toast-region>.mt-toast{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);height:32px;box-shadow:var(--shadow-art);color:var(--ink);white-space:nowrap;animation:mt-toast-in var(--dur-enter) var(--ease-out);align-items:center;gap:6px;padding:0 14px 0 11px;font-size:13px;font-weight:550;display:inline-flex}.mt-toast-region>.mt-toast>.mt-icon{color:var(--accent-ring)}.mt-toast-region>.mt-toast.is-failed>.mt-icon{color:var(--danger)}@keyframes mt-toast-in{0%{opacity:0;transform:translateY(4px)scale(.98)}}.mt-toast-region>.mt-toast.has-action{pointer-events:auto;max-width:calc(100vw - 32px);padding-right:4px}.mt-toast-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.mt-toast-action{border-radius:var(--radius-full);height:24px;color:var(--ink);font:inherit;cursor:pointer;transition:background-color var(--dur-micro) ease;background:0 0;border:0;flex:none;align-items:center;gap:4px;margin-left:7px;padding:0 10px 0 8px;font-size:12.5px;font-weight:600;display:inline-flex;position:relative}.mt-toast-action:before{content:"";background:var(--line);width:1px;position:absolute;top:4px;bottom:4px;left:-4px}.mt-toast-action:hover{background:var(--surface-sunken)}.mt-toast-action>.mt-icon{color:var(--ink-muted)}@media (pointer:coarse){.mt-toast-action:after{content:"";width:100%;min-width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.mt-toast-action{transition:none}.mt-rapor-dice .mt-icon.is-spinning,.mt-seed>.mt-icon.is-spinning,.mt-toast-region>.mt-toast{animation:none}.mt-seed{transition:none}.mt-rapor-dice:active{transform:none}.mt-rapor-dice,.mt-scroll-bar,.mt-scroll-thumb{transition:none}.mt-popover,.mt-popover[data-state=closed],.mt-section-body.is-entering,.mt-opt-body.is-entering{animation:none}.mt-ways-body,.mt-ways-card,.mt-ways.is-closed .mt-ways-card,.mt-colorfield-button,.mt-ways-fab,.mt-ways-fab .mt-icon,.mt-tl-play,.mt-progress-bar,.mt-sizes-item,.mt-btn,.mt-iconbtn,.mt-seg-item,.mt-tick,.mt-rail-item,.mt-switch-track,.mt-switch-track:after,.mt-section-chevron{transition:none}.mt-btn:active:not(:disabled),.mt-tl-play:active{transform:none}}.skip-link{z-index:100;border-radius:var(--radius-md);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-art);padding:8px 12px;font-weight:600;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus-visible{transform:none}@media (pointer:coarse){.mt-iconbtn,.mt-slot,.mt-way,.mt-tick,.mt-switch,.mt-tl-play{position:relative}.mt-iconbtn:after,.mt-slot:after,.mt-way:after,.mt-tick:after,.mt-switch:after,.mt-stops-handle:after,.mt-ways-fab:after,.mt-ctile:after,.mt-rapor-dice:after,.mt-tl-play:after,.mt-tl-key:after,.mt-seed:after,.mt-gpreset:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mt-ctile{position:relative}}.mt-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button.mt-sfield-value{border-radius:var(--radius-xs);color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;cursor:text;transition:background-color var(--dur-micro) ease;background:0 0;border:0;margin:-2px -5px -2px 0;padding:2px 5px;font-size:12px;line-height:14px}button.mt-sfield-value:hover{background:var(--surface-sunken)}.mt-sfield-edit{box-sizing:border-box;border:1px solid var(--accent-ring);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:2px;height:22px;margin:-3px -1px -3px 0;padding:0 6px;display:inline-flex;box-shadow:0 0 0 3px #1a9a9847}.mt-sfield-edit input{width:52px;color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:0;outline:0;padding:0;font-size:12px}.mt-sfield-edit span{color:var(--ink-muted);font-family:var(--font-mono);font-size:11px}.mt-vselect{flex-direction:column;gap:10px;min-width:0;display:flex}.mt-vselect-search .mt-icon{color:var(--ink-muted)}.mt-vselect-search .mt-field-input{font-family:var(--font-sans);font-size:13px}.mt-vselect-search .mt-field-input::-webkit-search-cancel-button{cursor:pointer}.mt-vselect-body{flex-direction:column;gap:12px;display:flex}.mt-vselect-group{flex-direction:column;gap:6px;display:flex}.mt-vselect-heading{color:var(--ink-muted);font-size:11.5px;line-height:14px}.mt-vselect-grid{grid-template-columns:repeat(var(--cols,3), minmax(0,1fr));gap:10px 8px;display:grid}.mt-vtile{min-width:0;font:inherit;color:var(--ink-muted);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;font-size:12px;display:flex}.mt-vtile-art{border-radius:var(--radius-md);background-color:var(--surface-sunken);--thumb-glaze:inset 0 1px 0 #ffffff59, inset 0 0 0 1px #1b234014;height:44px}.mt-vtile:not(.is-on):hover .mt-vtile-art{--thumb-glaze:inset 0 0 0 1px #1b234014;box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong)}.mt-vtile.is-on{color:var(--ink);font-weight:600}.mt-vtile.is-on .mt-vtile-art{--thumb-glaze:inset 0 1px 0 #ffffff59;box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}.mt-vtile:disabled{opacity:.45;cursor:not-allowed}.mt-vselect-empty{color:var(--ink-muted);margin:0;font-size:12.5px;line-height:18px}.mt-vgal{gap:var(--space-3);grid-template-columns:64px minmax(0,1fr);align-items:start;display:grid;position:relative}.mt-vgal-active{border-radius:var(--radius-md);background-color:var(--surface-sunken);--thumb-glaze:inset 0 1px 0 #ffffff59, inset 0 0 0 1px #1b234014;width:64px;height:64px;display:block;position:relative;overflow:hidden}.mt-vgal-active:after,.mt-vgal-tile:after{content:"";border-radius:inherit;box-shadow:var(--thumb-glaze);pointer-events:none;position:absolute;inset:0}.mt-vgal-side{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.mt-vgal-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--ink);font-size:13px;line-height:18px;overflow:hidden}.mt-vgal-popover{width:auto;max-width:300px;padding:0;left:0;right:0}.mt-vgal-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:6px 6px 6px var(--space-3);border-bottom:1px solid var(--line);display:flex}.mt-vgal-title{color:var(--ink);align-items:baseline;gap:6px;font-size:12.5px;font-weight:700;line-height:18px;display:inline-flex}.mt-vgal-title .mt-mono{color:var(--ink-muted);font-size:11px;font-weight:400}.mt-vgal-body{overscroll-behavior:contain;max-height:300px;padding:var(--space-2) var(--space-3) var(--space-3);overflow-y:auto}.mt-vgal-sections{flex-direction:column;gap:10px;display:flex}.mt-vgal-group{flex-direction:column;gap:6px;display:flex}.mt-vgal-heading{color:var(--ink-muted);font-size:11.5px;line-height:14px}.mt-vgal-grid{grid-template-columns:repeat(var(--cols,5), minmax(0, 1fr));gap:6px;display:grid}.mt-vgal-tile{aspect-ratio:1;border-radius:var(--radius-md);background-color:var(--surface-sunken);cursor:pointer;touch-action:manipulation;--thumb-glaze:inset 0 1px 0 #ffffff59, inset 0 0 0 1px #1b234014;width:100%;transition:box-shadow var(--dur-micro) ease;border:0;padding:0;position:relative}.mt-vgal-tile:not(.is-on):hover{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong)}.mt-vgal-tile.is-on{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}.mt-vgal-tile:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus-ring);outline:none}.mt-vgal-tile:disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.mt-vgal-tile{transition:none}}.mt-imgcolors{flex-direction:column;gap:6px;display:flex}.mt-imgcolors-row{flex-wrap:wrap;gap:8px;display:flex}.mt-imgcolors-dot{border-radius:var(--radius-full);background:var(--swatch);cursor:pointer;touch-action:manipulation;width:16px;height:16px;transition:box-shadow var(--dur-micro) ease;border:0;padding:0;position:relative;box-shadow:inset 0 0 0 1px #1b234024}@media (hover:hover) and (pointer:fine){.mt-imgcolors-dot:not(.is-on):hover{box-shadow:inset 0 0 0 1px #1b234024, 0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong)}}.mt-imgcolors-dot.is-on{box-shadow:inset 0 0 0 1px #1b234024, 0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}.mt-imgcolors-dot:focus-visible{box-shadow:inset 0 0 0 1px #1b234024, 0 0 0 2px var(--surface), 0 0 0 4px var(--focus-ring);outline:none}@media (pointer:coarse){.mt-imgcolors-dot:after{content:"";width:24px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.mt-imgcolors-dot{transition:none}}.mt-pgal{width:100%;max-width:1040px;padding-bottom:var(--space-6);flex-direction:column;flex:none;align-self:flex-start;gap:16px;margin:0 auto;display:flex}.mt-pgal-chips{justify-content:center}.mt-pgal-note{text-align:center;color:var(--ink-muted);margin:-6px 0 0;font-size:12px;line-height:17px}.mt-pgal-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px 14px;display:grid}.mt-pgal-card{min-width:0;font:inherit;color:var(--ink-muted);text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex-direction:column;gap:7px;padding:0;display:flex}.mt-pgal-card:focus-visible{outline:none}.mt-pgal-art{aspect-ratio:3/2;border-radius:var(--radius-lg);background-color:var(--surface-sunken);box-shadow:var(--shadow-raised);transition:box-shadow var(--dur-micro) ease;display:block;position:relative;overflow:hidden}.mt-pgal-art:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #1b234014}.mt-pgal-card:not(.is-on):hover .mt-pgal-art{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong), var(--shadow-raised)}.mt-pgal-card.is-on .mt-pgal-art{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}.mt-pgal-card:focus-visible .mt-pgal-art{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus-ring)}.mt-pgal-name{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;color:var(--ink);-webkit-box-orient:vertical;font-size:12.5px;line-height:16px;display:-webkit-box;overflow:hidden}.mt-pgal-card.is-on .mt-pgal-name{font-weight:600}@container (max-width:520px){.mt-pgal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.mt-chips.mt-pgal-chips{scrollbar-width:none;margin-inline:calc(-1 * var(--space-2));padding:2px var(--space-2);flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.mt-pgal-chips .mt-chip{flex:none}}@media (prefers-reduced-motion:reduce){.mt-pgal-art{transition:none}}.mt-imgfield{flex-direction:column;gap:10px;min-width:0;display:flex}.mt-drop{box-sizing:border-box;border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:92px;color:var(--ink);font:inherit;text-align:center;cursor:pointer;transition:background-color var(--dur-micro) ease, border-color var(--dur-micro) ease;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px 12px;font-size:13px;font-weight:550;display:flex}.mt-drop>.mt-icon{color:var(--ink-muted);margin-bottom:2px}.mt-drop-hint{color:var(--ink-muted);font-size:11.5px;font-weight:400;line-height:14px}.mt-drop:hover{background:var(--surface-sunken)}.mt-drop.is-over{border-color:var(--accent-ring);background:var(--surface-sunken)}.mt-imgfield-row{align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-md);min-width:0;margin:-6px;padding:6px;display:flex}.mt-imgfield-row.is-over{background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--accent-ring)}.mt-imgfield-thumb{border-radius:var(--radius-sm);background:conic-gradient(#d6dae3 25%, #fff 0 50%, #d6dae3 0 75%, #fff 0) 0 0 / 8px 8px;flex:none;place-items:center;width:56px;height:56px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #1b23401f}.mt-imgfield-pic{background:50%/cover no-repeat;width:100%;height:100%;display:block}.mt-imgfield-thumb.is-loading{background:var(--surface-sunken)}.mt-imgfield-thumb.is-missing{background:var(--danger-surface);color:var(--danger)}.mt-imgfield-text{flex-direction:column;flex:auto;gap:1px;min-width:0;padding-top:2px;display:flex}.mt-imgfield-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.mt-imgfield-row.is-missing .mt-imgfield-name{color:var(--danger)}.mt-imgfield-meta{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:11px;line-height:14px;overflow:hidden}.mt-imgfield-actions{flex-wrap:wrap;align-items:center;gap:2px;margin:2px 0 -4px -8px;display:flex}.mt-imgfield-note{color:var(--ink-muted);gap:6px;margin:0;font-size:12px;line-height:17px;display:flex}.mt-imgfield-note>.mt-icon{margin-top:1.5px}.mt-imgfield-note.is-danger{color:var(--danger)}.mt-imgfield-samples{flex-direction:column;gap:6px;display:flex}.mt-imgfield-sample-list{flex-wrap:wrap;gap:8px;display:flex}.mt-imgsample{border-radius:var(--radius-sm);background:var(--surface-sunken);cursor:pointer;border:0;width:40px;height:40px;padding:0;overflow:hidden;box-shadow:inset 0 0 0 1px #1b23401f}.mt-imgsample:not(.is-on):hover{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong)}.mt-imgsample.is-on{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}.mt-cdrop{flex-direction:column;align-items:center;gap:14px;width:100%;min-width:0;display:flex}.mt-cdrop-zone{width:100%;aspect-ratio:var(--ratio,1.5);box-sizing:border-box;border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center;cursor:pointer;touch-action:manipulation;min-height:160px;transition:background-color var(--dur-micro) ease, border-color var(--dur-micro) ease;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:relative}.mt-cdrop-zone:hover{background:var(--surface-sunken)}.mt-cdrop-zone.is-over{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.mt-cdrop-zone.is-over .mt-cdrop-title,.mt-cdrop-zone.is-over .mt-cdrop-hint{color:var(--on-accent)}.mt-cdrop-zone.is-over .mt-btn-secondary{background:var(--on-accent);color:var(--accent);border-color:#0000}.mt-cdrop-zone[aria-busy=true]{cursor:progress}.mt-cdrop-mark{border-radius:var(--radius-full);background:var(--surface-sunken);width:44px;height:44px;color:var(--ink-muted);transition:color var(--dur-micro) ease, background-color var(--dur-micro) ease;place-items:center;display:grid}.mt-cdrop-zone:hover .mt-cdrop-mark{background:var(--surface)}.mt-cdrop-zone.is-over .mt-cdrop-mark{color:var(--on-accent);background:#ffffff29}.mt-cdrop-title{color:var(--ink);margin:0;font-size:13px;font-weight:600;line-height:18px}.mt-cdrop-touch{display:none}.mt-cdrop-sub{color:var(--ink-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:-6px 0 0;font-size:12.5px;line-height:18px;display:flex}.mt-cdrop-sub kbd{border:1px solid var(--line-strong);border-radius:var(--radius-xs);background:var(--surface-sunken);height:20px;font-family:var(--font-mono);color:var(--ink-muted);border-bottom-width:2px;align-items:center;padding:0 5px;font-size:11px;line-height:14px;display:inline-flex}.mt-cdrop-hint{color:var(--ink-muted);margin:0;font-size:11.5px;line-height:14px}.mt-cdrop-error{max-width:420px;color:var(--danger);gap:6px;margin:0;font-size:12px;line-height:17px;display:flex}.mt-cdrop-error>.mt-icon{flex:none;margin-top:1.5px}.mt-cdrop-samples{flex-direction:column;align-items:center;gap:6px;max-width:100%;display:flex}.mt-cdrop-samples-title{color:var(--ink-muted);font-size:11.5px;line-height:14px}.mt-cdrop-sample-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mt-cdrop-sample{border-radius:var(--radius-md);background:var(--surface-sunken) center / cover no-repeat;cursor:pointer;touch-action:manipulation;width:72px;height:48px;transition:box-shadow var(--dur-micro) ease;border:0;flex:none;padding:0;position:relative;box-shadow:inset 0 0 0 1px #1b23401f}.mt-cdrop-sample:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #1b234014}@media (hover:hover) and (pointer:fine){.mt-cdrop-sample:hover{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong)}}.mt-cdrop-sample:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus-ring);outline:none}.mt-cdrop-over{z-index:4;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.mt-cdrop-pill{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);height:34px;box-shadow:var(--shadow-art);color:var(--ink);animation:mt-cdrop-in var(--dur-pop-in) var(--ease-out);align-items:center;gap:8px;padding:0 14px 0 12px;font-size:13px;font-weight:550;line-height:18px;display:inline-flex}.mt-cdrop-pill>.mt-icon{color:var(--accent-ring)}@keyframes mt-cdrop-in{0%{opacity:0;transform:translateY(4px)scale(.97)}}@media (hover:none),(pointer:coarse){.mt-cdrop-drag,.mt-cdrop-sub{display:none}.mt-cdrop-touch{display:inline}.mt-cdrop-sample:before{content:"";width:44px;min-width:100%;height:44px;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@container (max-width:420px){.mt-cdrop-sample{width:48px;height:32px}}@media (prefers-reduced-motion:reduce){.mt-cdrop-zone,.mt-cdrop-mark,.mt-cdrop-sample{transition:none}.mt-cdrop-pill{animation:none}}.mt-layers{flex-direction:column;gap:8px;min-width:0;display:flex}.mt-layers-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.mt-layers-add{position:relative}.mt-layers-pop{padding:6px}.mt-layers-menu{flex-direction:column;gap:2px;min-width:196px;max-height:320px;display:flex;overflow-y:auto}.mt-layers-kind{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);height:36px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-micro) ease;background:0 0;border:0;padding:0 8px;font-size:13px;display:flex}.mt-layers-kind:hover{background:var(--surface-sunken)}.mt-layers-list{flex-direction:column;gap:2px;margin:0 -6px;padding:0;list-style:none;display:flex}.mt-layers-limit{font:400 12px/17px var(--font-sans);color:var(--ink-muted);margin:0}.mt-layer{border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:2px;height:40px;padding:0 4px 0 2px;display:flex;position:relative}.mt-layer.is-on,.mt-layer:not(.is-dragging):hover{background:var(--surface-sunken)}.mt-layers-list.is-sorting{-webkit-user-select:none;user-select:none}.mt-layers-list.is-sorting .mt-layer{transition:transform var(--dur-reveal) var(--ease-out)}.mt-layers-list.is-sorting .mt-layer.is-dragging{z-index:2;background:var(--surface);box-shadow:0 1px 2px #1b234014, 0 18px 48px -12px #1b234052, inset 0 0 0 1px var(--line);transition:none}.mt-layer-grip{border-radius:var(--radius-xs);width:22px;height:30px;color:var(--ink-muted);cursor:grab;touch-action:none;transition:color var(--dur-micro) ease;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.mt-layer-grip:hover:not(:disabled){color:var(--ink)}.mt-layer-grip:disabled{opacity:.35;cursor:default}.mt-layer.is-dragging .mt-layer-grip{cursor:grabbing}.mt-layer-main{align-items:center;gap:var(--space-2);border-radius:var(--radius-xs);min-width:0;height:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;padding:0 4px;font-size:13px;display:flex}.mt-layer-thumb{border-radius:var(--radius-xs);background-color:var(--surface-sunken);--thumb-glaze:inset 0 0 0 1px #1b23401f;flex:none;width:32px;height:22px}.mt-layer.is-on .mt-layer-thumb{--thumb-glaze:none;box-shadow:0 0 0 2px var(--surface-sunken), 0 0 0 3.5px var(--accent-ring)}.mt-layer-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mt-layer.is-on .mt-layer-name{font-weight:600}.mt-layer.is-hidden .mt-layer-thumb,.mt-layer.is-hidden .mt-layer-name{opacity:.45}.mt-layer .mt-iconbtn{width:26px;height:26px}.mt-layer-name.mt-mono{letter-spacing:.01em;text-transform:uppercase;font-size:12px}.mt-layer-lock.is-locked,.mt-layer-lock.is-locked:hover:not(:disabled){color:var(--accent)}:root[data-theme=dark] .mt-layer-lock.is-locked,:root[data-theme=dark] .mt-layer-lock.is-locked:hover:not(:disabled),:root[data-theme=dark] .mt-dims-lock.is-on{color:var(--accent-ring)}.mt-layers-settings{padding-top:var(--space-3);border-top:1px solid var(--line);flex-direction:column;gap:14px;margin-top:4px;display:flex}.mt-layers-settings-title{color:var(--ink);font-size:12.5px;font-weight:600;line-height:18px}.mt-pgallery{flex-direction:column;gap:12px;display:flex}.mt-chips{flex-wrap:wrap;gap:6px;display:flex}.mt-chip{border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);height:24px;color:var(--ink-muted);font:inherit;cursor:pointer;transition:background-color var(--dur-micro) ease, color var(--dur-micro) ease;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:550;display:inline-flex}.mt-chip-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px;font-weight:400}.mt-chip:not(.is-on):hover{background:var(--surface-sunken);color:var(--ink)}.mt-chip.is-on{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-segment);border-color:#0000}.mt-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;display:grid}.mt-field-head{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:18px;display:flex}.mt-swap{width:24px;height:24px;margin:-3px -4px -3px 0}@media (prefers-reduced-motion:reduce){button.mt-sfield-value,.mt-drop,.mt-layers-kind,.mt-layer-grip,.mt-chip,.mt-layers-list.is-sorting .mt-layer{transition:none}}@media (pointer:coarse){.mt-chip,.mt-layer-grip,.mt-imgsample,button.mt-sfield-value{position:relative}.mt-chip:after,.mt-layer-grip:after,.mt-imgsample:after,button.mt-sfield-value:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mt-layer{height:44px}}.mt-topbar-id{align-items:center;gap:10px;min-width:0;display:flex}.mt-topbar-title strong{text-overflow:ellipsis;min-width:0;overflow:hidden}.mt-topbar-code{border-radius:var(--radius-xs);height:20px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--on-shell);white-space:nowrap;background:#ffffff24;border:0;flex:none;align-items:center;gap:4px;padding:0 6px 0 7px;font-size:11px;line-height:14px;display:inline-flex;position:relative}button.mt-topbar-code{cursor:pointer;transition:background-color var(--dur-micro) ease}button.mt-topbar-code .mt-icon{opacity:.7;transition:opacity var(--dur-micro) ease}button.mt-topbar-code:hover{background:#ffffff3d}button.mt-topbar-code:hover .mt-icon{opacity:1}@media (max-width:760px){.mt-topbar{padding-right:var(--space-2);gap:6px}.mt-topbar-brand{flex-basis:44px}.mt-topbar>.mt-spacer{display:none}.mt-topbar-id{flex-direction:column;flex:auto;justify-content:center;align-items:flex-start;gap:2px}.mt-topbar-title{max-width:100%}.mt-topbar-title strong{font-size:13px;line-height:16px}.mt-topbar-code{height:18px;padding:0 5px 0 6px;font-size:10.5px}.mt-topbar .mt-btn-shell{padding:0 8px}.mt-topbar .mt-btn-share{padding:0 12px}}.mt-rapor-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-sans);color:var(--ink);font-size:12.5px;font-weight:600;overflow:hidden}.mt-rapor-size{flex:none;margin-left:auto}.mt-rapor-note{text-wrap:pretty;min-width:0;font:400 11.5px/14px var(--font-sans);color:var(--ink-muted);flex:14ch}.mt-context-figure{gap:var(--space-2);flex-direction:column;width:100%;height:100%;margin:0;display:flex}.mt-context{--split:50%;border-radius:var(--radius-lg);background:linear-gradient(to bottom, #fff 0 var(--split), #161c30 var(--split) 100%);min-height:0;box-shadow:var(--shadow-art);flex:auto;position:relative;overflow:hidden;container-type:size}.mt-context-scene{position:absolute;inset:0}.mt-context-page{flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;padding:clamp(24px,7cqw,80px);display:flex;position:absolute;inset:0}.mt-context-page h2{letter-spacing:-.02em;text-wrap:balance;max-width:30rem;margin:0;font-size:clamp(24px,4.6cqw,48px);font-weight:700;line-height:1.05}.mt-context-page p{text-wrap:pretty;max-width:46ch;margin:0;font-size:15px;line-height:24px}.mt-context-action{border-radius:var(--radius-md);align-items:center;height:40px;margin-top:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.mt-context-page.is-light{color:#1b2340;clip-path:inset(0 0 calc(100% - var(--split)) 0)}.mt-context-page.is-light .mt-context-action{color:#fff;background:#1b2340}.mt-context-page.is-dark{color:#f4f6fa;clip-path:inset(var(--split) 0 0 0)}.mt-context-page.is-dark .mt-context-action{color:#1b2340;background:#f4f6fa}.mt-context-split{left:0;right:0;top:var(--split);cursor:row-resize;touch-action:none;height:24px;margin-top:-12px;position:absolute}.mt-context-line{background:#ffffffeb;height:2px;position:absolute;top:11px;left:0;right:0;box-shadow:0 0 0 1px #1b234029,0 1px 4px #1b234047}.mt-context-handle{z-index:1;right:14px;top:clamp(22px, var(--split), calc(100% - 22px));border:3px solid var(--surface);border-radius:var(--radius-full);background:var(--shell);width:36px;height:36px;color:var(--on-shell);box-shadow:var(--shadow-thumb);cursor:row-resize;touch-action:none;transition:background-color var(--dur-micro) ease;flex-direction:column;justify-content:center;align-items:center;margin-top:-18px;display:flex;position:absolute}.mt-context-handle:hover{background:var(--shell-hover)}.mt-context-handle .mt-icon{margin:-2px 0}.mt-context-handle .mt-icon.is-up{transform:rotate(180deg)}.mt-context-handle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mt-context-tags{right:58px;top:clamp(30px, var(--split), calc(100% - 30px));pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;transform:translateY(-50%)}.mt-context-tag{border-radius:var(--radius-full);align-items:center;height:20px;padding:0 8px;font-size:11.5px;font-weight:600;line-height:14px;display:inline-flex}.mt-context-tag.is-light{color:#1b2340;background:#fff;box-shadow:0 0 0 1px #1b23401f}.mt-context-tag.is-dark{color:#fff;background:#1b2340;box-shadow:0 0 0 1px #ffffff29}@container (max-width:520px){.mt-context-page{gap:10px;padding:20px}.mt-context-page h2{font-size:22px}.mt-context-page p{font-size:13px;line-height:19px}.mt-context-action{height:34px;margin-top:2px;padding:0 14px;font-size:13px}.mt-context-page{padding-right:56px}.mt-context-handle{right:10px}.mt-context-tags{display:none}}@container (max-height:240px){.mt-context-page p{display:none}}.mt-context-note{color:var(--ink-muted);text-align:center;font-size:11.5px;line-height:14px}.mt-swatch{min-width:0}.mt-swatch-name,.mt-vtile-name{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;-webkit-box-orient:vertical;line-height:15px;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.mt-context-handle,button.mt-topbar-code,button.mt-topbar-code .mt-icon{transition:none}}@media (pointer:coarse){.mt-topbar-code:after,.mt-context-handle:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.mt-source{flex-direction:column;gap:10px;min-width:0;display:flex;position:relative}.mt-source-box{position:relative}.mt-source-input{box-sizing:border-box;resize:vertical;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:150px;max-height:360px;color:var(--ink);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;tab-size:2;caret-color:var(--accent-ring);margin:0;padding:9px 10px;font-size:11.5px;line-height:17px;transition:border-color .12s,box-shadow .12s;display:block}.mt-source-input::placeholder{color:var(--ink-muted);font-family:var(--font-sans);word-break:normal;font-size:12.5px;line-height:18px}.mt-source-input:focus-visible{border-color:var(--accent-ring);outline:0;box-shadow:0 0 0 3px #1a9a9847}.mt-source.is-invalid .mt-source-input{border-color:var(--danger)}.mt-source.is-over .mt-source-input{border-style:dashed;border-color:var(--accent-ring)}.mt-source-drop{border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--ink);pointer-events:none;animation:mt-reveal var(--dur-reveal) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex;position:absolute;inset:1px}.mt-source-drop .mt-icon{color:var(--accent-ring)}.mt-source.is-over .mt-source-file{background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--accent-ring)}.mt-source-file{border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;margin:0;padding:8px}.mt-source-bar{justify-content:space-between;align-items:center;gap:4px var(--space-2);min-height:var(--size-segment);flex-wrap:wrap;display:flex}.mt-source-kind{align-items:center;gap:var(--space-2);min-width:0;display:flex}.mt-source-size{color:var(--ink-muted);white-space:nowrap;font-size:11px}.mt-source-hint{color:var(--ink-muted);font-size:11.5px;line-height:14px}.mt-source-actions{align-items:center;gap:2px;margin-right:-8px;display:flex}.mt-source-note>.mt-icon{color:var(--accent-ring)}.mt-source-note.is-warn>.mt-icon{color:var(--ink-muted)}.mt-source-samples{flex-wrap:wrap;gap:6px;display:flex}.mt-source-sample{border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);height:26px;color:var(--ink);font:inherit;cursor:pointer;padding:0 10px;font-size:12px;font-weight:550;transition:background-color .12s,transform .12s}.mt-source-sample:hover{background:var(--surface-sunken)}.mt-source-sample:active{transform:scale(.97)}@media (pointer:coarse){.mt-source-sample{position:relative}.mt-source-sample:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.mt-source-input,.mt-source-sample{transition:none}.mt-source-drop{animation:none}.mt-source-sample:active{transform:none}}.mt-out{box-sizing:border-box;gap:var(--space-3);flex-direction:column;width:100%;min-width:0;min-height:0;display:flex;container:mt-out/inline-size}.mt-out-head{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:24px;display:flex}.mt-out-title{align-items:center;gap:var(--space-2);color:var(--ink);white-space:nowrap;margin:0;font-size:12.5px;font-weight:700;line-height:18px;display:flex}.mt-out-title .mt-icon{color:var(--ink-muted)}.mt-out-summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-muted);font-size:11px;overflow:hidden}.mt-out-body{gap:var(--space-4);flex:auto;grid-template-columns:minmax(200px,248px) minmax(0,1fr);min-height:0;display:grid}.mt-out-list{flex-direction:column;gap:2px;min-width:0;min-height:0;margin:-2px;padding:2px;display:flex;position:relative;overflow-y:auto}.mt-out-row{border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto;align-items:center;transition:background-color .12s;display:grid}.mt-out-row:not(.is-on):hover{background:var(--surface-sunken)}.mt-out-row.is-on{background:var(--accent);box-shadow:var(--shadow-segment)}.mt-out-pick{align-items:baseline;gap:1px var(--space-2);border-radius:var(--radius-sm);min-width:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;padding:6px 2px 6px 10px;display:grid}.mt-out-pick:focus-visible{outline-offset:-2px}.mt-out-row.is-on .mt-out-pick:focus-visible,.mt-out-row.is-on .mt-out-quick:focus-visible{outline-color:var(--on-accent)}.mt-out-name{align-items:center;gap:6px;min-width:0;font-size:12.5px;font-weight:550;line-height:18px;display:flex}.mt-out-name>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mt-out-size{color:var(--ink-muted);white-space:nowrap;font-size:11px}.mt-out-hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-muted);grid-column:1/-1;font-size:11.5px;line-height:14px;overflow:hidden}.mt-out-tag{border-radius:var(--radius-xs);background:var(--surface);height:16px;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-muted);font-family:var(--font-mono);flex:none;align-items:center;padding:0 5px;font-size:10.5px;font-weight:400;display:inline-flex}.mt-out-quick{margin-right:4px}.mt-out-row.is-on .mt-out-name{color:var(--on-accent)}.mt-out-row.is-on .mt-out-size,.mt-out-row.is-on .mt-out-hint{color:#ffffffeb}.mt-out-row.is-on .mt-out-tag{box-shadow:none;color:var(--on-accent);background:#ffffff29}.mt-out-row.is-on .mt-out-quick{color:var(--on-accent)}.mt-out-row.is-on .mt-out-quick:hover{color:var(--on-accent);background:#ffffff29}.mt-out-detail{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.mt-out-detail-head{align-items:baseline;gap:2px var(--space-2);flex-wrap:wrap;display:flex}.mt-out-detail-head strong{color:var(--ink);font-size:13px;font-weight:650;line-height:18px}.mt-out-detail-head span{color:var(--ink-muted);font-size:12px;line-height:16px}.mt-out .mt-code{flex:auto;min-height:88px;max-height:none}.mt-out-meta{color:var(--ink-muted);margin-top:-4px;font-size:11px}.mt-out-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.mt-out-empty{align-items:center;gap:var(--space-2);padding:var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--ink-muted);margin:0;font-size:12.5px;line-height:18px;display:flex}.mt-out-empty .mt-icon{color:var(--accent-ring)}@container mt-out (max-width:560px){.mt-out-head{flex-wrap:wrap;row-gap:2px}.mt-out-summary{flex-basis:100%}.mt-out-body{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.mt-out-list{scrollbar-width:none;flex-direction:row;gap:6px;margin:-2px -16px;padding:2px 16px;overflow:auto visible}.mt-out-list::-webkit-scrollbar{display:none}.mt-out-row{border-radius:var(--radius-full);box-shadow:inset 0 0 0 1px var(--line-strong);flex:none}.mt-out-row.is-on{box-shadow:var(--shadow-segment)}.mt-out-pick{border-radius:var(--radius-full);align-items:center;gap:6px;height:32px;padding:0 12px;display:flex}.mt-out-name{white-space:nowrap;font-size:12.5px}.mt-out-tag,.mt-out-hint,.mt-out-quick{display:none}.mt-out .mt-code{max-height:220px}}@media (pointer:coarse){.mt-out-pick{min-height:44px}.mt-out-quick{position:relative}.mt-out-quick:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.mt-out-row{transition:none}}@media (pointer:coarse){.mt-source-input{font-size:16px}}.mt-topbar-more{display:none;position:relative}.mt-topbar-more .mt-popover :focus-visible{outline-color:var(--focus-ring)}.mt-topbar-menu{min-width:208px;padding:var(--space-1);flex-direction:column;gap:2px;display:flex}.mt-menu-row{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);height:40px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-micro) ease;background:0 0;border:0;padding:0 10px;font-size:13px;text-decoration:none;display:flex}.mt-menu-row:hover{background:var(--surface-sunken)}.mt-menu-row>.mt-icon{color:var(--ink-muted);flex:none}.mt-menu-text{flex:auto;min-width:0}.mt-menu-badge{box-sizing:border-box;border-radius:var(--radius-xs);background:var(--surface-sunken);min-width:22px;height:18px;font-family:var(--font-mono);color:var(--ink-muted);flex:none;place-items:center;padding:0 4px;font-size:11px;line-height:14px;display:inline-grid}.mt-menu-switch{border-radius:var(--radius-full);background:var(--line-strong);flex:none;width:28px;height:16px;transition:background-color .12s;position:relative}.mt-menu-switch:after{content:"";background:var(--surface);width:12px;height:12px;box-shadow:var(--shadow-thumb);border-radius:50%;transition:transform .16s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;left:2px}.mt-menu-row[aria-checked=true] .mt-menu-switch{background:var(--accent)}.mt-menu-row[aria-checked=true] .mt-menu-switch:after{transform:translate(12px)}@media (max-width:760px){.mt-topbar-more{display:block}}@media (prefers-reduced-motion:reduce){.mt-menu-row,.mt-menu-switch,.mt-menu-switch:after{transition:none}}.mt-field.is-invalid{border-color:var(--danger)}.mt-field.is-invalid:focus-within{border-color:var(--danger);box-shadow:0 0 0 3px #b423182e}.mt-textfield-sans{font-family:var(--font-sans);font-size:13px}.mt-textfield-note{color:var(--ink-muted);margin:0;font-size:12px;line-height:17px}.mt-textfield-note.is-danger{color:var(--danger)}.mt-layers-head.is-untitled{justify-content:flex-end}.mt-ci{gap:var(--space-4);min-width:0;color:var(--ink);flex-direction:column;font-size:13px;line-height:18px;display:flex;container:mt-ci/inline-size}.mt-ci-sep{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line);flex-direction:column;display:flex}.mt-ci-heading{margin:0;font-size:12.5px;font-weight:700;line-height:18px}.mt-ci-note{color:var(--ink-muted);text-wrap:pretty;margin:0;font-size:12px;line-height:17px}.mt-ci-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px}.mt-ci-id{gap:var(--space-4);grid-template-columns:72px minmax(0,1fr);align-items:start;display:grid}.mt-ci-swatch{border-radius:var(--radius-md);width:72px;height:72px;box-shadow:inset 0 0 0 1px var(--line)}.mt-ci-name{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:700;line-height:22px}.mt-ci-id.is-compact{gap:var(--space-3);grid-template-columns:32px minmax(0,1fr);align-items:center}.mt-ci-strong{font-weight:650}.mt-ci-muted{color:var(--ink-muted)}.mt-ci-hex{color:var(--ink-muted);font-family:var(--font-mono);text-transform:uppercase;margin-top:2px;font-size:12px}.mt-ci-desc{margin:var(--space-2) 0 0;color:var(--ink-muted);text-wrap:pretty}.mt-ci-values{margin:0 calc(var(--space-2) * -1);flex-direction:column;display:flex}.mt-ci-value{align-items:center;gap:var(--space-2);min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-micro) ease;background:0 0;border:0;grid-template-columns:52px minmax(0,1fr) 16px;display:grid}.mt-ci-value:hover{background:var(--surface-sunken)}.mt-ci-value:active{transform:scale(.99)}.mt-ci-value:focus-visible{outline:2px solid var(--focus-ring);outline-offset:0}.mt-ci-key{color:var(--ink-muted);font-size:11.5px;font-weight:600;line-height:14px}.mt-ci-val{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;overflow:hidden}.mt-ci-copy{color:var(--ink-muted)}.mt-ci-value:hover .mt-ci-copy{color:var(--ink)}.mt-ci-value.is-copied .mt-ci-copy{color:var(--accent-ring)}.mt-ci-rows{flex-direction:column;gap:2px;display:flex}.mt-ci-row{align-items:center;gap:var(--space-2) var(--space-3);grid-template-columns:40px minmax(0,1fr) auto auto;min-height:36px;display:grid}.mt-ci-sample{border-radius:var(--radius-sm);width:40px;height:28px;box-shadow:inset 0 0 0 1px var(--line);place-items:center;font-size:13px;font-weight:650;line-height:1;display:grid}.mt-ci-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mt-ci-ratio{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.mt-ci-level{border-radius:var(--radius-xs);background:var(--surface-sunken);min-width:40px;height:20px;color:var(--ink);font-family:var(--font-mono);white-space:nowrap;justify-content:center;align-items:center;gap:3px;padding:0 6px;font-size:11px;line-height:14px;display:inline-flex}.mt-ci-level.is-fail{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-muted);background:0 0}.mt-ci-inks{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.mt-ci-ink{column-gap:var(--space-2);grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr);align-items:center;display:grid}.mt-ci-ink .mt-ci-sample{grid-row:span 2}.mt-ci-ink-line{align-items:center;gap:var(--space-2);display:flex}.mt-ci-strip{border-radius:var(--radius-md);height:48px;box-shadow:inset 0 0 0 1px var(--line);display:flex;overflow:hidden}.mt-ci-strip button{cursor:pointer;touch-action:manipulation;border:0;flex:1 1 0;min-width:0;padding:0}.mt-ci-strip button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-4px}.mt-ci-title{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700;line-height:22px}.mt-ci-tags{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.mt-ci-tag-row{gap:var(--space-3);grid-template-columns:76px minmax(0,1fr);align-items:baseline;display:grid}.mt-ci-tags dt{color:var(--ink-muted);font-size:12.5px}.mt-ci-tags dd{flex-wrap:wrap;gap:6px;margin:0;display:flex}.mt-ci-chip{border-radius:var(--radius-full);background:var(--surface-sunken);height:24px;color:var(--ink);align-items:center;padding:0 10px;font-size:12px;font-weight:550;line-height:16px;display:inline-flex}.mt-ci-list{margin:0 calc(var(--space-2) * -1);flex-direction:column;display:flex}.mt-ci-item{align-items:center;gap:var(--space-3);min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-micro) ease;background:0 0;border:0;grid-template-columns:24px minmax(0,1fr) auto 16px;display:grid}.mt-ci-item:hover{background:var(--surface-sunken)}.mt-ci-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:0}.mt-ci-dot{border-radius:var(--radius-sm);width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--line)}.mt-ci-dot.is-large{width:32px;height:32px}.mt-ci-item .mt-ci-mono{color:var(--ink-muted);text-transform:uppercase}.mt-ci-item svg{color:var(--ink-muted)}.mt-ci-score{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.mt-ci-cells{gap:3px;display:inline-flex}.mt-ci-cells i{width:10px;height:10px;box-shadow:inset 0 0 0 1.5px var(--line-strong);border-radius:2px}.mt-ci-cells i.is-on{background:var(--ink);box-shadow:none}.mt-ci-score strong{font-size:13px;font-weight:700}.mt-ci-vision{align-items:center;gap:var(--space-1) var(--space-3);grid-template-columns:minmax(84px,auto) minmax(0,1fr) 44px;display:grid}.mt-ci-mini{border-radius:var(--radius-xs);height:20px;box-shadow:inset 0 0 0 1px var(--line);display:flex;overflow:hidden}.mt-ci-mini span{flex:1 1 0}.mt-ci-vision .mt-ci-ratio{color:var(--ink-muted)}.mt-ci-confused{color:var(--ink-muted);grid-column:2/-1;align-items:center;gap:6px;font-size:12px;line-height:16px;display:flex}.mt-ci-confused.is-wide{grid-column:auto}.mt-ci-confused .mt-ci-dot{border-radius:3px;flex:none;width:12px;height:12px}.mt-ci-more{align-self:flex-start}.mt-ci-badge{border-radius:var(--radius-sm);align-content:center;justify-items:center;gap:1px;width:56px;height:40px;display:inline-grid;box-shadow:inset 0 0 0 1px}@supports (color:color-mix(in lab, red, red)){.mt-ci-badge{box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 32%, transparent)}}.mt-ci-badge{font-family:var(--font-sans);pointer-events:none}.mt-ci-badge b{font-size:15px;font-weight:650;line-height:16px}.mt-ci-badge span{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px;line-height:12px}@container mt-ci (max-width:360px){.mt-ci-inks{grid-template-columns:1fr}.mt-ci-vision{grid-template-columns:1fr 44px}.mt-ci-vision .mt-ci-mini{grid-area:2/1/auto/-1}.mt-ci-confused{grid-column:1/-1}}@media (pointer:coarse){.mt-ci-value,.mt-ci-item{min-height:44px}}@media (prefers-reduced-motion:reduce){.mt-ci-value,.mt-ci-item{transition:none}.mt-ci-value:active{transform:none}}.mt-ci-harmonies{flex-direction:column;gap:2px;display:flex}.mt-ci-harmony{align-items:center;gap:var(--space-3);grid-template-columns:136px minmax(0,1fr);min-height:36px;display:grid}.mt-ci-tiles{gap:4px;min-width:0;display:flex}.mt-ci-tiles.is-shades{gap:2px}.mt-ci-tile{border-radius:var(--radius-sm);min-width:0;height:32px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;touch-action:manipulation;border:0;flex:1 1 0;padding:0;position:relative}.mt-ci-tiles.is-shades .mt-ci-tile{border-radius:var(--radius-xs)}.mt-ci-tile:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mt-ci-tile[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring);z-index:1}.mt-ci-tile.is-base:after{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.mt-ci-similar{gap:2px var(--space-3);margin:0 calc(var(--space-2) * -1);grid-template-columns:1fr 1fr;display:grid}.mt-ci-similar .mt-ci-item{grid-template-columns:24px minmax(0,1fr) auto}.mt-ci-similar .mt-ci-item[aria-pressed=true] .mt-ci-dot{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}.mt-ci-pick{bottom:calc(var(--space-4) * -1);z-index:2;align-items:center;gap:var(--space-2);margin:0 calc(var(--space-4) * -1) calc(var(--space-4) * -1);padding:var(--space-2) var(--space-4);border-top:1px solid var(--line);background:var(--surface);display:flex;position:sticky}.mt-ci-pick .mt-ci-dot{width:20px;height:20px}.mt-ci-pick .mt-ci-label{flex:auto}.mt-ci-vars{margin:0 calc(var(--space-2) * -1);flex-direction:column;gap:2px;display:flex}.mt-ci-var{align-items:center;gap:var(--space-3);min-height:40px;padding:4px var(--space-2);border-radius:var(--radius-sm);color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-micro) ease;background:0 0;border:0;grid-template-columns:104px minmax(0,1fr);display:grid}.mt-ci-var:hover{background:var(--surface-sunken)}.mt-ci-var:focus-visible{outline:2px solid var(--focus-ring);outline-offset:0}.mt-ci-var .mt-ci-mini{height:28px}.mt-ci-var[aria-pressed=true] .mt-ci-mini{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}.mt-ci-var[aria-pressed=true] .mt-ci-label{font-weight:650}.mt-ci-mini .is-locked{place-items:center;display:grid}.mt-ci-lock-note{align-items:center;gap:6px;display:flex}@media (pointer:coarse){.mt-ci-tile{height:44px}.mt-ci-var{min-height:48px}}@media (prefers-reduced-motion:reduce){.mt-ci-var{transition:none}}@container mt-ci (max-width:360px){.mt-ci-harmony{grid-template-columns:1fr;gap:4px;padding:4px 0}.mt-ci-similar{grid-template-columns:1fr}}.mt-psl-body{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.mt-psl-search{align-items:center;gap:var(--space-2);height:var(--size-control);padding:0 4px 0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-muted);display:flex}.mt-psl-search:focus-within{border-color:var(--accent-ring);box-shadow:0 0 0 3px #1a9a9847}.mt-psl-search-input{min-width:0;height:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:13px}.mt-psl-search-input::placeholder{color:var(--ink-muted);opacity:1}.mt-psl-search-input::-webkit-search-cancel-button{display:none}.mt-psl-search .mt-iconbtn{width:22px;height:22px}.mt-psl-tags{flex-wrap:wrap;gap:6px;display:flex}.mt-psl-tags.is-folded{max-height:58px;overflow:hidden}.mt-psl-chip{touch-action:manipulation;border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);height:26px;color:var(--ink-muted);font:inherit;cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:0 10px;font-size:12.5px;font-weight:550;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}.mt-psl-chip:hover{background:var(--surface-sunken);color:var(--ink)}.mt-psl-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-segment)}.mt-psl-chip-dashed{border-style:dashed}.mt-psl-meta{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:28px;color:var(--ink-muted);font-size:12.5px;display:flex}.mt-psl-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-muted);font-size:11px}.mt-psl-grid{grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:14px 12px;display:grid}.mt-psl-list{flex-direction:column;gap:12px;display:flex}.mt-psl-card{content-visibility:auto;contain-intrinsic-size:auto 104px;flex-direction:column;gap:6px;min-width:0;display:flex}.mt-psl-strip{touch-action:manipulation;border-radius:var(--radius-md);cursor:pointer;background:var(--surface-sunken);border:0;width:100%;height:64px;padding:0;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #1b23400f}.mt-psl-strip.is-short{height:40px}.mt-psl-strip.is-tall{height:88px}.mt-psl-strip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mt-psl-stripe{min-width:0;transition:flex-grow var(--dur-reveal) var(--ease-in-out);flex:1 1 0;justify-content:center;align-items:flex-end;padding-bottom:6px;display:flex;position:relative}.mt-psl-hex{font-family:var(--font-mono);letter-spacing:.02em;opacity:0;transition:opacity var(--dur-micro) ease, transform var(--dur-micro) var(--ease-out);pointer-events:none;font-size:11px;line-height:14px;transform:translateY(2px)}@media (hover:hover) and (pointer:fine){.mt-psl-strip:hover .mt-psl-stripe:hover{flex-grow:3.2}.mt-psl-strip:hover .mt-psl-stripe:hover .mt-psl-hex{opacity:1;transform:none}}.mt-psl-card-foot{align-items:center;gap:4px;min-width:0;display:flex}.mt-psl-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);flex:1;font-size:12.5px;font-weight:600;line-height:18px;overflow:hidden}.mt-psl-sub{color:var(--ink-muted);font-size:12px;font-weight:400}.mt-psl-toggle[aria-pressed=true],.mt-psl-toggle[aria-pressed=true]:hover{color:var(--accent-ring)}.mt-psl-skeleton{border-radius:var(--radius-md);background:var(--surface-sunken);height:64px}.mt-psl-skeleton-line{border-radius:var(--radius-xs);background:var(--surface-sunken);width:60%;height:10px;margin-top:4px}.mt-psl-empty{align-items:flex-start;gap:var(--space-2);padding:var(--space-4) 0;color:var(--ink-muted);flex-direction:column;font-size:13px;line-height:18px;display:flex}.mt-psl-empty-title{color:var(--ink);font-weight:600}.mt-psl-more{align-self:center}.mt-psl-source{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background:var(--surface-sunken);display:flex}.mt-psl-source .mt-psl-strip{cursor:default;flex:1;height:28px}.mt-psl-inline{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mt-psl-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 4px;display:grid}.mt-psl-row>.mt-psl-strip{grid-column:1/-1}.mt-psl-row-actions{align-items:center;display:flex}@media (hover:hover) and (pointer:fine){.mt-psl-row-actions .mt-psl-reveal{opacity:0;transition:opacity var(--dur-micro) ease}.mt-psl-row:hover .mt-psl-reveal,.mt-psl-row:focus-within .mt-psl-reveal{opacity:1}}.mt-psl-rename{border:1px solid var(--accent-ring);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:26px;color:var(--ink);font:inherit;outline:0;padding:0 6px;font-size:12.5px;font-weight:600;box-shadow:0 0 0 3px #1a9a9847}.mt-psl-collection-head{align-items:center;gap:4px;min-height:28px;display:flex}.mt-psl-collection-title{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;font-weight:700;overflow:hidden}.mt-psl-colors{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;display:grid}.mt-psl-color{flex-direction:column;gap:4px;min-width:0;display:flex}.mt-psl-color-chip{border-radius:var(--radius-md);cursor:pointer;border:0;height:56px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #1b23400f}.mt-psl-color-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mt-psl-color-hex{font-family:var(--font-mono);color:var(--ink-muted);font-size:11px}.mt-psl-save{gap:var(--space-3);flex-direction:column;display:flex}.mt-psl-save-preview{align-items:center;gap:var(--space-2);display:flex}.mt-psl-save-swatch{border-radius:var(--radius-md);flex:none;width:40px;height:40px;box-shadow:inset 0 0 0 1px #1b234014}.mt-psl-text{width:100%;height:var(--size-control);box-sizing:border-box;padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;outline:0;font-size:13px}.mt-psl-text:focus{border-color:var(--accent-ring);box-shadow:0 0 0 3px #1a9a9847}.mt-psl-checks{border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;max-height:168px;display:flex;overflow:auto}.mt-psl-check{align-items:center;gap:var(--space-2);min-height:32px;padding:0 var(--space-2);color:var(--ink);cursor:pointer;font-size:13px;display:flex}.mt-psl-check+.mt-psl-check{border-top:1px solid var(--line)}.mt-psl-check input{width:16px;height:16px;accent-color:var(--accent);margin:0}.mt-psl-check-count{font-family:var(--font-mono);color:var(--ink-muted);margin-left:auto;font-size:11px}.mt-psl-new{gap:var(--space-2);display:flex}.mt-psl-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.mt-psl-export-preview{aspect-ratio:16/9;border-radius:var(--radius-md);width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--line);background:var(--surface);display:block}.mt-psl-pick{gap:var(--space-4);grid-template-columns:240px minmax(0,1fr);display:grid}.mt-psl-pick-side{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.mt-psl-pick-main{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.mt-psl-pick-stage{min-height:220px;max-height:300px;padding:var(--space-2);border-radius:var(--radius-lg);background:var(--surface-sunken);place-items:center;display:grid;position:relative;overflow:hidden}.mt-psl-pick-frame{max-width:100%;max-height:284px;position:relative}.mt-psl-pick-img{border-radius:var(--radius-sm);width:auto;max-width:100%;height:auto;max-height:284px;display:block}.mt-psl-pin{pointer-events:none;width:18px;height:18px;animation:mt-psl-pop var(--dur-enter) var(--ease-out) both;border-radius:50%;margin:-9px 0 0 -9px;position:absolute;box-shadow:0 0 0 2px #fff,0 1px 3px #1b234073}@keyframes mt-psl-pop{0%{opacity:0;transform:scale(.6)}}.mt-psl-bar{border-radius:var(--radius-md);height:48px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #1b23400f}.mt-psl-bar-part{min-width:6px;transition:flex-grow var(--dur-reveal) var(--ease-in-out)}.mt-psl-found{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px 10px;margin:0;padding:0;list-style:none;display:grid}.mt-psl-found li{align-items:center;gap:6px;min-width:0;display:flex}.mt-psl-found-dot{border-radius:var(--radius-xs);flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1px #1b23401f}.mt-psl-found-hex{font-family:var(--font-mono);color:var(--ink);font-size:11px}.mt-psl-found-share{font-family:var(--font-mono);color:var(--ink-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.mt-psl-pick-empty{color:var(--ink-muted);text-align:center;padding:var(--space-4);font-size:13px}.mt-psl-meta-actions{gap:4px;display:flex}.mt-psl-strip.is-static{cursor:default}.mt-psl-compact{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.mt-psl-compact .mt-psl-inline{width:100%}.mt-psl-saved{min-height:100%}.mt-psl-rows,.mt-psl-colors,.mt-psl-found{margin:0;padding:0;list-style:none}.mt-psl-row-checks{grid-column:1/-1;margin-top:4px}.mt-psl-check-add{width:100%;color:var(--brand-text);font:inherit;text-align:left;background:0 0;border:0;font-size:13px;font-weight:550}.mt-psl-check-add:hover{background:var(--surface-sunken)}.mt-psl-check-plain{min-height:28px;padding:0}.mt-psl-color-name{min-width:0;font:inherit;text-align:left;cursor:text;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;padding:0;display:flex}.mt-psl-color-name .mt-psl-name{width:100%}.mt-psl-spacer{flex:1 0 0}.mt-psl-note{color:var(--ink-muted);margin:0;font-size:12.5px;line-height:18px}.mt-psl-export{flex-direction:column;height:min(560px,70dvh);min-height:0;display:flex}.mt-psl-export>*{flex:auto;min-height:0}.mt-psl-export>.mt-psl-share{margin-top:var(--space-3);flex:none}.mt-psl-seeall{margin-left:-8px}@media (max-width:760px){.mt-psl-export{height:auto}.mt-psl-pick{grid-template-columns:minmax(0,1fr)}.mt-psl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (pointer:coarse){.mt-psl-chip{position:relative}.mt-psl-chip:after{content:"";position:absolute;inset:-9px -2px}}@media (prefers-reduced-motion:reduce){.mt-psl-stripe,.mt-psl-hex,.mt-psl-chip,.mt-psl-bar-part,.mt-psl-row-actions .mt-psl-reveal{transition:none}.mt-psl-hex{transform:none}.mt-psl-pin{animation:none}}.mt-ps{background:var(--ground);height:100dvh;color:var(--ink);flex-direction:column;display:flex;overflow:hidden}.mt-ps-body{flex:auto;min-height:0;display:flex}.mt-ps-body>.mt-rail{flex:none}.mt-ps-main{flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.mt-ps-bar{align-items:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-3) 0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--line);flex:none;display:flex}.mt-ps-lead{align-items:center;gap:var(--space-2);display:flex}.mt-ps-hint{margin-left:var(--space-1);color:var(--ink-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.mt-ps-hint kbd,.mt-ps-keys kbd{border:1px solid var(--line-strong);border-radius:var(--radius-xs);background:var(--surface-sunken);min-width:22px;font:11px/16px var(--font-mono);text-align:center;color:var(--ink);border-bottom-width:2px;padding:1px 6px;display:inline-block}.mt-ps-tools{align-items:center;gap:2px;min-width:0;margin-left:auto;display:flex}.mt-ps-div{background:var(--line);flex:none;width:1px;height:20px;margin:0 6px}.mt-ps-tool{border-radius:var(--radius-md);height:32px;color:var(--ink-muted);font:550 12.5px/1 var(--font-sans);cursor:pointer;transition:background-color var(--dur-micro) ease, color var(--dur-micro) ease;background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:0 10px;text-decoration:none;display:inline-flex}.mt-ps-tool:hover,.mt-ps-tool[aria-expanded=true],.mt-ps-tool[aria-pressed=true]{background:var(--surface-sunken);color:var(--ink)}.mt-ps-tool[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--accent-ring)}.mt-ps-tool:active{transform:scale(.97)}.mt-ps-tool:focus-visible,.mt-ps-rulebtn:focus-visible,.mt-ps-vision select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mt-ps-vision{flex:none;align-items:center;display:inline-flex;position:relative}.mt-ps-vision select{appearance:none;border-radius:var(--radius-md);height:32px;color:var(--ink-muted);font:550 12.5px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;padding:0 28px 0 34px}.mt-ps-vision select:hover,.mt-ps-vision.is-on select{background:var(--surface-sunken);color:var(--ink)}.mt-ps-vision.is-on select{box-shadow:inset 0 0 0 1.5px var(--accent-ring)}.mt-ps-vision>.mt-icon{pointer-events:none;color:var(--ink-muted);position:absolute}.mt-ps-vision>.mt-icon:first-child{left:10px}.mt-ps-vision>.mt-icon:last-child{right:9px}@media (max-width:1720px){.mt-ps-tool.is-minor .mt-ps-tl{display:none}.mt-ps-tool.is-minor{padding:0 8px}.mt-ps-vision select,.mt-ps-vision.is-on select{color:#0000;width:56px;padding-right:20px}}@media (max-width:1600px){.mt-ps-tool .mt-ps-tl{display:none}.mt-ps-tool{padding:0 8px}}@media (max-width:1320px){.mt-ps-hint{display:none}}@media (pointer:coarse){.mt-ps-hint{display:none}}.mt-ps-chips{border-radius:var(--radius-md);background:var(--surface-sunken);grid-auto-flow:column;gap:2px;padding:2px;display:inline-grid}.mt-ps-chip{border-radius:var(--radius-sm);height:28px;color:var(--ink-muted);font:550 12.5px/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-micro) ease, color var(--dur-micro) ease;background:0 0;border:0;padding:0 9px}.mt-ps-chip:hover{color:var(--ink)}.mt-ps-chip[aria-checked=true]{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-segment)}.mt-ps-chip:focus-visible,.mt-ps-tonebtn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mt-ps-tonebtn{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);height:30px;color:var(--ink);font:550 12.5px/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-micro) ease;flex:none;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.mt-ps-tonebtn:hover,.mt-ps-tonebtn[aria-expanded=true]{background:var(--surface-sunken)}.mt-ps-tonebtn>.mt-icon{color:var(--ink-muted)}.mt-ps-lead>.mt-ps-rulebtn{display:none}@media (max-width:1180px){.mt-ps-chips,.mt-ps-tonebtn{display:none}.mt-ps-lead>.mt-ps-rulebtn{display:inline-flex}}.mt-ps-rulebtn{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);height:30px;color:var(--ink);font:550 12.5px/1 var(--font-sans);cursor:pointer;transition:background-color var(--dur-micro) ease;flex:none;align-items:center;gap:8px;padding:0 8px 0 4px;display:inline-flex}.mt-ps-rulebtn:hover,.mt-ps-rulebtn[aria-expanded=true]{background:var(--surface-sunken)}.mt-ps-rulebtn>.mt-icon:last-child{color:var(--ink-muted)}.mt-ps-rulename{white-space:nowrap}.mt-ps-rules{outline:none;flex-direction:column;gap:2px;margin:-4px;display:flex}.mt-ps-rule{border-radius:var(--radius-md);cursor:pointer;grid-template-rows:auto auto auto;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:4px 12px;padding:8px 10px 10px 8px;display:grid}.mt-ps-rule.is-active{background:var(--surface-sunken)}.mt-ps-rule[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--surface), inset 0 0 0 3.5px var(--accent-ring)}.mt-ps-rules:focus-visible .mt-ps-rule.is-active{outline:2px solid var(--focus-ring);outline-offset:-2px}.mt-ps-rule>.mt-ps-wheel{grid-area:1/1/4}.mt-ps-rule>:not(.mt-ps-wheel){grid-column:2}.mt-ps-rule-name{align-items:center;gap:6px;font-size:13px;font-weight:650;display:flex}.mt-ps-rule-name .mt-icon{color:var(--accent-ring)}.mt-ps-rule-text{color:var(--ink-muted);text-wrap:pretty;font-size:12px;line-height:16px}.mt-ps-rule-strip{border-radius:var(--radius-xs);height:14px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #1b234014}.mt-ps-rule-strip span{flex:1 1 0}.mt-ps-wheel{flex:none;width:52px;height:52px;display:inline-block;position:relative}.mt-ps-wheel.is-mini{width:22px;height:22px}.mt-ps-wheel-ring{background:conic-gradient(in oklch longer hue, #ed86a7, #ed86a8);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 15px,#000 15.5px);mask:radial-gradient(circle,#0000 15px,#000 15.5px)}@supports (color:lab(0% 0 0)){.mt-ps-wheel-ring{background:conic-gradient(in oklch longer hue, lab(68.2053% 42.8387 .522995), lab(68.2041% 42.8356 .435281))}}.mt-ps-wheel.is-mini .mt-ps-wheel-ring{-webkit-mask:radial-gradient(circle,#0000 6px,#000 6.5px);mask:radial-gradient(circle,#0000 6px,#000 6.5px)}.mt-ps-wheel-dot{background:var(--d);width:10px;height:10px;box-shadow:0 0 0 2px var(--surface), 0 1px 2px #1b234059;transform:rotate(var(--a)) translateY(-19px) rotate(calc(-1 * var(--a)));border-radius:50%;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%}.mt-ps-wheel-dot.is-base{width:12px;height:12px;margin:-6px 0 0 -6px}.mt-ps-wheel-auto{color:var(--ink-muted);place-items:center;display:grid;position:absolute;inset:0}.mt-ps-gen-sec{color:var(--ink-muted);margin:0 0 6px;font-size:12px;font-weight:650}.mt-ps-tones{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 14px;display:grid}.mt-ps-tone{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);min-width:0;color:var(--ink);font:600 12px/1.2 var(--font-sans);text-align:left;cursor:pointer;transition:background-color var(--dur-micro) ease;flex-direction:column;gap:6px;padding:6px 6px 8px;display:flex}.mt-ps-tone:hover{background:var(--surface-sunken)}.mt-ps-tone[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--accent-ring);border-color:#0000}.mt-ps-tone:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mt-ps-tone-strip{border-radius:var(--radius-xs);height:18px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #1b234014}.mt-ps-tone-strip span{flex:1 1 0}.mt-ps-tone-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:flex;overflow:hidden}.mt-ps-tone-name .mt-icon{color:var(--accent-ring);flex:none}.mt-ps-tone-text{color:var(--ink-muted);text-wrap:pretty;margin:-8px 0 12px;font-size:12px;line-height:16px}.mt-ps-cols{flex:auto;min-height:0;display:flex;position:relative}.mt-ps-col{--ink:#fff;min-width:64px;color:var(--ink);-webkit-tap-highlight-color:transparent;outline:none;flex-direction:column;flex:1 1 0;display:flex;position:relative}.mt-ps-col.is-entering,.mt-ps-col.is-leaving{min-width:0;overflow:hidden}.mt-ps-col.is-leaving{pointer-events:none}.mt-ps-real,.mt-ps-sim{background:var(--c);min-height:0;color:var(--ink);transition:background-color .2s ease calc(var(--i) * 12ms);flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;display:flex;position:relative}.mt-ps-real{padding-bottom:clamp(20px,5vh,56px)}.mt-ps-cols.has-sim .mt-ps-real{padding-bottom:clamp(16px,4vh,40px)}.mt-ps-sim{gap:2px;padding-bottom:clamp(16px,4vh,40px)}.mt-ps-sim-hex{font:600 clamp(15px, 1.6vw, 20px)/1.1 var(--font-mono);font-variant-numeric:tabular-nums}.mt-ps-sim-name{opacity:.82;font-size:12px;font-weight:550}.mt-ps-cols.is-live .mt-ps-real,.mt-ps-cols.is-live .mt-ps-sim{transition:none}.mt-ps-col:focus-visible:after{content:"";z-index:2;box-shadow:inset 0 0 0 3px var(--ink);pointer-events:none;position:absolute;inset:0}.mt-ps-acts{margin-bottom:var(--space-6);flex-direction:column;align-items:center;gap:2px;display:flex}.mt-ps-cols.has-sim .mt-ps-acts{margin-bottom:var(--space-3)}.mt-ps-act{border-radius:var(--radius-md);width:40px;height:40px;color:var(--ink);cursor:pointer;opacity:0;transition:opacity var(--dur-reveal) var(--ease-out), transform var(--dur-reveal) var(--ease-out), background-color var(--dur-micro) ease;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative;transform:translateY(4px)}.mt-ps-col.is-on .mt-ps-act,.mt-ps-col:focus-visible .mt-ps-act,.mt-ps-act.is-kept{opacity:1;transform:none}.mt-ps-col:has(:focus-visible) .mt-ps-act{opacity:1;transform:none}.mt-ps-act:hover,.mt-ps-act[aria-expanded=true]{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.mt-ps-act:hover,.mt-ps-act[aria-expanded=true]{background:color-mix(in srgb, var(--ink) 14%, transparent)}}.mt-ps-act:focus-visible{outline:2px solid var(--ink);outline-offset:0}.mt-ps-act:disabled,.mt-ps-col.is-on .mt-ps-act:disabled{opacity:.35;cursor:not-allowed}.mt-ps-act.is-grip{cursor:grab;touch-action:none}@media (hover:hover) and (pointer:fine){.mt-ps-act[data-tip]:hover:after{content:attr(data-tip);border-radius:var(--radius-sm);background:var(--ink);color:var(--c);font:550 11.5px/1.2 var(--font-sans);white-space:nowrap;pointer-events:none;padding:4px 8px;position:absolute;top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.mt-ps-col[data-column="0"] .mt-ps-act[data-tip]:hover:after{left:calc(100% + 6px);right:auto}}.mt-ps-label{text-align:center;flex-direction:column;align-items:center;gap:4px;max-width:calc(100% - 16px);display:flex}.mt-ps-hex{border-radius:var(--radius-sm);color:var(--ink);font:600 clamp(20px, 2.4vw, 30px)/1.1 var(--font-mono);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:2px 6px}.mt-ps-hex:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.mt-ps-hex:hover{background:color-mix(in srgb, var(--ink) 12%, transparent)}}.mt-ps-hex:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.mt-ps-name{text-overflow:ellipsis;white-space:nowrap;opacity:.82;max-width:100%;font-size:13px;font-weight:550;overflow:hidden}.mt-ps-badge{top:var(--space-4);color:var(--ink);position:absolute;left:50%;transform:translate(-50%)}.mt-ps-cols:has(>.mt-ps-banner) .mt-ps-badge{top:60px}.mt-ps-shades{z-index:1;position:absolute;inset:0}.mt-ps-shades-clip{transition:transform var(--dur-enter) var(--ease-out);position:absolute;inset:0;overflow:hidden;transform:none}.mt-ps-shades-list{height:100%;transition:transform var(--dur-enter) var(--ease-out);touch-action:none;flex-direction:column;display:flex;transform:none}@starting-style{.mt-ps-shades-clip{transform:translateY(-100%)}.mt-ps-shades-list{transform:translateY(100%)}}.mt-ps-shades[data-state=closed]{pointer-events:none}.mt-ps-shades[data-state=closed] .mt-ps-shades-clip{transition-duration:var(--dur-exit);transform:translateY(-100%)}.mt-ps-shades[data-state=closed] .mt-ps-shades-list{transition-duration:var(--dur-exit);transform:translateY(100%)}.mt-ps-shade{background:var(--c);min-width:0;min-height:0;box-shadow:0 1px 0 var(--c);color:var(--ink);font:500 11px/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;outline:none;flex:1 1 0;align-items:center;padding:0 0 0 30px;display:flex;position:relative}.mt-ps-shade span{white-space:nowrap;opacity:0;transition:opacity var(--dur-micro) ease}.mt-ps-shade.is-base span,.mt-ps-shade:hover span,.mt-ps-shade:focus-visible span,.mt-ps-shade[aria-expanded=true] span{opacity:1}.mt-ps-shade.is-base:before{content:"";background:var(--ink);border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:14px}.mt-ps-shade:focus-visible,.mt-ps-shade.is-touched{z-index:1;box-shadow:inset 0 0 0 2px var(--ink)}.mt-ps-shade[aria-expanded=true]{z-index:1;box-shadow:inset 0 0 0 2px var(--accent-ring), inset 0 0 0 3.5px var(--surface)}.mt-ps-shade-read{z-index:5;left:50%;top:var(--at);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);height:28px;color:var(--ink);box-shadow:var(--shadow-art);font:500 12px/1 var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;align-items:center;gap:6px;padding:0 10px 0 6px;display:inline-flex;position:absolute;transform:translate(-50%,calc(-100% - 28px))}.mt-ps-shade-read i{background:var(--c);border-radius:50%;flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 1px #1b234024}.mt-ps-col.is-shading .mt-ps-acts{z-index:2;isolation:isolate;position:relative}.mt-ps-col.is-shading .mt-ps-acts:before{content:"";z-index:-1;border-radius:var(--radius-lg);background:var(--c);box-shadow:var(--shadow-art);opacity:0;transition:opacity var(--dur-reveal) var(--ease-out);pointer-events:none;position:absolute;inset:-4px}.mt-ps-col.is-shading.is-on .mt-ps-acts:before{opacity:1}.mt-ps-col.is-shading:has(:focus-visible) .mt-ps-acts:before{opacity:1}.mt-ps-col.is-shading:not(.is-on):not(:has(:focus-visible)) .mt-ps-act.is-kept{opacity:0}.mt-ps-col.has-shades .mt-ps-label,.mt-ps-col.has-shades .mt-ps-badge{visibility:hidden}@media (pointer:coarse){.mt-ps-tpick-acts .mt-btn{position:relative}.mt-ps-tpick-acts .mt-btn:after{content:"";position:absolute;inset:-9px -3px}}.mt-ps-tpick{align-items:center;gap:10px;margin-bottom:12px;display:flex}.mt-ps-tpick-sw{border-radius:var(--radius-md);flex:none;width:36px;height:36px;box-shadow:inset 0 0 0 1px #1b23401f}.mt-ps-tpick-hex{font:500 14px/1 var(--font-mono);font-variant-numeric:tabular-nums}.mt-ps-tpick-acts{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mt-ps-seams{z-index:3;pointer-events:none;position:absolute;inset:0}.mt-ps-seams.is-busy{display:none}.mt-ps-seam{top:0;bottom:0;left:var(--at);pointer-events:auto;place-items:center;width:48px;margin-left:-24px;display:grid;position:absolute}.mt-ps-plus{background:var(--surface);width:36px;height:36px;color:var(--ink);box-shadow:var(--shadow-art);cursor:pointer;opacity:0;transition:opacity var(--dur-pop-in) var(--ease-out), transform var(--dur-pop-in) var(--ease-out);border:0;border-radius:50%;place-items:center;padding:0;display:grid;transform:scale(.85)}.mt-ps-seam:hover .mt-ps-plus,.mt-ps-plus:focus-visible,.mt-ps-seam.is-shown .mt-ps-plus{opacity:1;transform:none}.mt-ps-plus:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mt-ps-ends{z-index:3;pointer-events:none;position:absolute;inset:0}.mt-ps-ends.is-busy{display:none}.mt-ps-edge{pointer-events:auto;place-items:center;width:48px;display:grid;position:absolute;top:0;bottom:0}.mt-ps-edge.is-start{left:0}.mt-ps-edge.is-end{right:0}.mt-ps-edge .mt-ps-plus{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mt-ps-edge:hover .mt-ps-plus,.mt-ps-edge.is-shown .mt-ps-plus,.mt-ps-edge.is-holding .mt-ps-plus{opacity:1;transform:none}.mt-ps-edge.is-holding .mt-ps-plus{background:var(--surface-sunken);transform:scale(.94)}.mt-ps-edge-tip{border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-raised);font:550 11.5px/1.2 var(--font-sans);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-micro) ease;padding:4px 8px;position:absolute;top:calc(50% + 26px)}.mt-ps-edge-tip b{font-variant-numeric:tabular-nums;font-weight:700}.mt-ps-edge.is-start .mt-ps-edge-tip{left:6px}.mt-ps-edge.is-end .mt-ps-edge-tip{right:6px}.mt-ps-edge.is-holding .mt-ps-edge-tip{opacity:1}@media (hover:hover) and (pointer:fine){.mt-ps-edge:hover .mt-ps-edge-tip{opacity:1}}.mt-ps-banner{top:var(--space-3);z-index:5;align-items:center;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-raised);color:var(--ink);white-space:nowrap;animation:mt-ps-in var(--dur-enter) var(--ease-out);padding:4px 4px 4px 12px;font-size:12.5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.mt-ps-notice{z-index:15;width:min(520px,100% - 32px);box-shadow:var(--shadow-art);position:absolute;top:12px;left:50%;transform:translate(-50%)}.mt-ps-scrim{z-index:60;background:var(--scrim);animation:mt-ps-in var(--dur-enter) var(--ease-out);position:absolute;inset:0}.mt-ps-scrim[data-state=closed]{animation:mt-ps-out var(--dur-exit) var(--ease-out) forwards;pointer-events:none}.mt-ps-frame{z-index:61;box-sizing:border-box;border:1px solid var(--line);background:var(--surface);max-height:calc(100% - 16px);color:var(--ink);flex-direction:column;display:flex;position:absolute;box-shadow:0 1px 2px #1b234014,0 18px 48px -12px #1b234052}.mt-ps-frame.is-dialog{width:min(var(--w), calc(100% - 32px));border-radius:var(--radius-lg);max-height:calc(100% - 32px);animation:mt-ps-pop var(--dur-pop-in) var(--ease-out);top:50%;left:50%;translate:-50% -50%}.mt-ps-frame.is-drawer{max-height:none;width:min(var(--w), 100%);animation:mt-ps-slide var(--dur-enter) var(--ease-out);border-width:0 0 0 1px;top:0;bottom:0;right:0}.mt-ps-frame.is-popover{width:min(var(--w), calc(100% - 16px));border-radius:var(--radius-lg);transform-origin:0 0;animation:mt-ps-pop var(--dur-pop-in) var(--ease-out);top:8px;right:8px}.mt-ps-frame.is-placing{opacity:0}.mt-ps-frame:focus{outline:none}.mt-ps-frame.is-sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85%;padding-bottom:env(safe-area-inset-bottom);animation:mt-ps-sheet var(--dur-enter) var(--ease-out);border-width:1px 0 0;bottom:0;left:0;right:0}.mt-ps-frame[data-state=closed]{pointer-events:none}.mt-ps-frame.is-dialog[data-state=closed],.mt-ps-frame.is-popover[data-state=closed]{animation:mt-ps-pop-out var(--dur-pop-out) var(--ease-out) forwards}.mt-ps-frame.is-drawer[data-state=closed]{animation:mt-ps-slide-out var(--dur-exit) var(--ease-out) forwards}.mt-ps-frame.is-sheet[data-state=closed]{animation:mt-ps-sheet-out var(--dur-exit) var(--ease-out) forwards}@keyframes mt-ps-in{0%{opacity:0}}@keyframes mt-ps-out{to{opacity:0}}@keyframes mt-ps-pop{0%{opacity:0;scale:.97}}@keyframes mt-ps-pop-out{to{opacity:0;scale:.97}}@keyframes mt-ps-slide{0%{opacity:0;transform:translate(24px)}}@keyframes mt-ps-slide-out{to{opacity:0;transform:translate(24px)}}@keyframes mt-ps-sheet{0%{opacity:0;transform:translateY(24px)}}@keyframes mt-ps-sheet-out{to{opacity:0;transform:translateY(24px)}}.mt-ps-fhead{align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--line);flex:none;display:flex}.mt-ps-fhead h2{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-size:15px;font-weight:700;line-height:20px;overflow:hidden}.mt-ps-fbody{overscroll-behavior:contain;min-height:0;padding:var(--space-4);flex:auto;overflow:auto}.mt-ps-ffoot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);flex:none;display:flex}.mt-ps-pending{gap:var(--space-2);padding:var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--ink-muted);flex-direction:column;font-size:13px;line-height:19px;display:flex}.mt-ps-pending strong{color:var(--ink);font-size:13px}.mt-ps-skeleton{flex-direction:column;gap:10px;display:flex}.mt-ps-skeleton span{border-radius:var(--radius-xs);background:var(--surface-sunken);height:14px}.mt-ps-skeleton span:nth-child(2){width:72%}.mt-ps-skeleton span:nth-child(3){width:48%}.mt-ps-adjust{flex-direction:column;gap:14px;display:flex}.mt-ps-note{color:var(--ink-muted);margin:0;font-size:12px;line-height:17px}.mt-ps-keys{gap:8px var(--space-4);grid-template-columns:minmax(0,1fr) auto;margin:0;font-size:13px;display:grid}.mt-ps-keyrow{display:contents}.mt-ps-keys dd{gap:4px;margin:0;display:flex}.mt-ps-legacy{justify-content:center;align-items:center;gap:var(--space-3);min-height:100dvh;padding:var(--space-8) var(--space-4);background:var(--ground);color:var(--ink);text-align:center;flex-direction:column;display:flex}.mt-ps-legacy h1{margin:0;font-size:18px;font-weight:700;line-height:24px}.mt-ps-legacy p{margin:0 0 var(--space-2);max-width:44ch;color:var(--ink-muted);font-size:13px;line-height:18px}.mt-ps-legacy .mt-btn{text-decoration:none}@media (max-width:760px){.mt-ps-body>.mt-rail{display:none}.mt-ps-main{flex-direction:column-reverse}.mt-ps-bar{min-height:64px;padding:6px var(--space-2) max(6px, env(safe-area-inset-bottom));border-bottom:0;border-top:1px solid var(--line);gap:4px}.mt-ps-rulebtn{height:44px}.mt-ps-rulename{text-overflow:ellipsis;max-width:64px;overflow:hidden}.mt-ps-hint,.mt-ps-div{display:none}.mt-ps-tools{scrollbar-width:none;scroll-snap-type:x proximity;flex:auto;padding:0 10px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 18px),#0000)}.mt-ps-tools::-webkit-scrollbar{display:none}.mt-ps-tool{scroll-snap-align:start;justify-content:center;width:44px;height:44px;padding:0}.mt-ps-tool .mt-ps-tl{display:none}.mt-ps-vision select,.mt-ps-vision.is-on select{color:#0000;width:56px;height:44px}.mt-ps-cols{flex-direction:column}.mt-ps-col{flex-direction:row;min-width:0;min-height:52px}.mt-ps-col.is-entering,.mt-ps-col.is-leaving{min-height:0}.mt-ps-real{min-width:0;padding:0 var(--space-2) 0 var(--space-4);flex-direction:row;justify-content:space-between;align-items:center}.mt-ps-cols.has-sim .mt-ps-real{padding-bottom:0}.mt-ps-sim{padding:0 var(--space-3);flex-direction:row;flex:0 0 38%;justify-content:flex-start;align-items:center;gap:8px}.mt-ps-sim-name{display:none}.mt-ps-label{text-align:left;order:-1;align-items:flex-start;gap:2px;max-width:60%}.mt-ps-hex{padding:0;font-size:20px}.mt-ps-name{font-size:12px}.mt-ps-acts,.mt-ps-cols.has-sim .mt-ps-acts{flex-direction:row;flex:auto;justify-content:flex-end;gap:0;min-width:0;margin:0}.mt-ps-act{flex:0 44px;width:auto;min-width:0;height:44px}.mt-ps-col.is-on .mt-ps-real{padding-left:var(--space-1)}.mt-ps-act:not(.is-kept){display:none}.mt-ps-col.is-on .mt-ps-act{display:grid}.mt-ps-col:has(:focus-visible) .mt-ps-act{display:grid}.mt-ps-col.is-on .mt-ps-label,.mt-ps-col.is-on .mt-ps-sim{display:none}.mt-ps-seam{top:var(--at);width:auto;height:48px;margin:-24px 0 0;bottom:auto;left:0;right:0}.mt-ps-edge{width:auto;height:48px;padding-right:var(--space-1);justify-items:end;left:0;right:0}.mt-ps-edge.is-start{top:0;bottom:auto}.mt-ps-edge.is-end{top:auto;bottom:0}.mt-ps-edge .mt-ps-edge-tip,.mt-ps-edge.is-start .mt-ps-edge-tip,.mt-ps-edge.is-end .mt-ps-edge-tip{top:50%;left:auto;right:56px;transform:translateY(-50%)}.mt-ps-cols.has-ends .mt-ps-col.is-on.is-first .mt-ps-acts,.mt-ps-cols.has-ends .mt-ps-col.is-on.is-last .mt-ps-acts{margin-right:48px}.mt-ps-badge{top:50%;left:auto;right:var(--space-2);transform:translateY(-50%)}.mt-ps-col.is-on .mt-ps-badge,.mt-ps-cols.has-sim .mt-ps-badge{display:none}.mt-ps-shades{z-index:3}.mt-ps-shades-list{flex-direction:row}@starting-style{.mt-ps-shades-clip{transform:translate(-100%)}.mt-ps-shades-list{transform:translate(100%)}}.mt-ps-shades[data-state=closed] .mt-ps-shades-clip{transform:translate(-100%)}.mt-ps-shades[data-state=closed] .mt-ps-shades-list{transform:translate(100%)}.mt-ps-shade{box-shadow:1px 0 0 var(--c);justify-content:center;padding:0}.mt-ps-shade span{display:none}.mt-ps-shade.is-base:before{width:6px;height:6px;margin:-3px 0 0 -3px;left:50%}.mt-ps-shade-read{left:clamp(56px, var(--at), calc(100% - 56px));top:0;transform:translate(-50%,calc(-100% - 8px))}.mt-ps-col.is-shading .mt-ps-acts:before{display:none}.mt-ps-banner{top:auto;bottom:var(--space-2);white-space:normal;max-width:calc(100% - 24px)}}@media (pointer:coarse){.mt-ps-hex{min-height:44px}.mt-ps-plus{width:44px;height:44px}}@media (min-width:761px){.mt-ps-real{container:mt-ps-real/size}.mt-ps-hex{font-size:clamp(14px,18cqi,30px)}@container mt-ps-real (max-width:100px){.mt-ps-name{display:none}}@container mt-ps-real (max-height:480px){.mt-ps-acts,.mt-ps-cols.has-sim .mt-ps-acts{margin-bottom:var(--space-2);gap:0}.mt-ps-act{width:34px;height:34px}.mt-ps-hex{font-size:clamp(14px,16cqi,24px)}}@container mt-ps-real (max-height:380px){.mt-ps-acts,.mt-ps-cols.has-sim .mt-ps-acts{grid-template-columns:repeat(2,34px);justify-content:center;display:grid}}@container mt-ps-real (max-height:240px){.mt-ps-name{display:none}}.mt-ps-acts{transition:transform var(--dur-reveal) var(--ease-in-out)}@container mt-ps-real (max-width:190px){.mt-ps-col.has-shades .mt-ps-acts{transform:translate(calc(50cqi - 50% - 8px))}.mt-ps-shade{padding-left:18px;font-size:10px}.mt-ps-shade.is-base:before{width:6px;height:6px;margin-top:-3px;left:7px}}@container mt-ps-real (max-width:100px){.mt-ps-shade span{display:none}}}@media (prefers-reduced-motion:reduce){.mt-ps-real,.mt-ps-sim,.mt-ps-act,.mt-ps-plus,.mt-ps-tool,.mt-ps-rulebtn,.mt-ps-edge-tip,.mt-ps-tone,.mt-ps-chip,.mt-ps-tonebtn,.mt-ps-shades-clip,.mt-ps-shades-list,.mt-ps-shade span,.mt-ps-acts,.mt-ps-col.is-shading .mt-ps-acts:before{transition:none}.mt-ps-banner,.mt-ps-scrim,.mt-ps-scrim[data-state=closed],.mt-ps-frame,.mt-ps-frame.is-dialog,.mt-ps-frame.is-drawer,.mt-ps-frame.is-popover,.mt-ps-frame.is-sheet,.mt-ps-frame[data-state=closed],.mt-ps-frame.is-dialog[data-state=closed],.mt-ps-frame.is-drawer[data-state=closed],.mt-ps-frame.is-popover[data-state=closed],.mt-ps-frame.is-sheet[data-state=closed]{animation:none}.mt-ps-tool:active{transform:none}}.mt-plib{grid-template-rows:var(--size-topbar) minmax(0, 1fr);background:var(--ground);height:100dvh;color:var(--ink);display:grid;overflow:hidden}.mt-plib-frame{grid-template-columns:var(--size-rail) var(--size-panel-left) minmax(0, 1fr);min-height:0;display:grid}.mt-plib-panel{overscroll-behavior:contain;border-right:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:0;display:flex;overflow:auto}.mt-plib-panel-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:14px 16px 10px;display:flex}.mt-plib-title{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700;line-height:22px}.mt-plib-group{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:12px 16px 16px;display:flex}.mt-plib-group-head{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:22px;display:flex}.mt-plib-group-title{margin:0;font-size:12.5px;font-weight:700;line-height:18px}.mt-plib-families{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 6px;display:grid}.mt-plib-family{border-radius:var(--radius-sm);min-width:0;height:30px;color:var(--ink);font:inherit;cursor:pointer;text-align:left;touch-action:manipulation;background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:0 6px 0 4px;font-size:12.5px;transition:background-color .12s,border-color .12s;display:flex}.mt-plib-family:hover{background:var(--surface-sunken)}.mt-plib-family[aria-pressed=true]{border-color:var(--accent-ring);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--accent-ring)}.mt-plib-dot{width:14px;height:14px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;flex:none}.mt-plib-family-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mt-plib-family-count,.mt-plib-chip-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-muted);font-size:11px}.mt-plib-family[aria-pressed=true] .mt-plib-family-count{color:var(--ink)}.mt-plib-chip[aria-pressed=true] .mt-plib-chip-count{color:var(--on-accent);opacity:.8}.mt-plib-chip:disabled{opacity:.45;cursor:not-allowed}.mt-plib-counts{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;display:grid}.mt-plib-count-chip{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);height:28px;color:var(--ink-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;padding:0;font-size:12px;transition:background-color .12s,color .12s}.mt-plib-count-chip:hover{background:var(--surface-sunken);color:var(--ink)}.mt-plib-count-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-segment)}.mt-plib-main{overscroll-behavior:contain;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.mt-plib-bar{z-index:1;background:var(--ground);flex-direction:column;gap:10px;padding:12px 24px;display:flex;position:sticky;top:0}.mt-plib-bar-row{align-items:center;gap:var(--space-3);min-width:0;display:flex}.mt-plib-tabs{flex:1;min-width:0}.mt-plib-sort{align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:12.5px;display:flex}.mt-plib-sort .mt-select{width:148px}.mt-plib-active{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mt-plib-pill{border-radius:var(--radius-full);background:var(--surface);height:26px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);align-items:center;gap:4px;padding:0 4px 0 10px;font-size:12.5px;font-weight:550;display:inline-flex}.mt-plib-pill .mt-plib-dot{width:10px;height:10px}.mt-plib-pill .mt-iconbtn{border-radius:var(--radius-full);width:20px;height:20px}.mt-plib-like{align-items:center;gap:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:8px 8px 8px 12px;display:flex}.mt-plib-like .mt-psl-strip{cursor:default;flex:0 200px;height:28px}.mt-plib-like-text{flex:1;min-width:0;font-size:13px}.mt-plib-grid{grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:22px 18px;padding:4px 24px 32px;display:grid}.mt-plib-grid .mt-psl-strip{border-radius:var(--radius-lg);height:104px}.mt-plib-grid .mt-psl-card{contain-intrinsic-size:auto 148px}.mt-plib-grid .mt-psl-skeleton{border-radius:var(--radius-lg);height:104px}.mt-plib-card-meta{align-items:center;gap:6px;min-width:0;display:flex}.mt-plib-card-meta .mt-psl-name{font-size:13px}.mt-plib-n{font-family:var(--font-mono);color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:11px}.mt-plib-more{align-self:center;margin:-8px 0 32px}.mt-plib-empty{align-items:flex-start;gap:var(--space-2);max-width:420px;color:var(--ink-muted);flex-direction:column;padding:32px 24px;font-size:13px;display:flex}.mt-plib-empty-title{color:var(--ink);font-size:16px;font-weight:700}.mt-plib-search{gap:var(--space-2);flex-direction:column;padding:0 16px 14px;display:flex}.mt-plib-list{flex-direction:column;gap:2px;display:flex}.mt-plib-list .mt-psl-rename{margin:2px 0}.mt-plib-group-actions{align-items:center;display:flex}.mt-plib-add{align-self:flex-start;margin-top:4px}.mt-plib-grid{margin:0;list-style:none}.mt-plib-open{border-radius:var(--radius-lg);color:inherit;text-decoration:none;display:block}.mt-plib-open:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mt-psl-row>.mt-plib-open{grid-column:1/-1}.mt-plib-colors{padding:4px 24px 32px}.mt-plib-sheet-close{display:none}.mt-plib .mt-toast-region{display:flex;position:fixed;top:60px;left:0;right:0;transform:none}.mt-plib .mt-toast-region:before,.mt-plib .mt-toast-region:after{content:"";flex:1 1 0;min-width:16px}.mt-plib .mt-toast-region:before{min-width:calc(var(--plib-tabs-end,0px) + 12px)}.mt-plib-gallery-art{aspect-ratio:3/2;box-sizing:border-box;background:var(--surface-sunken);box-shadow:inset 0 -1px 0 var(--line);grid-template-rows:repeat(3,minmax(0,1fr));gap:6px;padding:14px;display:grid}.mt-plib-gallery-art>span{border-radius:var(--radius-md);display:flex;overflow:hidden}.mt-plib-gallery-art>span>i{flex:1}.mt-plib-filters-btn,.mt-plib-sheet-foot{display:none}@media (max-width:760px){.mt-plib-frame{grid-template-columns:minmax(0,1fr)}.mt-plib-frame>.mt-rail{display:none}.mt-plib-panel{z-index:3;border-radius:var(--radius-lg) var(--radius-lg) 0 0;visibility:hidden;max-height:85dvh;transition:transform var(--dur-enter) var(--ease-out), visibility 0s linear var(--dur-enter);padding-bottom:env(safe-area-inset-bottom);border-right:0;position:fixed;inset:auto 0 0;transform:translateY(100%);box-shadow:0 -18px 48px -12px #1b234052}.mt-plib-panel.is-open{visibility:visible;transition:transform var(--dur-enter) var(--ease-out);transform:none}.mt-plib-scrim{z-index:2;background:var(--scrim);position:fixed;inset:0}.mt-plib-sheet-close{display:inline-flex}.mt-plib-sheet-foot{border-top:1px solid var(--line);background:var(--surface);margin-top:auto;padding:12px 16px;display:flex;position:sticky;bottom:0}.mt-plib-filters-btn{display:inline-flex}.mt-plib-bar{padding:10px 16px}.mt-plib-bar-row{gap:var(--space-2);flex-wrap:wrap}.mt-plib-tabs{flex-basis:100%}.mt-plib-filters-btn{margin-right:auto}.mt-plib-sort-label{display:none}.mt-plib-sort .mt-select{width:128px}.mt-plib-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:4px 16px 24px}.mt-plib-colors{padding:4px 16px 24px}.mt-plib .mt-toast-region{top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:block;left:50%;right:auto;transform:translate(-50%)}.mt-plib .mt-toast-region:before,.mt-plib .mt-toast-region:after{content:none}.mt-plib-grid .mt-psl-strip,.mt-plib-grid .mt-psl-skeleton{height:72px}}@media (pointer:coarse){.mt-plib-family,.mt-plib-count-chip{min-height:36px}}@media (prefers-reduced-motion:reduce){.mt-plib-family,.mt-plib-count-chip,.mt-plib-panel,.mt-plib-panel.is-open{transition:none}}.mt-psv{gap:var(--space-4);flex-direction:column;min-width:0;display:flex;container-type:inline-size}.mt-psv-filters{flex-wrap:wrap;gap:6px;display:flex}.mt-psv-chip{touch-action:manipulation;border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);height:28px;color:var(--ink-muted);font:inherit;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-micro) ease, color var(--dur-micro) ease, border-color var(--dur-micro) ease;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:550;display:inline-flex}.mt-psv-chip:hover{background:var(--surface-sunken);color:var(--ink)}.mt-psv-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-segment)}.mt-psv-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mt-psv-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;opacity:.8;font-size:11px;font-weight:400}.mt-psv-roles{border-radius:var(--radius-md);background:var(--surface-sunken);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 10px 10px 12px;display:flex}.mt-psv-role{min-width:0;color:var(--ink-muted);align-items:center;gap:6px;font-size:12px;line-height:16px;display:inline-flex}.mt-psv-swatches{gap:3px;display:inline-flex}.mt-psv-dot{border-radius:var(--radius-xs);width:16px;height:16px;box-shadow:0 0 0 1px var(--line-strong)}.mt-psv-dot.is-borrowed{box-shadow:none;outline:1px dashed var(--ink-muted);outline-offset:1px}.mt-psv-roles-end{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.mt-psv-roles-end .mt-seg{width:132px}.mt-psv-group{flex-direction:column;gap:10px;display:flex}.mt-psv-group+.mt-psv-group{padding-top:var(--space-4);border-top:1px solid var(--line)}.mt-psv-group-head{color:var(--ink);align-items:baseline;gap:8px;margin:0;font-size:12.5px;font-weight:700;line-height:18px;display:flex}.mt-psv-group-note{color:var(--ink-muted);margin:-4px 0 0;font-size:12px;line-height:17px}.mt-psv-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px 12px;display:grid}.mt-psv-card{content-visibility:auto;contain-intrinsic-size:auto 250px;flex-direction:column;gap:6px;min-width:0;display:flex}.mt-psv-thumb{box-sizing:border-box;touch-action:manipulation;aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--surface-sunken);cursor:pointer;width:100%;transition:box-shadow var(--dur-micro) ease, transform var(--dur-micro) ease;border:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1b23400f}.mt-psv-thumb:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mt-psv-thumb:active{transform:scale(.985)}@media (hover:hover) and (pointer:fine){.mt-psv-thumb:hover{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong)}}.mt-psv-thumb.is-object{padding:9%}.mt-psv-art{min-width:0;min-height:0;line-height:0;display:block}.mt-psv-art>svg{width:100%;height:100%;display:block}.mt-psv-art.is-wide{width:100%;height:auto}.mt-psv-art.is-tall{width:auto;height:100%}.mt-psv-thumb.is-object .mt-psv-art,.mt-psv-stage.is-object .mt-psv-art{box-shadow:var(--shadow-art);border-radius:var(--radius-xs)}.mt-psv-art.is-phone{border-radius:9%/4.2%}.mt-psv-skel{box-sizing:border-box;aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--surface-sunken);width:100%}.mt-psv-foot{align-items:center;gap:4px;min-height:28px;display:flex}.mt-psv-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);flex:auto;font-size:12.5px;font-weight:600;line-height:18px;overflow:hidden}.mt-psv-kind{color:var(--ink-muted);font-weight:400}a.mt-psv-open{border-radius:var(--radius-md);height:28px;color:var(--brand-text);white-space:nowrap;transition:background-color var(--dur-micro) ease;align-items:center;gap:4px;padding:0 8px;font-size:12.5px;font-weight:550;text-decoration:none;display:inline-flex}a.mt-psv-open:hover{background:var(--surface-sunken)}a.mt-psv-open:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mt-psv-detail{gap:var(--space-3);animation:mt-psv-in var(--dur-reveal) var(--ease-out);flex-direction:column;display:flex}.mt-psv-detail-head{align-items:center;gap:4px;display:flex}.mt-psv-detail-head .mt-psv-step{font-family:var(--font-mono);color:var(--ink-muted);font-variant-numeric:tabular-nums;margin-left:auto;padding:0 6px;font-size:11px}.mt-psv-stage{box-sizing:border-box;aspect-ratio:4/3;border-radius:var(--radius-lg);background:var(--surface-sunken);place-items:center;width:100%;max-height:62vh;display:grid;overflow:hidden}.mt-psv-stage.is-object{padding:7%}.mt-psv-title{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.mt-psv-title h3{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700;line-height:22px}.mt-psv-meta{color:var(--ink-muted);font-size:12px}.mt-psv-meta .mt-psv-size{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px}.mt-psv-actions{flex-wrap:wrap;gap:8px;display:flex}.mt-psv-note{color:var(--ink-muted);margin:0;font-size:12px;line-height:17px}@keyframes mt-psv-in{0%{opacity:0;transform:translateY(4px)}}.mt-psv-art text[font-family^=Figtree]{font-family:var(--font-sans)}.mt-psv-art text[font-family^=JetBrains]{font-family:var(--font-mono)}img.mt-psv-art{-webkit-user-select:none;user-select:none}.mt-psv-skel{place-items:center;display:grid}.mt-psv-failed{color:var(--ink-muted);font-size:12px}a.mt-psv-btnlink{text-decoration:none}@container (max-width:480px){.mt-psv-filters{scrollbar-width:none;margin:0 calc(-1 * var(--space-4));padding:2px var(--space-4);flex-wrap:nowrap;overflow-x:auto}.mt-psv-filters::-webkit-scrollbar{display:none}.mt-psv-roles-end{justify-content:space-between;width:100%;margin-left:0}.mt-psv-stage{max-height:none}}@media (pointer:coarse){.mt-psv-chip{position:relative}.mt-psv-chip:after{content:"";position:absolute;inset:-8px 0}}@media (prefers-reduced-motion:reduce){.mt-psv-chip,.mt-psv-thumb,a.mt-psv-open{transition:none}.mt-psv-thumb:active{transform:none}.mt-psv-detail{animation:none}}.mt-cpt-layer{z-index:2;pointer-events:none;position:absolute;inset:8px}.mt-cpt{border-radius:var(--radius-full);background:var(--cpt-fill,#fff);width:18px;height:18px;box-shadow:0 0 0 1px #1b234040, var(--shadow-thumb);cursor:grab;touch-action:none;pointer-events:auto;transition:transform var(--dur-micro) ease;border:2px solid #fff;margin:-9px 0 0 -9px;padding:0;position:absolute}.mt-cpt.is-plain:before{content:"";border-radius:var(--radius-full);background:#1b2340;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.mt-cpt:focus-visible,.mt-cpt.is-dragging{z-index:1;box-shadow:0 0 0 2px #fff, 0 0 0 5.5px var(--accent-ring), var(--shadow-thumb);outline:none}.mt-cpt.is-dragging{cursor:grabbing;transform:scale(1.12)}.mt-cpt.is-pinned{border-style:dashed}@media (hover:hover) and (pointer:fine){.mt-cpt:hover:not(:focus-visible):not(.is-dragging){box-shadow:0 0 0 2px #fff, 0 0 0 5px #1b234073, var(--shadow-thumb)}}@media (pointer:coarse){.mt-cpt:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.mt-cpt-toggle[aria-pressed=true],.mt-cpt-toggle[aria-pressed=true]:hover{color:var(--accent)}:root[data-theme=dark] .mt-cpt-toggle[aria-pressed=true],:root[data-theme=dark] .mt-cpt-toggle[aria-pressed=true]:hover{color:var(--accent-ring)}@media (prefers-reduced-motion:reduce){.mt-cpt{transition:none}.mt-cpt.is-dragging{transform:none}}.mt-saved{flex-direction:column;gap:10px;display:flex}.mt-pgallery+.mt-saved{margin-top:14px}.mt-saved-head{align-items:center;gap:var(--space-2);min-height:28px;display:flex}.mt-saved-title{color:var(--ink);margin:0;font-size:12.5px;font-weight:650;line-height:18px}.mt-saved-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-muted);font-size:11px;line-height:14px}.mt-saved-action{margin-left:auto}.mt-saved-form{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:6px;display:grid}.mt-saved-note{color:var(--ink-muted);margin:0;font-size:11.5px;line-height:15px}.mt-saved-card{min-width:0;position:relative}.mt-saved-card>.mt-swatch{width:100%}.mt-saved-more{border-radius:var(--radius-full);background:var(--surface);border:0;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:3px;right:3px}@supports (color:color-mix(in lab, red, red)){.mt-saved-more{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.mt-saved-more{color:var(--ink);box-shadow:var(--shadow-raised);cursor:pointer;opacity:0;transition:opacity var(--dur-micro) ease, background-color var(--dur-micro) ease}.mt-saved-card:hover .mt-saved-more,.mt-saved-card:focus-within .mt-saved-more,.mt-saved-more[aria-expanded=true]{opacity:1}.mt-saved-more:hover{background:var(--surface)}.mt-saved-more:focus-visible{opacity:1;outline:2px solid var(--accent-ring);outline-offset:2px}@media (pointer:coarse){.mt-saved-more{opacity:1}.mt-saved-more:after{content:"";position:absolute;inset:-11px}}.mt-saved-menu{min-width:184px;padding:var(--space-1);flex-direction:column;gap:2px;display:flex}.mt-saved-card:nth-child(3n+1)>.mt-saved-menu{transform-origin:0 0;left:0;right:auto}.mt-saved-card:nth-child(3n+1)>.mt-saved-menu[data-side=top]{transform-origin:0 100%}.mt-saved-rename{box-sizing:border-box;border:1px solid var(--accent-ring);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:26px;color:var(--ink);font:inherit;box-shadow:0 0 0 3px var(--accent-ring);padding:0 6px;font-size:12px;line-height:15px}@supports (color:color-mix(in lab, red, red)){.mt-saved-rename{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-ring) 22%, transparent)}}.mt-saved-rename:focus{outline:0}.mt-saved-unfold{align-self:flex-start}@media (prefers-reduced-motion:reduce){.mt-saved-more{transition:none}}.mt-step{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;height:30px;display:grid}.mt-step .mt-iconbtn{border-radius:5px;width:28px;height:28px}.mt-step-value{box-sizing:border-box;width:100%;min-width:0;height:28px;color:var(--ink);text-align:center;font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:4px;padding:0;font-size:12px}.mt-step-value:focus-visible{outline:2px solid var(--accent-ring);outline-offset:-2px}.mt-step-value:disabled{color:var(--ink-muted)}.mt-pks{flex-direction:column;gap:4px;min-width:0;display:flex}.mt-pks-option{border-radius:var(--radius-md);min-width:0;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:4px;padding:6px 4px;display:flex}.mt-pks-option:focus-visible{outline:2px solid var(--accent-ring);outline-offset:0}.mt-pks-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);font-size:12.5px;line-height:18px;display:flex}.mt-pks-name{overflow-wrap:anywhere;min-width:0}.mt-pks-option.is-on .mt-pks-name{font-weight:700}.mt-pks-count{font-family:var(--font-mono);color:var(--ink-muted);font-variant-numeric:tabular-nums;flex:none;font-size:11px;line-height:14px}.mt-pks-strip{border-radius:var(--radius-sm);background-color:var(--surface-sunken);--thumb-glaze:inset 0 1px 0 #ffffff59, inset 0 0 0 1px #1b234014;height:32px;display:block;position:relative}.mt-pks-strip:after{content:"";border-radius:inherit;box-shadow:var(--thumb-glaze);pointer-events:none;position:absolute;inset:0}.mt-pks-strip.is-long .mt-thumb-art{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.mt-pks-option:not(.is-on):hover .mt-pks-strip{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong)}.mt-pks-option.is-on .mt-pks-strip{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}.mt-pks-empty{border:1px dashed var(--line-strong);background:var(--surface);color:var(--ink-muted);--thumb-glaze:none;place-items:center;font-size:12px;line-height:16px;display:grid}@media (prefers-reduced-motion:no-preference){.mt-pks-strip{transition:box-shadow .12s}}.mt-anchor{--cell:24px;grid-template-columns:repeat(3, calc(var(--cell) * var(--anchor-ratio,1.5)));grid-template-rows:repeat(3, var(--cell));border-radius:var(--radius-md);background:var(--surface-sunken);width:max-content;padding:4px;display:grid}.mt-anchor-cell{border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.mt-anchor-dot{border:1.5px solid var(--line-strong);background:var(--surface);width:10px;height:10px;transition:border-color var(--dur-micro) ease, background-color var(--dur-micro) ease, transform var(--dur-micro) var(--ease-out);border-radius:50%}@media (hover:hover) and (pointer:fine){.mt-anchor-cell:hover .mt-anchor-dot{border-color:var(--ink-muted)}}.mt-anchor-cell[aria-checked=true] .mt-anchor-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 2px var(--surface-sunken), 0 0 0 3.5px var(--accent-ring);transform:scale(1.1)}.mt-anchor-cell:active .mt-anchor-dot{transform:scale(.92)}.mt-anchor-cell:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}@media (pointer:coarse){.mt-anchor{--cell:44px}}@media (prefers-reduced-motion:reduce){.mt-anchor-dot{transition:none}.mt-anchor-cell:active .mt-anchor-dot{transform:none}}.mt-info{vertical-align:middle;display:inline-flex;position:relative}.mt-info-button{width:18px;height:18px;color:var(--ink-muted);cursor:pointer;touch-action:manipulation;transition:color var(--dur-micro) ease, background-color var(--dur-micro) ease;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:relative}.mt-info-button:hover,.mt-info-button[aria-expanded=true]{color:var(--ink);background:var(--surface-sunken)}.mt-info-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}@media (pointer:coarse){.mt-info-button:before{content:"";position:absolute;inset:-13px}}.mt-info-bubble{top:calc(100% + 6px);left:calc(-10px + var(--info-shift,0px));z-index:30;width:max-content;max-width:var(--info-max,236px);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-art);color:var(--ink);text-align:left;white-space:normal;transform-origin:14px 0;animation:mt-info-in var(--dur-pop-in) var(--ease-out);padding:8px 10px;font-size:12.5px;font-weight:400;line-height:18px;position:absolute}.mt-info-bubble:before{content:"";height:8px;position:absolute;bottom:100%;left:-1px;right:-1px}@keyframes mt-info-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}.mt-info-bubble[data-side=up]{transform-origin:14px 100%;animation-name:mt-info-up;top:auto;bottom:calc(100% + 6px)}.mt-info-bubble[data-side=up]:before{top:100%;bottom:auto}@keyframes mt-info-up{0%{opacity:0;transform:translateY(4px)scale(.97)}}.mt-info-label{align-items:center;gap:4px;min-width:0;display:inline-flex}.mt-info-lock[aria-pressed=true]{color:var(--accent)}@media (prefers-reduced-motion:reduce){.mt-info-bubble,.mt-info-bubble[data-side=up]{animation:none}.mt-info-button{transition:none}}.mt-paction-row{flex-wrap:wrap;gap:2px 4px;margin-inline:-8px;display:flex}.mt-paction-key{border:1px solid var(--line-strong);border-radius:var(--radius-xs);background:var(--surface-sunken);font:400 11px/16px var(--font-mono);color:var(--ink-muted);border-bottom-width:2px;margin-left:auto;padding:0 6px}@media (pointer:coarse){.mt-paction-key{display:none}}.mt-paction.is-primary{justify-content:flex-start}.mt-rapor-dice.is-labelled{width:auto;font:600 13px/1 var(--font-sans);white-space:nowrap;grid-auto-flow:column;gap:6px;margin-left:0;padding:0 14px 0 11px;translate:-50%}.mt-swatch-set{gap:var(--space-3);flex-direction:column;display:flex;position:relative}.mt-swatch-group{flex-direction:column;gap:6px;display:flex}.mt-swatch-row{flex-wrap:wrap;gap:6px;display:flex}.mt-swatch-item,.mt-swatch-add{border-radius:var(--radius-full);width:28px;height:28px;font:inherit;cursor:pointer;flex:none;padding:0;position:relative}.mt-swatch-item{background:var(--swatch);transition:box-shadow var(--dur-micro) ease, opacity var(--dur-micro) ease;border:0;box-shadow:inset 0 0 0 1px #1b234024}@media (hover:hover) and (pointer:fine){.mt-swatch-item:hover:not(.is-open){box-shadow:inset 0 0 0 1px #1b234024, 0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong)}}.mt-swatch-item.is-open{box-shadow:inset 0 0 0 1px #1b234024, 0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}.mt-swatch-lock{border-radius:var(--radius-full);background:var(--surface);width:15px;height:15px;color:var(--ink);box-shadow:var(--shadow-thumb);pointer-events:none;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.mt-swatch-add{border:1px dashed var(--line-strong);color:var(--ink-muted);transition:border-color var(--dur-micro) ease, background-color var(--dur-micro) ease, color var(--dur-micro) ease;background:0 0;place-items:center;display:grid}.mt-swatch-add:hover:not(:disabled){border-color:var(--ink-muted);background:var(--surface-sunken);color:var(--ink)}.mt-swatch-add:disabled{opacity:.45;cursor:not-allowed}@media (pointer:coarse){.mt-swatch-item:after,.mt-swatch-add:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.mt-swatch-item.is-ground{border-radius:var(--radius-md)}.mt-swatch-sep{background:var(--line);flex:none;align-self:stretch;width:1px;margin:4px 1px}.mt-swatch-note{color:var(--ink-muted);margin:0;font-size:12px;line-height:17px}.mt-swatch-popover{width:256px}.mt-swatch-actions{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--line);display:flex}.mt-swatch-lockbtn.is-locked,.mt-swatch-lockbtn.is-locked:hover:not(:disabled){color:var(--accent)}:root[data-theme=dark] .mt-swatch-lockbtn.is-locked,:root[data-theme=dark] .mt-swatch-lockbtn.is-locked:hover:not(:disabled){color:var(--accent-ring)}@media (prefers-reduced-motion:reduce){.mt-swatch-item,.mt-swatch-add{transition:none}}.mt-ppick{flex-direction:column;gap:6px;display:flex}.mt-ppick-anchor{position:relative}.mt-ppick-trigger{align-items:center;gap:var(--space-2);width:100%;height:var(--size-control);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-muted);font:inherit;cursor:pointer;transition:border-color var(--dur-micro) ease;padding:0 6px 0 5px;display:flex}.mt-ppick-trigger:hover{border-color:var(--ink-muted)}.mt-ppick-trigger[aria-expanded=true]{border-color:var(--accent-ring);box-shadow:0 0 0 3px #1a9a982e}.mt-ppick-caret{flex:none}.mt-ppick-strip{border-radius:var(--radius-xs);flex:auto;min-width:0;height:18px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #1b234014}.mt-ppick-strip i{background:var(--ppick);flex:1 1 0;min-width:0}.mt-ppick-popover{width:272px;padding:6px}.mt-ppick-list{overscroll-behavior:contain;flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.mt-ppick-popover[data-fit]{flex-direction:column;display:flex;overflow:hidden}.mt-ppick-popover[data-fit] .mt-ppick-filters{flex:none}.mt-ppick-popover[data-fit] .mt-ppick-list{flex:auto;min-height:0;max-height:none}.mt-ppick-row{border-radius:var(--radius-sm);height:32px;color:var(--ink-muted);font:inherit;text-align:left;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 32px;background:0 0;border:0;flex:none;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;padding:0 8px;font-size:12.5px;display:grid}.mt-ppick-row .mt-ppick-strip{height:20px}.mt-ppick-row:hover,.mt-ppick-row:focus-visible{background:var(--surface-sunken);color:var(--ink)}.mt-ppick-row:focus-visible{outline-offset:-2px}.mt-ppick-row.is-on{color:var(--ink);font-weight:600}.mt-ppick-row.is-on .mt-ppick-strip{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}.mt-ppick-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mt-ppick-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:4px;padding:2px 2px 8px;display:flex}.mt-ppick-chip{border-radius:var(--radius-full);background:var(--surface-sunken);height:26px;color:var(--ink-muted);font:inherit;cursor:pointer;border:0;padding:0 10px;font-size:12.5px}.mt-ppick-chip:hover{color:var(--ink)}.mt-ppick-chip[aria-pressed=true]{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-segment)}.mt-ppick-loading{flex-direction:column;gap:8px;padding:8px;display:flex}.mt-ppick-loading span{border-radius:var(--radius-xs);background:var(--surface-sunken);height:20px}.mt-ppick-loading span:nth-child(2){width:82%}.mt-ppick-loading span:nth-child(3){width:64%}.mt-ppick-note{align-items:flex-start;gap:6px;margin:0;padding:8px;font-size:12.5px;line-height:18px;display:flex}.mt-ppick-note.is-error{color:var(--danger)}@media (prefers-reduced-motion:reduce){.mt-ppick-trigger{transition:none}}.mt-sfield-head.has-info{align-items:center;min-height:18px}.mt-sfields{flex-direction:column;gap:6px;display:flex;position:relative}.mt-sfields-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mt-sfields-item{-webkit-user-select:none;user-select:none;touch-action:none;transition:box-shadow var(--dur-micro) ease, opacity var(--dur-micro) ease, transform var(--dur-micro) var(--ease-out)}.mt-swatch-item.is-idle{opacity:.4}.mt-swatch-item.is-idle:hover,.mt-swatch-item.is-idle.is-open,.mt-swatch-item.is-idle:focus-visible{opacity:1}.mt-sfields-item.is-dragging{z-index:2;box-shadow:inset 0 0 0 1px #1b234024, var(--shadow-thumb);cursor:grabbing;transform:scale(1.12)}.mt-sfields-item.is-target{box-shadow:inset 0 0 0 1px #1b234024, 0 0 0 2px var(--surface), 0 0 0 3px var(--ink-muted)}.mt-sfields-refresh{margin-left:auto}.mt-sfields-cap{grid-template-columns:auto auto auto;justify-content:start;align-items:end;gap:6px 12px;display:grid}.mt-sfields-cap .mt-label{white-space:nowrap}.mt-sfields-cap.has-refresh{grid-template-columns:auto auto auto minmax(0,1fr) auto;justify-content:stretch}.mt-swatch-actions.is-end{justify-content:flex-end}.mt-swatch-popover[data-fit] .mt-swatch-actions{bottom:calc(-1 * var(--space-3));z-index:1;margin-inline:calc(-1 * var(--space-3));padding:var(--space-2) var(--space-3) var(--space-3);background:var(--surface);position:sticky}@media (prefers-reduced-motion:reduce){.mt-sfields-item{transition:none}.mt-sfields-item.is-dragging{transform:none}}.mt-import{position:relative}.mt-import-popover{gap:10px;width:272px;display:grid}.mt-import-title{color:var(--ink);margin:0;font-size:12.5px;font-weight:650;line-height:18px}.mt-import-text{box-sizing:border-box;resize:vertical;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:84px;color:var(--ink);font-family:var(--font-mono);padding:7px 8px;font-size:12px;line-height:18px;display:block}.mt-import-text::placeholder{color:var(--ink-muted);opacity:.8}.mt-import-text:focus-visible{border-color:var(--accent-ring);outline:0;box-shadow:0 0 0 3px #1a9a9847}.mt-import-text[aria-invalid=true]{border-color:var(--danger)}.mt-import-status{gap:4px;display:grid}.mt-import-read{min-height:18px;color:var(--ink-muted);align-items:center;gap:6px;font-size:12px;line-height:17px;display:flex}.mt-import-chips{flex-wrap:wrap;gap:3px;display:flex}.mt-import-chips i{border-radius:var(--radius-full);background:var(--chip);width:14px;height:14px;box-shadow:inset 0 0 0 1px #1b234024}.mt-import-skip{color:var(--ink-muted);margin:0;font-size:12px;line-height:17px}.mt-import-bad{color:var(--danger);gap:6px;margin:0;font-size:12px;line-height:17px;display:flex}.mt-import-bad .mt-icon{flex:none;margin-top:1px}.mt-import-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.mt-import-foot{justify-content:flex-end;padding-top:2px;display:flex}.mt-gpick{flex-direction:column;gap:6px;display:flex}.mt-gpick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.mt-gpick-tile{border-radius:var(--radius-sm);background:var(--tile);cursor:pointer;width:100%;height:30px;transition:box-shadow var(--dur-micro) ease;border:0;padding:0;display:block;position:relative;box-shadow:inset 0 0 0 1px #1b23401a,inset 0 1px #ffffff4d}@media (hover:hover) and (pointer:fine){.mt-gpick-tile:hover:not([aria-pressed=true]){box-shadow:inset 0 0 0 1px #1b23401a, 0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong)}}.mt-gpick-tile[aria-pressed=true]{box-shadow:inset 0 0 0 1px #1b23401a, 0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent-ring)}.mt-gpick-more{align-self:flex-start;margin-inline:-8px}@media (pointer:coarse){.mt-gpick-tile:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.mt-gpick-tile{transition:none}}.mt-cselect{position:relative}.mt-cselect-trigger{width:100%;height:var(--size-control);box-sizing:border-box;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-micro) ease;align-items:center;gap:8px;padding:0 8px 0 4px;font-size:13px;display:flex}.mt-cselect-trigger:hover{background:var(--surface-sunken)}.mt-cselect-trigger[aria-expanded=true],.mt-cselect-trigger:focus-visible{border-color:var(--accent-ring);outline:0;box-shadow:0 0 0 3px #1a9a9847}.mt-cselect-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.mt-cselect-caret{color:var(--ink-muted);flex:none}.mt-cglyph{border-radius:var(--radius-xs);background:var(--surface-sunken);width:22px;height:22px;color:var(--accent-ring);flex:none;place-items:center;display:grid}.mt-cselect-pop{width:272px;padding:6px}.mt-cselect-list{overscroll-behavior:contain;outline:0;max-height:320px;margin:0;padding:0;list-style:none;overflow:auto}.mt-cselect-pop[data-fit]{flex-direction:column;display:flex;overflow:hidden}.mt-cselect-pop[data-fit] .mt-cselect-list{flex:auto;min-height:0;max-height:none}.mt-cselect-group{color:var(--ink-muted);padding:8px 8px 4px;font-size:11.5px;font-weight:600;line-height:14px}.mt-cselect-group:first-child{padding-top:4px}.mt-cselect-option{border-radius:var(--radius-sm);height:32px;color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:0 8px 0 5px;font-size:12.5px;line-height:18px;display:flex}.mt-cselect-option.is-active{background:var(--surface-sunken)}.mt-cselect-list:focus-visible .mt-cselect-option.is-active{box-shadow:inset 0 0 0 2px var(--focus-ring)}.mt-cselect-option[aria-selected=true]{font-weight:600}.mt-cselect-check{visibility:hidden;color:var(--accent-ring);margin-left:auto}.mt-cselect-option[aria-selected=true] .mt-cselect-check{visibility:visible}.mt-efold-toggle{border-radius:var(--radius-sm);color:var(--ink-muted);font:inherit;cursor:pointer;transition:background-color var(--dur-micro) ease, color var(--dur-micro) ease;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;margin:0 -6px;padding:4px 6px;font-size:12.5px;font-weight:550;display:flex}.mt-efold-toggle:hover{background:var(--surface-sunken);color:var(--ink)}.mt-efold-toggle .mt-icon{transition:transform var(--dur-reveal) var(--ease-out)}.mt-efold-toggle[aria-expanded=false] .mt-icon{transform:rotate(-90deg)}.mt-efold-body{animation:mt-reveal var(--dur-reveal) var(--ease-out);flex-direction:column;gap:14px;display:flex}@media (prefers-reduced-motion:reduce){.mt-cselect-trigger,.mt-efold-toggle,.mt-efold-toggle .mt-icon{transition:none}.mt-efold-body{animation:none}}.mt-import-body,.mt-sfields-pop{display:contents}.mt-import-read:empty{display:none}.mt-crop-status{font:400 12px/16px var(--font-mono);color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.mt-crop-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.mt-crop-scrim{z-index:70;background:var(--scrim);animation:mt-reveal var(--dur-reveal) var(--ease-out);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mt-crop-card{overscroll-behavior:contain;gap:var(--space-3);width:min(480px,100%);max-height:calc(100dvh - 32px);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-art);flex-direction:column;display:flex;overflow-y:auto}.mt-crop-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.mt-crop-head h2{font:700 15px/20px var(--font-sans);color:var(--ink);margin:0}.mt-crop-bed{border-radius:var(--radius-md);background:var(--surface-sunken);place-items:center;padding:12px;display:grid}.mt-crop-stage{width:min(432px, 100%, calc(300px * var(--crop-ratio)));aspect-ratio:var(--crop-ratio);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.mt-crop-picture{pointer-events:none;background:50%/100% 100% no-repeat;position:absolute;inset:0}.mt-crop-box{outline-offset:-1px;cursor:move;touch-action:none;outline:1px solid #fff;position:absolute;box-shadow:0 0 0 1px #1b23408c,0 0 0 9999px #0f14248c}.mt-crop-box:focus-visible{outline:2px solid var(--accent-ring);outline-offset:1px}.mt-crop-third{pointer-events:none;background:#fff6;position:absolute}.mt-crop-third.is-v{width:1px;top:0;bottom:0}.mt-crop-third.is-h{height:1px;left:0;right:0}.mt-crop-handle{border-radius:var(--radius-xs);width:10px;height:10px;box-shadow:0 0 0 1px #1b23408c, var(--shadow-thumb);touch-action:none;background:#fff;margin:-5px 0 0 -5px;position:absolute}.mt-crop-handle[data-h=nw]{cursor:nwse-resize;top:0;left:0}.mt-crop-handle[data-h=n]{cursor:ns-resize;top:0;left:50%}.mt-crop-handle[data-h=ne]{cursor:nesw-resize;top:0;left:100%}.mt-crop-handle[data-h=e]{cursor:ew-resize;top:50%;left:100%}.mt-crop-handle[data-h=se]{cursor:nwse-resize;top:100%;left:100%}.mt-crop-handle[data-h=s]{cursor:ns-resize;top:100%;left:50%}.mt-crop-handle[data-h=sw]{cursor:nesw-resize;top:100%;left:0}.mt-crop-handle[data-h=w]{cursor:ew-resize;top:50%;left:0}@media (pointer:coarse){.mt-crop-handle:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.mt-crop-readout{justify-content:space-between;gap:var(--space-2);font:400 12px/16px var(--font-mono);color:var(--ink-muted);font-variant-numeric:tabular-nums;display:flex}.mt-crop-chips{flex-wrap:wrap;gap:6px;display:flex}.mt-crop-chip{border-radius:var(--radius-full);background:var(--surface-sunken);height:26px;color:var(--ink-muted);font:500 12px/26px var(--font-mono);cursor:pointer;transition:background-color var(--dur-micro) ease, color var(--dur-micro) ease;border:0;padding:0 10px}.mt-crop-chip.is-free{font-family:var(--font-sans);font-weight:600}.mt-crop-chip:hover{color:var(--ink)}.mt-crop-chip[aria-pressed=true]{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-segment)}.mt-crop-chip:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.mt-crop-foot{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.mt-crop-foot>div{gap:var(--space-2);display:flex}@media (prefers-reduced-motion:reduce){.mt-crop-scrim{animation:none}.mt-crop-chip{transition:none}}@media (pointer:coarse){.mt-crop-chip{position:relative}.mt-crop-chip:after{content:"";position:absolute;inset:-9px 0}.mt-field-input,.mt-vselect-search .mt-field-input,.mt-textfield-sans,.mt-sfield-edit input,.mt-step-value,.mt-saved-rename,.mt-import-text,.mt-psl-search-input,.mt-psl-rename,.mt-psl-text{font-size:16px}}.mt-version{overflow-wrap:anywhere;min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-muted);font-size:11px;line-height:14px}.mt-version-trial{color:var(--accent)}.mt-version.is-stacked{flex-direction:column;align-items:center;display:flex}.mt-rail-version{box-sizing:border-box;max-width:100%;padding:var(--space-2) var(--space-1) var(--space-1);color:var(--on-shell-muted);text-align:center;cursor:default;margin-top:auto;font-size:10px;line-height:13px}.mt-rail-version .mt-version-trial{color:var(--rail-indicator)}.mt-menu-version{justify-content:space-between;align-items:baseline;gap:var(--space-2);border-top:1px solid var(--line);color:var(--ink-muted);margin:2px 0 0;padding:10px 10px 6px;font-size:11.5px;line-height:14px;display:flex}.mt-menu-version .mt-version{text-align:right}.mt-menu-version .mt-version-sep{display:none}.mt-menu-version .mt-version-trial{display:block}.es{background:var(--ground);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.es-body{flex:auto;min-height:0;display:flex}.es-body>.mt-rail{flex:none}@property --panel-zoom{syntax:"<number>";inherits:true;initial-value:1}.es-left{--panel-zoom:1;flex:0 0 calc(var(--size-panel-left) * var(--panel-zoom));width:calc(var(--size-panel-left) * var(--panel-zoom));background:var(--surface);border-right:1px solid var(--line);min-height:0;transition:--panel-zoom var(--dur-fold) var(--ease-in-out);flex-direction:column;display:flex}.es-left.is-large{--panel-zoom:1.5}.es-left>*{zoom:var(--panel-zoom)}.es-left>.mt-scroll{flex:auto}.es-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:11px 10px 11px var(--space-4);border-bottom:1px solid var(--line);flex:none;display:flex}@media (prefers-reduced-motion:reduce){.es-left{transition:none}}.es-head h1{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700;line-height:22px}.es-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;display:grid}.es-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:24px;display:flex}.es-pair{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.es-pair .mt-colorfield{position:static}.es-canvas{background-color:var(--ground);background-image:radial-gradient(var(--canvas-dot) 1px, transparent 1.3px);background-size:16px 16px;flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;container:es-canvas/inline-size}.es-chead{padding:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.es-chead-start{justify-self:start;align-items:center;min-width:0;display:flex}.es-chead-tools{align-items:center;gap:var(--space-3);display:flex}.es-chead-end{justify-self:end;align-items:center;display:flex}@container es-canvas (max-width:680px){.es-chead{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.es-chead-start,.es-chead-tools,.es-chead-end{display:contents}}.es-mode{width:184px}.es-hint{color:var(--ink-muted);margin:0;font-size:12px;line-height:17px}.es-grain-row{gap:var(--space-1);flex-direction:column;display:flex}.es-sub{padding-top:var(--space-3);border-top:1px solid var(--line);flex-direction:column;gap:14px;display:flex}.es-subtitle{color:var(--ink);font-size:12.5px;font-weight:600}.es-stage{min-height:0;padding:var(--space-2) var(--space-8);flex:auto;display:flex;overflow:auto;container-type:size}.es-fit{width:calc(min(100cqw, 960px, (100cqh - 62px) * var(--ratio) + 16px) * var(--zoom,1));flex:none;margin:auto}.es-fit.is-context{flex:auto;align-self:stretch;width:auto;margin:0}.es-fit{position:relative}.es-fit.is-drop-target .mt-rapor-frame{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent-ring), var(--shadow-art)}.es-drop{width:min(100cqw, 720px, max(260px, (100cqh - 104px) * var(--ratio)));flex:none;margin:auto}.es-cfoot{align-items:end;gap:var(--space-3);padding:18px var(--space-4) var(--space-4);grid-template-columns:minmax(152px,1fr) minmax(0,max-content) minmax(152px,1fr);display:grid}.es-cfoot>.mt-ways{grid-column:2}.es-cfoot>.mt-zoom{grid-column:3;justify-self:end}.es-cfoot.is-video{justify-content:center;align-items:center;padding-top:4px;display:flex}.es-cfoot.is-swapped>*{animation:mt-rise var(--dur-enter) var(--ease-out)}@media (prefers-reduced-motion:reduce){.es-cfoot.is-swapped>*{animation:none}}.es-cfoot.is-video .mt-timeline{width:clamp(368px,38.333%,644px)}@media (max-width:760px){.es-body{flex-direction:column}.es-body>.mt-rail{display:none}.es-canvas{flex:0 0 56%;order:-1}.es-left{border-right:0;border-top:1px solid var(--line);flex:auto;width:auto}.es-left,.es-left.is-large{--panel-zoom:1}.es-head{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.es-chead{padding:var(--space-2) var(--space-4)}.es-stage{padding:var(--space-1) var(--space-4)}.es-cfoot{padding:18px var(--space-4) var(--space-2);grid-template-columns:minmax(0,1fr)}.es-cfoot>.mt-ways{grid-column:1}.es-cfoot .mt-ways-title,.es-cfoot .mt-zoom,.es-cfoot.is-bare{display:none}.es-cfoot .mt-ways{min-width:0}.es-cfoot .mt-ways-list{flex-wrap:nowrap;gap:8px;margin:-4px;padding:4px;overflow-x:auto}.es-cfoot .mt-way{font-size:11px}.es-cfoot .mt-way-chip,.es-cfoot .mt-ways-card .mt-way-chip{width:48px;height:26px}.es-cfoot .mt-ways-card{align-items:center;gap:var(--space-2);flex-direction:row-reverse}.es-cfoot .mt-ways-card .mt-ways-list{flex:auto;min-width:0}.es-cfoot .mt-ways-head{min-height:0;margin:0}.es-cfoot .mt-ways-repaint{justify-content:center;width:28px;padding:0}.es-cfoot .mt-ways-repaint-label{display:none}.mt-export{width:auto;position:fixed;top:56px;left:12px;right:12px}.es-cfoot.is-video .mt-timeline{width:100%}}.es-easing,.es-switch-group{flex-direction:column;gap:14px;display:flex}.es-notice{z-index:15;width:min(520px,100% - 32px);box-shadow:var(--shadow-art);position:absolute;top:12px;left:50%;transform:translate(-50%)}.es-canvas{position:relative}.es-toast-anchor{z-index:16;flex:none;height:0;position:relative}.es-toast-anchor>.mt-toast-region{top:2px}.es-skel-panel{padding:20px var(--space-4);flex-direction:column;gap:14px;display:flex}.es-skel-line{border-radius:var(--radius-xs);background:var(--surface-sunken);height:12px;display:block}.es-skel-board{aspect-ratio:3/2;border-radius:var(--radius-lg);background:var(--surface-sunken);margin-top:22px}.es-skel-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.es-shortcuts{z-index:70;background:var(--scrim);animation:mt-reveal var(--dur-reveal) var(--ease-out);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.es-shortcuts-card{width:min(360px,100%);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-art)}.es-shortcuts-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.es-shortcuts-head h2{margin:0;font-size:15px;font-weight:700}.es-shortcuts dl{gap:8px var(--space-4);grid-template-columns:minmax(0,1fr) auto;margin:0;font-size:13px;display:grid}.es-shortcuts dt{color:var(--ink)}.es-shortcuts dd{margin:0}.es-shortcuts kbd{border:1px solid var(--line-strong);border-radius:var(--radius-xs);background:var(--surface-sunken);min-width:22px;font-family:var(--font-mono);text-align:center;color:var(--ink);border-bottom-width:2px;padding:1px 6px;font-size:11px;display:inline-block}@media (prefers-reduced-motion:reduce){.es-shortcuts{animation:none}}.es-seed-tag{display:none}@media (max-width:760px){.es-chead{gap:8px}.es-seed-head{display:none}.es .mt-rapor-tags{flex-wrap:wrap;gap:4px 8px}.es .mt-rapor-name{flex:none;max-width:100%}.es .mt-rapor-note{flex-basis:100%;order:1}.es-seed-tag{flex:none;align-self:center;margin-right:auto;display:inline-flex}.es-mode{flex:none;width:64px}.es-mode .mt-seg-item{padding:0}.es-mode .mt-seg-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.es-view{flex:0 auto;min-width:0}.es-view:has(>:nth-child(4)){grid-auto-columns:auto}.es-view:has(>:nth-child(4)) .mt-seg-item{padding:0 7px}.es-chead-end>:first-child{margin-left:auto}}.gl{background-color:var(--ground);background-image:radial-gradient(var(--canvas-dot) 1px, transparent 1.3px);background-size:16px 16px;min-height:100dvh}.gl-bar{position:sticky;top:0}.gl-brand{letter-spacing:-.01em;font-size:15px;font-weight:650}.gl-main{flex-direction:column;gap:48px;max-width:1200px;margin:0 auto;padding:48px 24px 80px;display:flex}.gl-intro{flex-direction:column;gap:10px;max-width:640px;display:flex}.gl-intro h1{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(32px,4vw,44px);font-weight:700;line-height:1.05}.gl-intro p{color:var(--ink-muted);margin:0;font-size:16px;line-height:24px}.gl-count{color:var(--ink-muted)}.gl-cat{flex-direction:column;gap:16px;scroll-margin-top:72px;display:flex}.gl-cat h2{color:var(--ink);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;line-height:24px;display:flex}.gl-cat h2 .mt-icon{color:var(--accent-ring)}.gl-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.gl-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:inherit;box-shadow:var(--shadow-raised);transition:box-shadow var(--dur-micro) ease, transform var(--dur-micro) ease;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.gl-card:hover{box-shadow:var(--shadow-art)}.gl-card:active{transform:scale(.99)}.gl-card-art{aspect-ratio:3/2;box-shadow:inset 0 -1px 0 var(--line)}.gl-card-body{flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex}.gl-card-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.gl-card-title strong{color:var(--ink);font-size:15px;font-weight:700}.gl-card-open{color:var(--brand-text);align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.gl-card-body p{color:var(--ink-muted);margin:0;font-size:13px;line-height:19px}.gl-soon{flex-wrap:wrap;gap:8px;display:flex}.gl-soon-item{border:1px dashed var(--line-strong);border-radius:var(--radius-full);height:34px;color:var(--ink-muted);align-items:center;gap:8px;padding:0 12px;scroll-margin-top:72px;font-size:13px;display:inline-flex}.root-choose{text-align:center;min-height:100dvh;font-family:var(--font-sans), system-ui, sans-serif;place-content:center;gap:12px;padding:24px;display:grid}.root-choose nav{justify-content:center;gap:16px;display:flex}.root-choose a{color:var(--brand-text);font-weight:600}.gl-404{font-family:var(--font-sans);flex-direction:column;font-size:13px;line-height:18px;display:flex}.gl-notfound{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:48px 24px 96px;display:flex}.gl-notfound h1{letter-spacing:-.02em;color:var(--ink);text-wrap:balance;flex-direction:column;gap:4px;margin:0;font-size:clamp(32px,4vw,44px);font-weight:700;line-height:1.05;display:flex}.gl-notfound h1>span+span{color:var(--ink-muted)}.gl-notfound-body{flex-direction:column;max-width:46ch;display:flex}.gl-notfound-body p{color:var(--ink-muted);text-wrap:pretty;margin:0;font-size:16px;line-height:24px}.gl-notfound-links{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.gl-notfound-back{text-decoration:none;position:relative}@media (pointer:coarse){.gl-notfound-back:after{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}}@media (max-width:760px){.gl-main{gap:36px;padding:32px 16px 64px}.gl-notfound{padding:32px 16px 64px}}@media (prefers-reduced-motion:reduce){.gl-card{transition:none}.gl-card:active{transform:none}}.gl-foot{flex-wrap:wrap;align-items:baseline;gap:4px 12px;max-width:1200px;margin:-48px auto 0;padding:0 24px 40px;display:flex}.gl-foot:before{content:"";background:var(--line);flex:0 0 100%;height:1px;margin-bottom:15px}.gl-foot-name{color:var(--ink);font-size:12.5px;font-weight:650}@media (max-width:760px){.gl-foot{margin-top:-40px;padding:0 16px 32px}}.gl-mcp{color:var(--brand-text);text-underline-offset:3px;transition:text-decoration-color var(--dur-micro) ease;align-self:flex-start;align-items:center;gap:6px;margin-top:2px;font-size:13px;font-weight:600;line-height:18px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex;position:relative}.gl-mcp:hover{text-decoration-color:currentColor}.gl-mcp:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:var(--radius-xs)}@media (pointer:coarse){.gl-mcp:after{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.gl-mcp{transition:none}}:root{--shell:#1f3c9a;--shell-hover:#2848ad;--on-shell:#fff;--on-shell-muted:#ffffffc2;--rail-indicator:#5fd6d2;--brand-text:#1f3c9a;--ground:#f4f6fa;--surface:#fff;--surface-sunken:#edf0f7;--surface-code:#f5f7fb;--line:#e1e6f0;--line-strong:#cdd5e3;--ink:#1b2340;--ink-muted:#505a78;--accent:#127a78;--on-accent:#fff;--accent-ring:#1a9a98;--focus-ring:var(--accent-ring);--primary:#c8402f;--primary-hover:#b23726;--on-primary:#fff;--danger:#b42318;--danger-surface:#fef3f2;--canvas-dot:#1b23401c;--shadow-segment:inset 0 1px 0 #ffffff47, 0 1px 2px #127a7859;--shadow-raised:0 1px 2px #1b23400f;--shadow-art:0 1px 2px #1b234014, 0 14px 36px -14px #1b234052;--shadow-thumb:0 1px 3px #1b234040;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--size-segment:28px;--size-control:30px;--size-button:34px;--size-topbar:48px;--size-rail:56px;--size-panel-left:300px;--size-popover:340px;--font-sans:var(--font-figtree), "Figtree", system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), "JetBrains Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--shell:#1b3584;--shell-hover:#24409a;--brand-text:#8fa8f0;--ground:#0f1424;--surface:#161c30;--surface-sunken:#1e2540;--surface-code:#121829;--line:#262e4a;--line-strong:#36405f;--ink:#e8ecf7;--ink-muted:#a5aec8;--accent-ring:#3cc2bf;--danger:#f97066;--danger-surface:#2a1416;--canvas-dot:#e8ecf71a;--shadow-segment:inset 0 1px 0 #ffffff2e, 0 1px 2px #00000080;--shadow-raised:0 1px 2px #0006;--shadow-art:0 1px 2px #00000080, 0 14px 36px -14px #000000b3;--shadow-thumb:0 1px 3px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--ground);color:var(--ink);margin:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}