:root,:host{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-blue:#009fe3;--brand-blue-light:#3dc2ff;--brand-blue-tint:#009fe324;--brand-yellow:#ffe500;--brand-yellow-text:#0a121c;--bg:#060a10;--panel:#121d2b;--panel-secondary:#182533;--panel-elevated:#1e2c3d;--border:#ffffff14;--border-strong:#ffffff2e;--text:#f3f7fa;--text-secondary:#a9bacb;--text-faint:#6d8092;--success-text:#4ade80;--success-bg:#4ade801f;--success-border:#4ade8052;--warning-text:#fbbf24;--warning-bg:#fbbf241f;--warning-border:#fbbf2452;--error-text:#f87171;--error-bg:#f871711f;--error-border:#f8717152;--info-text:var(--brand-blue-light);--info-bg:var(--brand-blue-tint);--info-border:#009fe352;--neutral-text:var(--text-secondary);--neutral-bg:var(--panel-elevated);--neutral-border:var(--border-strong);--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--space-1:.25rem;--space-2:.5rem;--space-3:.7rem;--space-4:.9rem;--space-5:1.25rem;--space-6:1.75rem;--space-7:2.25rem;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 12px 32px #00000073;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.button{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:inherit;font-size:.86rem;font-weight:700;transition:background-color .15s,border-color .15s,transform 50ms;display:inline-flex}.button--primary{background:var(--brand-blue);color:#041520;box-shadow:0 2px 12px #009fe347}.button--primary:hover{background:var(--brand-blue-light)}.button--primary:active{transform:translateY(1px)}.button--primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button--ghost{border-color:var(--border-strong);color:var(--text);background:0 0}.button--ghost:hover{background:var(--panel-elevated)}.button--ghost[aria-pressed=true]{border-color:var(--brand-blue);color:var(--brand-blue-light)}.button--lg{padding:.7rem 1.3rem;font-size:.95rem}.button--sm{padding:.35rem .7rem;font-size:.76rem}.button--block{text-align:center;width:100%}.button:focus-visible,.nav-item:focus-visible,.tab:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:2px}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.switch-row__label{color:var(--text);font-size:.85rem;font-weight:600}.switch{background:var(--panel-elevated);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;width:40px;height:22px;padding:0;transition:background-color .15s;display:inline-flex;position:relative}.switch:before{content:"";background:var(--text-secondary);border-radius:50%;width:18px;height:18px;transition:transform .15s,background-color .15s;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--brand-blue-tint);border:1px solid #009fe366}.switch[aria-checked=true]:before{background:var(--brand-blue);transform:translate(18px)}.switch:disabled{opacity:.5;cursor:default}.status-pill{border:1px solid var(--neutral-border);background:var(--neutral-bg);color:var(--neutral-text);border-radius:999px;align-items:center;gap:.3rem;padding:.12rem .55rem;font-size:.76rem;font-weight:700;display:inline-flex}.status-pill--success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.status-pill--warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.status-pill--error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.status-pill--info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.status-pill--neutral{background:var(--neutral-bg);border-color:var(--neutral-border);color:var(--neutral-text)}.card{padding:var(--space-3);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:.25rem;display:flex}.card--raised{background:var(--panel-elevated);box-shadow:var(--shadow-sm)}.card__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:.68rem;font-weight:700}.card__value{overflow-wrap:anywhere;color:var(--text);font-size:.92rem;font-weight:600}.card__value--lg{color:var(--text);font-size:1.12rem;font-weight:800}.tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.tab{border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.82rem;font-weight:600;display:inline-flex}.tab:hover{background:var(--panel-elevated);color:var(--text)}.tab[aria-current=true],.tab[aria-pressed=true]{background:var(--brand-blue-tint);border-color:var(--brand-blue);color:var(--text);box-shadow:inset 3px 0 0 var(--brand-blue)}.nav-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.55rem;padding:.5rem .7rem;font-size:.86rem;font-weight:600;display:flex}.nav-item:hover:not(:disabled){background:var(--panel-elevated);color:var(--text)}.nav-item[aria-current=true]{background:var(--brand-blue-tint);border-left:2px solid var(--brand-blue);color:var(--text)}.nav-item:disabled{opacity:.4;cursor:not-allowed}.input,.select{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel);color:var(--text);padding:.5rem .7rem;font-size:.86rem}.input:focus-visible,.select:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:1px}.input::placeholder{color:var(--text-faint)}.chip{border:1px solid var(--border-strong);background:var(--panel);color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.chip[aria-pressed=true]{background:var(--panel-elevated);border-color:var(--brand-blue);color:var(--text)}.chip--copy{gap:.5rem}.result-tile{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel);flex-direction:column;display:flex;overflow:hidden}.result-tile__swatch{justify-content:center;align-items:center;height:96px;font-size:1.05rem;font-weight:800;display:flex}.result-tile__body{padding:var(--space-3);flex-direction:column;gap:.3rem;display:flex}.swatch-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));display:grid}.swatch-tile{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font:inherit;color:var(--text);text-align:left;background:0 0;flex-direction:column;padding:0;transition:border-color .12s,transform .12s;display:flex;overflow:hidden}.swatch-tile:hover,.swatch-tile:focus-visible{border-color:var(--border-strong);transform:translateY(-1px)}.swatch-tile__color{height:48px;position:relative}.swatch-tile__feedback{color:#f3f7fa;letter-spacing:.02em;background:#060a10b8;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex;position:absolute;inset:0}.swatch-tile__meta{flex-direction:column;gap:.15rem;padding:.4rem .5rem;font-size:.72rem;line-height:1.3;display:flex}.swatch-tile__hex{color:var(--text);font-weight:700}.swatch-tile__details{gap:.4rem;display:flex}.swatch-tile__value{color:var(--text-secondary);text-underline-offset:2px;font-size:.66rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.swatch-tile__value:hover{color:var(--text)}.swatch-tile__count{color:var(--text-faint)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--panel-elevated);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;z-index:40;padding:.3rem .55rem;font-size:.72rem;font-weight:600;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.empty-state{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-secondary);flex-direction:column;display:flex}.empty-state__title{color:var(--text);font-size:.92rem;font-weight:700}.loading-state{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);color:var(--text-secondary);font-size:.86rem;display:flex}.spinner{border:2px solid var(--border-strong);border-top-color:var(--brand-blue);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand-header{align-items:center;gap:.6rem;display:flex}.brand-header__mark{flex-shrink:0;width:28px;height:28px}.brand-header__text{flex-direction:column;gap:.05rem;min-width:0;line-height:1.1;display:flex}.brand-header__name{letter-spacing:-.02em;color:var(--text);font-size:1.05rem;font-weight:800}.brand-header__by{color:var(--brand-blue-light);white-space:nowrap;border-bottom:1px solid #0000;font-size:.72rem;font-weight:600;text-decoration:none}.brand-header__by:hover,.brand-header__by:focus-visible{border-bottom-color:var(--brand-blue-light)}body{background:var(--bg);color:var(--text);margin:0;font-family:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root{--mtd-canvas-bg:#f7f6f2;--mtd-canvas-border:#ffffff24;--mtd-canvas-shadow:0 24px 64px #00000073;--mtd-zone-bleed:var(--brand-blue-light);--mtd-zone-trim:var(--success-text);--mtd-zone-safe:var(--text-faint);--mtd-zone-hem:var(--brand-yellow);--mtd-zone-hem-fill:#ffe50029;--mtd-topbar-height:64px;--mtd-toolbar-width:72px;--mtd-toolbar-expanded-width:264px;--mtd-panel-width:336px;--mtd-bottomnav-height:64px}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}a{color:inherit}button{font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.mtd-app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.mtd-workspace{grid-template-rows:var(--mtd-topbar-height) 1fr;height:100%;min-height:0;display:grid}.mtd-workspace__body{grid-template-columns:var(--mtd-toolbar-width) 1fr var(--mtd-panel-width);min-height:0;transition:grid-template-columns .18s cubic-bezier(.16,1,.3,1);display:grid}.mtd-workspace__body--rail-expanded{grid-template-columns:var(--mtd-toolbar-expanded-width) 1fr var(--mtd-panel-width)}.mtd-canvas-area{width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.mtd-canvas-area__view{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s;position:absolute;inset:0}.mtd-canvas-area__view--active{opacity:1;visibility:visible;pointer-events:auto}.mtd-canvas-area__view--2d{padding:var(--space-4);justify-content:center;align-items:center;display:flex;overflow:auto}@media (prefers-reduced-motion:reduce){.mtd-canvas-area__view{transition:none}}.mtd-rail-wrapper{min-height:0;display:flex;position:relative}.mtd-toolbar{border-right:1px solid var(--border);align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);flex-direction:column;width:100%;transition:align-items;display:flex;overflow:hidden auto}.mtd-toolbar--expanded{align-items:stretch}.mtd-panel{border-left:1px solid var(--border);padding:var(--space-5);gap:var(--space-5);flex-direction:column;display:flex;overflow-y:auto}.mtd-topbar{border-bottom:1px solid var(--border);align-items:center;gap:var(--space-4);padding:0 var(--space-4);min-width:0;display:flex}.mtd-topbar__brand{align-items:center;gap:var(--space-2);flex:none;display:flex}.mtd-topbar__product{align-items:center;gap:var(--space-3);flex:auto;min-width:0;display:flex;overflow:hidden}.mtd-topbar__product-open.mtd-topbar__product-open--mobile{flex:auto;min-width:0}.mtd-topbar__controls-mobile{align-items:center;gap:var(--space-1);flex:none;display:flex}.mtd-topbar__product-open{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);min-width:160px;padding:var(--space-1) var(--space-2);margin:calc(var(--space-1) * -1) calc(var(--space-2) * -1);cursor:pointer;color:inherit;font:inherit;text-align:left;background:0 0;border:1px solid #0000;flex:auto;display:flex;overflow:hidden}.mtd-topbar__product-open:hover{border-color:var(--border);background:var(--surface-muted,var(--panel))}.mtd-topbar__product-open:focus-visible{outline:2px solid var(--brand-blue);outline-offset:1px}.mtd-topbar__product-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mtd-topbar__product .status-pill{white-space:nowrap;flex-shrink:0}.mtd-topbar__controls{align-items:center;gap:var(--space-3);flex:none;display:flex}.mtd-history-controls{align-items:center;gap:2px;display:flex}.mtd-history-controls .mtd-tool-button{width:36px;height:36px}.mtd-history-controls .mtd-tool-button svg{width:18px;height:18px}.mtd-bottomnav{border-top:1px solid var(--border);background:var(--panel);min-height:var(--mtd-bottomnav-height);padding-bottom:env(safe-area-inset-bottom);flex:none;justify-content:space-around;align-items:stretch;display:none}.mtd-bottomnav__item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.2rem;min-height:56px;font-size:.68rem;font-weight:600;display:flex}.mtd-bottomnav__item[aria-current=page]{color:var(--brand-blue-light)}.mtd-finish-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);width:100%;display:grid}.mtd-finish-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg);border:1.5px solid var(--border-strong);background:var(--panel);color:var(--text);cursor:pointer;text-align:left;flex-direction:column;transition:border-color .18s cubic-bezier(.16,1,.3,1),background-color .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:flex}.mtd-finish-card:hover{border-color:var(--brand-blue);transform:translateY(-1px)}.mtd-finish-card[aria-pressed=true]{border-color:var(--brand-blue);background:var(--brand-blue-tint);box-shadow:0 0 0 1px var(--brand-blue) inset}.mtd-finish-card__icon{width:34px;height:34px;color:var(--brand-blue-light);flex-shrink:0}.mtd-finish-card__label{letter-spacing:-.01em;font-size:1rem;font-weight:800}.mtd-finish-card__hint{color:var(--text-secondary);font-size:.82rem}.mtd-product-preview__facts{gap:var(--space-3);flex:auto;grid-template-columns:repeat(3,1fr);display:grid}.mtd-product-preview__facts .card__label{color:var(--text-secondary)}.mtd-product-preview__facts .card__value{white-space:nowrap}.mtd-canvas-stage{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex}.mtd-canvas-frame{background:var(--mtd-canvas-bg);border-radius:var(--radius-md);border:1px solid var(--mtd-canvas-border);box-shadow:var(--mtd-canvas-shadow);max-width:100%;max-height:100%;position:relative;overflow:hidden}.mtd-canvas-frame .canvas-container{display:block}.mtd-technical-overlay{pointer-events:none;position:absolute;inset:0}.mtd-canvas-frame--drag-over{box-shadow:0 0 0 3px var(--brand-blue), var(--mtd-canvas-shadow)}.mtd-canvas-drop-overlay{pointer-events:none;background:#009fe314;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mtd-canvas-drop-overlay p{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--panel-elevated);color:var(--text);box-shadow:var(--shadow-md);font-size:.9rem;font-weight:700}.mtd-canvas-stage__error{margin-top:var(--space-2);color:var(--error-text);font-size:.8rem}.mtd-canvas-empty{padding:var(--space-5);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mtd-canvas-empty__hint{color:#787878bf;text-shadow:0 1px 2px #ffffffa6,0 -1px 2px #00000059;text-align:center;font-size:.85rem;font-weight:600}.mtd-editor-loading{justify-content:center;align-items:center;gap:var(--space-2);color:#0a121c80;font-size:.86rem;font-weight:600;display:flex;position:absolute;inset:0}.mtd-editor-loading__pulse{background:var(--brand-blue);border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite mtd-pulse}@keyframes mtd-pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.mtd-editor-error{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-5);text-align:center;color:#0a121cb3;flex-direction:column;display:flex;position:absolute;inset:0}.mtd-editor-error__title{max-width:32ch;font-size:.92rem;font-weight:700}.mtd-legend{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mtd-legend__item{align-items:baseline;gap:var(--space-2);font-size:.82rem;display:flex}.mtd-legend__swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px;margin-top:.2em}.mtd-legend__label{color:var(--text);font-weight:600}.mtd-legend__value{color:var(--text-secondary);font-variant-numeric:tabular-nums}.mtd-tool-button{border-radius:var(--radius-md);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.mtd-tool-button:hover:not(:disabled){background:var(--panel-secondary);color:var(--text)}.mtd-tool-button[aria-pressed=true]{background:var(--brand-blue-tint);color:var(--brand-blue-light);border-color:var(--brand-blue)}.mtd-tool-button:disabled{color:var(--text-secondary);cursor:not-allowed}.mtd-tool-button svg{flex-shrink:0;width:22px;height:22px}.mtd-toolbar--expanded .mtd-tool-button{justify-content:flex-start;gap:var(--space-3);width:100%;height:auto;padding:var(--space-2) var(--space-3);text-align:left}.mtd-tool-button__text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.mtd-tool-button__label{color:var(--text);font-size:.86rem;font-weight:700}.mtd-tool-button:disabled .mtd-tool-button__label{color:var(--text-secondary)}.mtd-tool-button__description{color:var(--text-secondary);font-size:.74rem;line-height:1.3}.mtd-rail-expand{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--panel-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin-top:auto;display:flex}.mtd-rail-expand:hover{color:var(--text);border-color:var(--brand-blue)}.mtd-rail-expand svg{width:16px;height:16px}.mtd-toolbar--expanded .mtd-rail-expand{align-self:flex-end}.mtd-tool-flyout{top:var(--space-3);left:calc(100% + var(--space-2));z-index:15;gap:var(--space-2);padding:var(--space-3);background:var(--panel-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute}.mtd-tool-flyout--embedded{z-index:auto;width:100%;min-width:0;box-shadow:none;position:static;top:auto;left:auto}.mtd-tool-flyout__option{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;font-size:.86rem;font-weight:600;display:flex}.mtd-tool-flyout__option:hover:not(:disabled){border-color:var(--brand-blue);background:var(--brand-blue-tint)}.mtd-tool-flyout__option:disabled{cursor:not-allowed;color:var(--text-secondary)}.mtd-tool-flyout__option svg{width:18px;height:18px;color:var(--brand-blue-light)}.mtd-tool-flyout__status{color:var(--text-secondary);font-size:.78rem}.mtd-tool-flyout__error{color:var(--error-text);font-size:.78rem}.mtd-project-menu{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex;position:relative}.mtd-project-menu__trigger{width:auto;padding:0 var(--space-2);gap:var(--space-1)}.mtd-project-menu__trigger-label{font-size:.82rem}.mtd-project-menu__status{color:var(--text-secondary);white-space:nowrap;font-size:.74rem}.mtd-project-menu__status--error{color:var(--error-text)}.mtd-project-menu__flyout{top:calc(100% + var(--space-2));z-index:20;gap:var(--space-2);padding:var(--space-3);background:var(--panel-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);min-width:260px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;left:0}.mtd-project-menu__flyout .button{justify-content:center;width:100%}.mtd-project-menu__rename{margin-bottom:var(--space-1)}.mtd-project-menu__local-note{color:var(--text-faint);margin:var(--space-1) 0 0;font-size:.72rem}.mtd-project-list-dialog{max-width:480px}.mtd-project-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mtd-project-list__item{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex}.mtd-project-list__info{flex-direction:column;min-width:0;display:flex}.mtd-project-list__meta{color:var(--text-faint);font-size:.74rem}.mtd-project-list__actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.mtd-project-list__confirm-text{color:var(--text-secondary);font-size:.78rem}.mtd-continue-last-design{align-items:center;gap:var(--space-2);margin-top:var(--space-3);color:var(--text-secondary);font-size:.82rem;display:flex}.mtd-segmented{border-radius:var(--radius-md);background:var(--panel-secondary);border:1px solid var(--border);padding:3px;display:inline-flex}.mtd-segmented__option{border-radius:calc(var(--radius-md) - 3px);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.4rem .85rem;font-size:.82rem;font-weight:600;transition:background-color .15s,color .15s,font-weight .15s}.mtd-segmented__option[aria-pressed=true]{background:var(--panel-elevated);color:var(--text);font-weight:700}.mtd-panel-section{gap:var(--space-2);flex-direction:column;display:flex}.mtd-panel-section+.mtd-panel-section{padding-top:var(--space-4);border-top:1px solid var(--border)}.mtd-panel-section__hint{color:var(--text-secondary);font-size:.82rem}.mtd-variant-selector{gap:var(--space-4);flex-direction:column;display:flex}.mtd-variant-selector__tier{gap:var(--space-2);flex-direction:column;display:flex}.mtd-variant-selector__tier-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:.68rem;font-weight:700}.mtd-variant-chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.mtd-variant-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--border-strong);background:var(--panel);color:var(--text);cursor:pointer;font-size:.86rem;font-weight:600;transition:border-color .18s cubic-bezier(.16,1,.3,1),background-color .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.mtd-variant-chip:hover{border-color:var(--brand-blue)}.mtd-variant-chip[aria-pressed=true]{border-color:var(--brand-blue);background:var(--brand-blue-tint);color:var(--text)}.mtd-variant-selector__finish-explainer{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-muted,var(--panel));border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.mtd-variant-selector__finish-explainer-text{color:var(--text-secondary);margin:0;font-size:.8rem}.mtd-variant-selector__confirm{color:var(--success-text);background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:.82rem;font-weight:600}.mtd-panel-section__title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.68rem;font-weight:700}.mtd-hint-card{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);background:#ffe50014;border:1px solid #ffe50047;font-size:.78rem;display:flex}.mtd-hint-card__icon{width:16px;height:16px;color:var(--brand-yellow);flex-shrink:0;margin-top:.1em}.mtd-property-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.mtd-property-field{gap:var(--space-1);flex-direction:column;display:flex}.mtd-property-field--wide{gap:var(--space-2);grid-column:1/-1}.mtd-property-field__label{color:var(--text-secondary);font-size:.72rem;font-weight:600}.mtd-property-field__input-wrap{align-items:center;display:flex;position:relative}.mtd-property-field__input-wrap .input{font-variant-numeric:tabular-nums;width:100%;padding-right:2.4rem}.mtd-property-field__unit{right:var(--space-3);color:var(--text-secondary);pointer-events:none;font-size:.76rem;position:absolute}.mtd-property-field--checkbox{align-items:center;gap:var(--space-2);flex-direction:row;justify-content:flex-start}.mtd-text-content-input{resize:vertical;width:100%;min-height:4.5em;font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel);color:var(--text)}.mtd-font-picker{margin-bottom:var(--space-3);position:relative}.mtd-font-picker__trigger{align-items:flex-start;gap:var(--space-1);width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel);cursor:pointer;text-align:left;flex-direction:column;display:flex}.mtd-font-picker__current{color:var(--text);font-size:1.05rem;font-weight:600;display:block}.mtd-font-picker__list{margin-top:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);max-height:18rem;padding:var(--space-2);gap:var(--space-2);flex-direction:column;display:flex;overflow-y:auto}.mtd-font-picker__group{gap:var(--space-1);flex-direction:column;display:flex}.mtd-font-picker__group-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-top:var(--space-1);font-size:.68rem;font-weight:700}.mtd-font-picker__option{text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000;font-size:1.05rem}.mtd-font-picker__option:hover{background:var(--panel-secondary)}.mtd-font-picker__option--active{border-color:var(--brand-blue);background:var(--panel-secondary)}.mtd-property-color-row{width:100%}.mtd-property-color-input{align-items:center;gap:var(--space-2);display:flex}.mtd-color-swatch{border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;width:36px;height:36px;padding:0}.mtd-property-color-input .input{text-transform:lowercase;flex:auto;min-width:0}.mtd-property-actions{gap:var(--space-2);display:flex}.mtd-graphic-colors__list{gap:var(--space-2);flex-direction:column;max-height:260px;display:flex;overflow-y:auto}.mtd-graphic-colors__row{align-items:flex-end;gap:var(--space-2);display:flex}.mtd-graphic-colors__row .mtd-property-field{flex:auto;min-width:0}.mtd-transparent-toggle{border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;background-color:#fff;background-image:linear-gradient(45deg,#b0b0b0 25%,#0000 25%),linear-gradient(-45deg,#b0b0b0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#b0b0b0 75%),linear-gradient(-45deg,#0000 75%,#b0b0b0 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;flex-shrink:0;width:36px;height:36px;padding:0}.mtd-transparent-toggle--active{border-color:var(--brand-blue);box-shadow:0 0 0 2px var(--brand-blue-tint)}.mtd-property-actions .button{flex:1 1 0}.mtd-mobile-workspace{height:100%;min-height:0;position:relative}.mtd-mobile-workspace__canvas{position:absolute;inset:0}.mtd-mobile-sheet-backdrop{inset:0;bottom:calc(var(--mtd-bottomnav-height) + env(safe-area-inset-bottom));z-index:30;background:#060a108c;align-items:flex-end;display:flex;position:fixed}.mtd-mobile-sheet{background:var(--panel);border-top:1px solid var(--border-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-direction:column;width:100%;min-height:0;max-height:55dvh;display:flex;box-shadow:0 -12px 32px #00000059}.mtd-mobile-sheet--expanded{max-height:86dvh}.mtd-mobile-sheet__handle{background:var(--border-strong);width:36px;height:4px;margin:var(--space-2) auto 0;border-radius:2px;flex:none}.mtd-mobile-sheet__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-2);flex:none;display:flex}.mtd-mobile-sheet__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:1rem;font-weight:700;overflow:hidden}.mtd-mobile-sheet__close{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mtd-mobile-sheet__close:hover,.mtd-mobile-sheet__close:focus-visible{background:var(--surface-muted,var(--panel-elevated));color:var(--text)}.mtd-mobile-sheet__body{overscroll-behavior:contain;min-height:0;padding:0 var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));gap:var(--space-4);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.mtd-mobile-tool-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.mtd-mobile-tool-grid__error{grid-column:1/-1}.mtd-mobile-tool-tile{align-items:flex-start;gap:var(--space-1);min-height:80px;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--panel-elevated,var(--panel));color:var(--text);text-align:left;cursor:pointer;flex-direction:column;display:flex}.mtd-mobile-tool-tile[aria-pressed=true]{border-color:var(--brand-blue);background:var(--brand-blue-tint)}.mtd-mobile-tool-tile:disabled{color:var(--text-secondary);cursor:not-allowed}.mtd-mobile-tool-tile svg{color:var(--brand-blue-light)}.mtd-mobile-tool-tile:disabled svg{color:var(--text-secondary)}.mtd-mobile-tool-tile__label{font-size:.92rem;font-weight:600}.mtd-mobile-tool-tile__hint{color:var(--text-secondary);font-size:.76rem}.mtd-tooltip-trigger{display:contents}.mtd-tooltip-portal{background:var(--panel-elevated);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);max-width:220px;box-shadow:var(--shadow-md);pointer-events:none;z-index:100;padding:.4rem .65rem;font-size:.76rem;font-weight:600;line-height:1.35;position:fixed}.mtd-tooltip-portal--above{transform:translate(-50%,-100%)}.mtd-tooltip-portal--below{transform:translate(-50%)}.brand-header{text-decoration:none}.mtd-background-layer{position:absolute;inset:0;overflow:hidden}.mtd-background-layer__svg{width:100%;height:100%;display:block}.mtd-background-layer__raster-image{max-width:none;display:block;position:absolute}.mtd-background-live-preview{margin-bottom:var(--space-3);padding:var(--space-3);background:var(--mtd-canvas-bg);border-radius:var(--radius-md);justify-content:center;display:flex}.mtd-background-live-preview__frame{aspect-ratio:290/540;border-radius:var(--radius-sm,4px);max-width:100%;max-height:46vh;box-shadow:0 0 0 1px var(--color-border,#ddd);position:relative;overflow:hidden}.mtd-background-nav{margin-bottom:var(--space-1)}.mtd-background-tab{gap:var(--space-3);flex-direction:column;display:flex}.mtd-background-reset{align-self:flex-start}.mtd-segmented{gap:var(--space-1);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;display:flex}.mtd-segmented__option{text-overflow:ellipsis;min-width:0;padding:var(--space-2) var(--space-2);border-radius:calc(var(--radius-md) - 3px);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1 1 0;font-size:.78rem;font-weight:600;overflow:hidden}.mtd-segmented__option--active{background:var(--brand-blue-tint);color:var(--brand-blue-light);box-shadow:0 0 0 1px var(--brand-blue) inset}.mtd-segmented--scrollable{-webkit-overflow-scrolling:touch;overflow-x:auto}.mtd-segmented--scrollable .mtd-segmented__option{text-overflow:clip;white-space:nowrap;flex:none;min-width:0;overflow:visible}.mtd-slider-field input[type=range]{width:100%;accent-color:var(--brand-blue)}.mtd-slider-field__value{float:right;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.mtd-panel-section__subtitle{color:var(--text-secondary);margin:0;font-size:.72rem;font-weight:700}.mtd-design-library{gap:var(--space-3)}.mtd-design-library__search .input{width:100%}.mtd-design-library__prompt{color:var(--text-secondary);margin:0;font-size:.8rem}.mtd-design-library__grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.mtd-design-library__tile{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);color:var(--text);text-align:left;cursor:pointer;font-size:.8rem;font-weight:600}.mtd-design-library__tile:hover{border-color:var(--brand-blue)}.mtd-design-library__tile--all{text-align:center;color:var(--text-secondary);grid-column:1/-1}.mtd-design-library__back{align-self:flex-start}.mtd-design-library__styles{gap:var(--space-1);flex-wrap:wrap;display:flex}.status-pill--active{background:var(--brand-blue-tint);color:var(--brand-blue-light);border-color:var(--brand-blue)}.mtd-design-library__empty{color:var(--text-faint);font-size:.8rem}.mtd-design-library__more{align-self:center}.mtd-preset-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.mtd-preset-card{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);cursor:pointer;text-align:left;flex-direction:column;display:flex}.mtd-preset-card:hover{border-color:var(--brand-blue)}.mtd-preset-card--active{border-color:var(--brand-blue);box-shadow:0 0 0 1px var(--brand-blue) inset}.mtd-preset-card__preview{aspect-ratio:290/540;border-radius:var(--radius-sm);background:#fff;width:100%;display:block;position:relative;overflow:hidden}.mtd-preset-card__badge{top:var(--space-1);right:var(--space-1);border-radius:var(--radius-sm);color:#fff;letter-spacing:.02em;text-transform:uppercase;background:#141418b8;padding:.15rem .5rem;font-size:.62rem;font-weight:700;position:absolute}.mtd-preset-card__preview svg,.mtd-preset-card__thumbnail{object-fit:cover;width:100%;height:100%;display:block}.mtd-svg-browser__primary-tabs{margin-block:var(--space-1)}.mtd-svg-browser__styles{gap:var(--space-1);flex-wrap:wrap;margin-block-end:var(--space-1);display:flex}.mtd-active-preset-editor__recolor-note{margin:0 0 var(--space-2);color:var(--text-secondary);font-size:.72rem}.mtd-preset-card__name{color:var(--text);font-size:.78rem;font-weight:700}.mtd-preset-card__description{color:var(--text-secondary);font-size:.7rem}.mtd-active-preset-editor{padding:var(--space-3);border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--border)}.mtd-active-preset-editor__colorways{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.mtd-colorway-swatch{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.2rem;max-width:4.5rem;padding:0;display:flex}.mtd-colorway-swatch__dot{width:1.6rem;height:1.6rem;box-shadow:0 0 0 1px var(--border);border:2px solid #0000;border-radius:50%}.mtd-colorway-swatch--active .mtd-colorway-swatch__dot{border-color:var(--panel);box-shadow:0 0 0 2px var(--brand-blue)}.mtd-colorway-swatch__label{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.62rem;line-height:1.1;overflow:hidden}.mtd-active-preset-editor__colors,.mtd-active-preset-editor__params{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.mtd-raster-tab__info-toggle{color:var(--brand-blue-light);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.74rem;text-decoration:underline}.mtd-raster-tab__info{color:var(--text-secondary);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin:0;font-size:.76rem}.mtd-raster-tab__controls{gap:var(--space-3);flex-direction:column;display:flex}.mtd-raster-tab__ppi-ok{color:var(--status-success,#3fbf6b);margin:0;font-size:.76rem}.mtd-raster-tab__warning{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);background:#ffe50014;border:1px solid #ffe50047;flex-direction:column;font-size:.78rem;display:flex}.mtd-raster-tab__warning p{margin:0}.mtd-raster-tab__position{gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border);flex-direction:column;display:flex}@media (width<=420px){.mtd-design-library__grid,.mtd-preset-grid{grid-template-columns:1fr}}.mtd-layout-browser{gap:var(--space-3);flex-direction:column;display:flex}.mtd-layout-browser__grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.mtd-layout-card{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);cursor:pointer;text-align:left;flex-direction:column;display:flex}.mtd-layout-card:hover{border-color:var(--brand-blue)}.mtd-layout-card__preview{border-radius:var(--radius-sm);background:#f4f4f4;width:100%;display:block;position:relative;overflow:hidden}.mtd-layout-card__tile{pointer-events:none;object-fit:contain;height:auto;position:absolute}.mtd-layout-card__safe-area{border:1.5px dashed var(--mtd-zone-safe);pointer-events:none;border-radius:2px;position:absolute}.mtd-layout-card__name{color:var(--text);font-size:.78rem;font-weight:700}.mtd-layout-card__description{color:var(--text-secondary);font-size:.7rem}.mtd-property-field__hint{color:var(--text-secondary);margin:0;font-size:.72rem}@media (width<=420px){.mtd-layout-browser__grid{grid-template-columns:1fr}}.mtd-preview-modal-scrim{z-index:40;padding:var(--space-5);background:#060a10b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mtd-preview-modal{background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:min(920px,100%);max-height:min(880px,92vh);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.mtd-preview-modal__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;display:flex}.mtd-preview-modal__title{margin:0;font-size:1rem;font-weight:700}.mtd-preview-modal__body{padding:var(--space-5);overflow-y:auto}.mtd-inquiry-dialog{width:min(560px,100%)}.mtd-inquiry-dialog__form{gap:var(--space-4);flex-direction:column;display:flex}.mtd-inquiry-dialog__product-summary{color:var(--text-secondary);padding:var(--space-2) var(--space-3);background:var(--panel-elevated);border-radius:var(--radius-md);margin:0;font-size:.82rem}.mtd-inquiry-dialog__field-error{color:var(--error-text);font-size:.74rem}.mtd-inquiry-dialog__honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.mtd-preview3d{width:100%;height:100%;position:relative}.mtd-preview3d__toolbar{top:var(--space-3);left:var(--space-3);right:var(--space-3);z-index:2;justify-content:space-between;align-items:center;gap:var(--space-3);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);background:#0f1218b8;flex-wrap:wrap;display:flex;position:absolute}.mtd-preview3d__view-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.mtd-preview3d__mode-select{align-items:center;gap:var(--space-2);flex-wrap:nowrap;display:flex}.mtd-preview3d__mode-select-label{color:#ffffffb8;white-space:nowrap;font-size:.72rem;font-weight:600}.mtd-preview3d__mode-select-input{appearance:none;font:inherit;color:#fff;background-color:#ffffff1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;border-radius:var(--radius-md);padding:var(--space-1) calc(var(--space-3) + 12px) var(--space-1) var(--space-2);cursor:pointer;border:1px solid #ffffff47;font-size:.78rem;font-weight:700}.mtd-preview3d__mode-select-input:hover{border-color:#ffffff80}.mtd-preview3d__mode-select-input:focus-visible{outline:2px solid var(--brand-blue);outline-offset:1px}.mtd-preview3d__mode-select-input option{color:#111;background-color:#fff}.mtd-preview3d__variant-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full,999px);font-size:.72rem;font-weight:700}.mtd-preview3d__stage{background:var(--surface-muted,var(--panel));position:absolute;inset:0;overflow:hidden}.mtd-preview3d__canvas{touch-action:none;width:100%;height:100%;display:block}.mtd-preview3d__status{text-align:center;padding:var(--space-4);color:var(--text-secondary);justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;inset:0}.mtd-preview3d__hint{bottom:var(--space-3);left:var(--space-3);right:var(--space-3);z-index:2;width:fit-content;max-width:calc(100% - var(--space-3) * 2);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);text-align:center;background:#0f1218b8;margin:0 auto;font-size:.78rem;position:absolute}.mtd-preview-content{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.mtd-preview-content__brand{align-items:center;gap:var(--space-2);align-self:flex-start;display:flex}.mtd-preview-content__brand-logo{width:auto;height:22px}.mtd-preview-content__brand-text{flex-direction:column;line-height:1.25;display:flex}.mtd-preview-content__brand-tagline{letter-spacing:.04em;color:var(--text-secondary);font-size:.72rem;font-weight:700}.mtd-preview-content__brand-product{color:var(--text-faint);font-size:.72rem}.mtd-preview-content__brand-footer{color:var(--text-faint);text-align:center;margin:0;font-size:.7rem}.mtd-preview-content__stage{width:100%;min-height:260px;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--bg);border:1px solid var(--border);justify-content:center;align-items:center;display:flex;position:relative}.mtd-preview-content__canvas{max-width:100%;height:auto;max-height:60vh;box-shadow:var(--shadow-md);border-radius:2px}.mtd-preview-content__empty{color:var(--text-faint);text-align:center;max-width:32ch;font-size:.86rem;position:absolute}.mtd-preview-content__downloads{gap:var(--space-1);flex-direction:column;width:100%;max-width:460px;display:flex}.mtd-preview-content__downloads .button{justify-content:center;width:100%}.mtd-preview-content__download-group{gap:var(--space-1);flex-direction:column;display:flex}.mtd-preview-content__download-group+.mtd-preview-content__download-group{padding-top:var(--space-4);border-top:1px solid var(--border)}.mtd-preview-content__download-group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 var(--space-1);font-size:.68rem;font-weight:700}.mtd-preview-content__preflight{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:.78rem;line-height:1.4}.mtd-preview-content__preflight--pass{color:var(--success-text);background:color-mix(in srgb, var(--success-text) 12%, transparent);text-align:center;margin:0}.mtd-layers-panel{gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.mtd-layers-panel__header{align-items:center;gap:var(--space-2);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);background:0 0;border:none;padding:0;font-size:.68rem;font-weight:700;display:flex}.mtd-layers-panel__list{flex-direction:column;gap:2px;max-height:260px;display:flex;overflow-y:auto}.mtd-layers-panel__empty{color:var(--text-secondary);padding:var(--space-2) 0;margin:0;font-size:.8rem}.mtd-layer-row{align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;min-width:0;display:flex}.mtd-layer-row--selected{background:color-mix(in srgb, var(--brand-blue-light) 14%, transparent);border-color:color-mix(in srgb, var(--brand-blue-light) 40%, transparent)}.mtd-layer-row__icon{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.mtd-layer-row__name{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);cursor:pointer;background:0 0;border:none;flex:auto;padding:0;font-size:.82rem;overflow:hidden}.mtd-layer-row__name--static{cursor:default;color:var(--text-secondary)}.mtd-layer-row__name-input{border:1px solid var(--brand-blue-light);border-radius:var(--radius-sm);background:var(--bg);min-width:0;color:var(--text);flex:auto;padding:2px 4px;font-size:.82rem}.mtd-layer-row__actions{flex:none;align-items:center;gap:2px;display:flex}.mtd-layer-row__toggle{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.mtd-layer-row__toggle:hover:not(:disabled){background:color-mix(in srgb, var(--text-secondary) 12%, transparent);color:var(--text)}.mtd-layer-row__toggle:disabled{opacity:.3;cursor:default}.mtd-layer-row__toggle[aria-pressed=true]{color:var(--brand-blue-light)}.mtd-layer-row--background{border-top:1px dashed var(--border);cursor:pointer;border-radius:0;margin-top:2px;padding-top:8px}.mtd-preview-content__preflight--warning{color:var(--text-secondary);background:color-mix(in srgb, var(--warning-text) 14%, transparent);border:1px solid color-mix(in srgb, var(--warning-text) 35%, transparent)}.mtd-preview-content__preflight--blocking{color:var(--text-secondary);background:color-mix(in srgb, var(--error-text) 12%, transparent);border:1px solid color-mix(in srgb, var(--error-text) 35%, transparent)}.mtd-preview-content__preflight-title{margin:0 0 var(--space-1);font-weight:600}.mtd-preview-content__preflight-list{margin:0;padding-left:1.1em}.mtd-preview-content__preflight-list li+li{margin-top:.2em}.mtd-preview-content__download-hint{margin:0 0 var(--space-3);color:var(--text-faint);text-align:center;font-size:.74rem}.mtd-preview-content__low-ppi{color:var(--warning-text);text-align:center;margin:var(--space-1) 0 0;font-size:.78rem}.mtd-preview-content__error{color:var(--error-text);text-align:center;margin:var(--space-1) 0 0;font-size:.8rem}.mtd-preview-content__disclaimer{color:var(--text-faint);text-align:center;margin:var(--space-2) 0 0;font-size:.72rem}.mtd-landing{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.mtd-landing__topbar{padding:var(--space-5) var(--space-6);align-items:center;width:100%;max-width:1240px;margin:0 auto;display:flex}.mtd-landing__main{padding:0 var(--space-6) clamp(3rem, 6vw, 5rem);flex-direction:column;gap:clamp(4rem,7vw,6.5rem);width:100%;max-width:1240px;margin:0 auto;display:flex}.mtd-landing-hero{grid-template-columns:minmax(0,513px) minmax(0,1fr);align-items:center;column-gap:90px;padding-top:clamp(.5rem,1.5vw,1rem);display:grid}.mtd-landing-hero__copy{flex-direction:column;align-items:flex-start;gap:0;min-width:0;display:flex}.mtd-landing-hero__title{letter-spacing:-.02em;text-wrap:balance;margin:0 0 1.35rem;font-size:clamp(2.4rem,5vw,3.75rem);font-weight:800;line-height:1.05}@media (width<=400px){.mtd-landing-hero__title{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}}.mtd-landing-hero__subtitle{color:var(--text-secondary);max-width:58ch;margin:0 0 1.75rem;font-size:1.15rem;line-height:1.55}.mtd-landing-hero__actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:1.1rem;display:flex}.mtd-landing-hero__secondary-link{color:var(--text-secondary);text-underline-offset:3px;white-space:nowrap;font-size:.98rem;font-weight:600;text-decoration:underline}.mtd-landing-hero__secondary-link:hover,.mtd-landing-hero__secondary-link:focus-visible{color:var(--text)}.mtd-landing-hero__microcopy{color:var(--text-faint);max-width:52ch;margin:0 0 1rem;font-size:.85rem;line-height:1.5}.mtd-landing-hero__project-error{color:var(--error-text);margin:0 0 .75rem;font-size:.9rem}.mtd-landing-hero__visual{justify-content:center;align-self:center;min-width:0;display:flex}.mtd-hero-showcase{aspect-ratio:1.25;width:100%;position:relative}.mtd-hero-showcase__glow{filter:blur(14px);z-index:0;background:radial-gradient(closest-side,#3dc2ff38,#0000 72%);position:absolute;inset:0}.mtd-hero-showcase__product{z-index:2;border-radius:var(--radius-lg);object-fit:contain;filter:drop-shadow(0 26px 44px #00000080);width:50%;height:auto;position:absolute;top:50%;left:0;transform:translateY(-50%)}.mtd-hero-showcase__editor{z-index:3;border-radius:var(--radius-md);border:1px solid var(--border-strong);width:75%;height:auto;position:absolute;top:56%;right:0;transform:translateY(-50%);box-shadow:0 20px 40px #0000008c}.mtd-landing-proof{margin-top:calc(-1*clamp(1.5rem,3vw,2.5rem))}.mtd-landing-proof__list{align-items:stretch;gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.mtd-landing-proof__step{align-items:stretch;gap:var(--space-2);flex:1;min-width:0;display:flex}.mtd-landing-proof__module{min-width:0;min-height:4.75rem;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel);flex-direction:column;flex:1;justify-content:center;gap:.3rem;transition:border-color .15s,background-color .15s;display:flex}.mtd-landing-proof__module:hover{border-color:var(--border-strong);background:var(--panel-secondary)}@media (prefers-reduced-motion:reduce){.mtd-landing-proof__module{transition:none}}.mtd-landing-proof__arrow{color:var(--brand-blue-light);flex:none;align-self:center;font-size:1.2rem;font-weight:400;line-height:1}.mtd-landing-proof__item-title{color:var(--text);font-size:.92rem;font-weight:700}.mtd-landing-proof__item-body{color:var(--text-secondary);font-size:.9rem;line-height:1.45}.mtd-landing-section{gap:var(--space-6);flex-direction:column;display:flex}.mtd-landing-section__title{letter-spacing:-.01em;text-align:center;margin:0;font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:800;line-height:1.15}.mtd-inspiration-grid{align-items:stretch;gap:var(--space-5);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.mtd-inspiration-card{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.mtd-inspiration-card__media{border-radius:var(--radius-lg);aspect-ratio:900/1613;background:#ffffff06;min-width:0;position:relative;overflow:hidden}.mtd-inspiration-card__image{object-fit:contain;width:100%;height:100%;display:block}.mtd-inspiration-card__info{min-width:0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel);flex-direction:column;flex:1;justify-content:center;gap:.3rem;transition:border-color .15s,background-color .15s;display:flex}.mtd-inspiration-card__info:hover{border-color:var(--border-strong);background:var(--panel-secondary)}@media (prefers-reduced-motion:reduce){.mtd-inspiration-card__info{transition:none}}.mtd-inspiration-card__title{color:var(--text);margin:0;font-size:.98rem;font-weight:700}.mtd-inspiration-card__body{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.4}.mtd-workflow-list{gap:var(--space-5);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.mtd-workflow-step{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.mtd-workflow-step__image{aspect-ratio:1920/1005;object-fit:cover;border-radius:var(--radius-lg);width:100%;height:auto;display:block;box-shadow:0 16px 34px #0006}.mtd-workflow-step__caption{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel);flex-direction:column;flex:1;justify-content:center;gap:.35rem;transition:border-color .15s,background-color .15s;display:flex}.mtd-workflow-step__caption:hover{border-color:var(--border-strong);background:var(--panel-secondary)}@media (prefers-reduced-motion:reduce){.mtd-workflow-step__caption{transition:none}}.mtd-workflow-step__header{align-items:center;gap:.65rem;margin-bottom:.35rem;display:flex}.mtd-workflow-step__number{background:var(--brand-blue-tint);width:1.9rem;height:1.9rem;color:var(--brand-blue-light);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:inline-flex}.mtd-workflow-step__title{margin:0;font-size:1.1rem;font-weight:700}.mtd-workflow-step__body{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.mtd-landing-action{text-align:center;align-items:center}.mtd-landing-action__body{color:var(--text-secondary);max-width:64ch;margin:-1.25rem 0 0;font-size:1.05rem;line-height:1.55}.mtd-landing-action__image{border-radius:var(--radius-lg);border:1px solid var(--border-strong);width:100%;height:auto;box-shadow:0 24px 50px #00000073}.mtd-landing-action__chips{justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.mtd-landing-action__chip{border:1px solid var(--border-strong);background:var(--panel-secondary);color:var(--text);border-radius:999px;padding:.6rem 1.25rem;font-size:.92rem;font-weight:600}.mtd-landing-proof__intro{color:var(--text-secondary);max-width:68ch;margin:0 auto var(--space-5);text-align:center;font-size:1.05rem;line-height:1.55}.mtd-landing-production__intro{color:var(--text-secondary);text-align:center;max-width:68ch;margin:-1.25rem auto 0;font-size:1.05rem;line-height:1.55}.mtd-landing-production__layout{gap:var(--space-5);grid-template-columns:minmax(0,.7fr) minmax(0,1fr);grid-template-areas:"main check""main export";align-items:start;display:grid}.mtd-landing-production__item{gap:var(--space-2);flex-direction:column;min-width:0;margin:0;display:flex}.mtd-landing-production__item--main{grid-area:main;align-self:center}.mtd-landing-production__item--check{grid-area:check}.mtd-landing-production__item--export{grid-area:export}.mtd-landing-production__frame{border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex;overflow:hidden}.mtd-landing-production__frame img{object-fit:contain;width:100%;height:100%;display:block}.mtd-landing-production__frame--main{aspect-ratio:1065/1400;background:var(--panel-elevated);border:1px solid var(--border-strong);max-width:300px;padding:var(--space-4);margin:0 auto;box-shadow:0 24px 50px #00000073}.mtd-landing-production__frame--check{aspect-ratio:16/9;background:var(--panel-elevated);border:1px solid var(--border)}.mtd-landing-production__frame--export{aspect-ratio:16/10;background:var(--panel-elevated);border:1px solid var(--border);width:72%;margin-inline:auto}.mtd-landing-production__caption{text-align:center;color:var(--text-secondary);margin:0;font-size:.9rem;font-weight:600}.mtd-landing-production__points{margin:var(--space-6) 0 0;gap:var(--space-5);grid-template-columns:repeat(2,1fr);padding:0;list-style:none;display:grid}.mtd-landing-production__point{min-width:0}.mtd-landing-production__point-title{margin:0 0 .35rem;font-size:1.02rem;font-weight:700}.mtd-landing-production__point-body{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.5}.mtd-landing-handoff{text-align:center;align-items:center}.mtd-landing-handoff__body{color:var(--text-secondary);max-width:64ch;margin:-1.25rem 0 0;font-size:1.05rem;line-height:1.55}.mtd-landing-handoff__steps{gap:var(--space-3);counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.mtd-landing-handoff__steps:before{content:"";background:var(--border-strong);z-index:0;height:1px;position:absolute;top:1.05rem;left:12%;right:12%}.mtd-landing-handoff__step{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:.5rem;min-width:0;display:flex;position:relative}.mtd-landing-handoff__step-number{background:var(--brand-blue-tint);width:2.1rem;height:2.1rem;color:var(--brand-blue-light);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:inline-flex}.mtd-landing-handoff__step-label{color:var(--text);letter-spacing:.03em;text-transform:uppercase;font-size:.82rem;font-weight:700;line-height:1.3}.mtd-landing-handoff__cta{color:var(--brand-blue-light);text-underline-offset:3px;font-size:1rem;font-weight:700;text-decoration:underline}.mtd-landing-usecases__grid{gap:var(--space-5);grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.mtd-landing-usecase-card{min-width:0;min-height:8.5rem;padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel);text-align:left;flex-direction:column;justify-content:center;gap:.6rem;transition:border-color .15s,background-color .15s;display:flex}.mtd-landing-usecase-card:hover{border-color:var(--border-strong);background:var(--panel-secondary)}@media (prefers-reduced-motion:reduce){.mtd-landing-usecase-card{transition:none}}.mtd-landing-usecase-card__title{color:var(--text);margin:0;font-size:1.12rem;font-weight:800}.mtd-landing-usecase-card__body{color:var(--text-secondary);margin:0;font-size:.94rem;line-height:1.5}.mtd-landing-faq__list{border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:800px;margin:0;margin-inline:auto;overflow:hidden}.mtd-landing-faq__item{border-bottom:1px solid var(--border)}.mtd-landing-faq__item:last-child{border-bottom:none}.mtd-landing-faq__question{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:3.9rem;padding:var(--space-4) var(--space-5);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.02rem;font-weight:700;list-style:none;display:flex}.mtd-landing-faq__question::-webkit-details-marker{display:none}.mtd-landing-faq__question:hover{background:var(--panel-secondary)}.mtd-landing-faq__question:focus-visible{outline:2px solid var(--brand-blue-light);outline-offset:-2px}.mtd-landing-faq__item[open]>.mtd-landing-faq__question{background:var(--panel);color:var(--brand-blue-light)}.mtd-landing-faq__chevron{width:1.2rem;height:1.2rem;color:var(--text-secondary);flex-shrink:0;transition:transform .18s;transform:rotate(90deg)}.mtd-landing-faq__item[open]>.mtd-landing-faq__question .mtd-landing-faq__chevron{color:var(--brand-blue-light);transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.mtd-landing-faq__chevron{transition:none}}.mtd-landing-faq__answer{color:var(--text-secondary);padding:0 var(--space-5) var(--space-5);max-width:70ch;margin:0;font-size:.96rem;line-height:1.6}.mtd-landing-final-cta{text-align:center;align-items:center;gap:var(--space-4);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--panel-elevated), var(--panel));border:1px solid var(--border-strong);border-top:1px solid var(--brand-blue-light);flex-direction:column;padding:clamp(3.5rem,8vw,5rem) clamp(1.5rem,5vw,3rem);display:flex}.mtd-landing-final-cta__title{margin:0;font-size:clamp(1.7rem,3.6vw,2.4rem);font-weight:800}.mtd-landing-final-cta__body{color:var(--text-secondary);max-width:56ch;margin:0;font-size:1.05rem}.mtd-landing-final-cta__actions{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.mtd-landing-final-cta__microcopy{color:var(--text-secondary);margin:0;font-size:.85rem}.mtd-landing__footer{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-6) var(--space-7);flex-direction:column;display:flex}.mtd-landing__footer-privacy{color:var(--text-faint);font-size:.78rem}.mtd-landing__social{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.mtd-landing__social-label{color:var(--text-faint);font-size:.72rem}.mtd-landing__social-list{justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.mtd-landing__social-link{color:var(--text-faint);border-radius:6px;justify-content:center;align-items:center;display:flex}.mtd-landing__social-link:hover,.mtd-landing__social-link:focus-visible{color:var(--brand-blue-light)}.mtd-landing__social-icon{width:18px;height:18px}.mtd-panel-toggle,.mtd-panel-scrim{display:none}.mtd-panel__close{align-self:flex-end;display:none}@media (width<=1023px){.mtd-workspace__body{grid-template-columns:56px 1fr}.mtd-toolbar{width:56px}.mtd-tool-button{width:40px;height:40px}.mtd-panel{top:var(--mtd-topbar-height);z-index:20;background:var(--panel);width:min(360px,88vw);transition:transform .22s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 32px #00000059}.mtd-panel[data-open=true]{transform:translate(0)}.mtd-panel-scrim{inset:var(--mtd-topbar-height) 0 0 0;z-index:19;background:#060a10b8;display:block;position:fixed}.mtd-panel-toggle,.mtd-panel__close{display:flex}.mtd-topbar__product .status-pill{display:none}.mtd-history-controls .mtd-tool-button{width:32px;height:32px}.mtd-segmented__option{padding:.35rem .6rem}.mtd-topbar__side-control,.mtd-topbar__preview-button-label{display:none}.mtd-workflow-list,.mtd-inspiration-grid,.mtd-landing-usecases__grid{grid-template-columns:repeat(2,1fr)}.mtd-landing-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:clamp(2rem,4vw,3rem)}.mtd-landing-production__layout{grid-template-columns:1fr;grid-template-areas:"main""check""export"}.mtd-landing-production__frame--main,.mtd-landing-production__frame--export{width:100%;max-width:320px}.mtd-landing-handoff__steps{row-gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.mtd-landing-handoff__steps:before{display:none}}@media (width<=767px){.mtd-workspace{grid-template-rows:var(--mtd-topbar-height) 1fr auto}.mtd-workspace__body{grid-template-columns:1fr}.mtd-toolbar,.mtd-panel,.mtd-panel-scrim{display:none}.mtd-bottomnav{display:flex}.mtd-topbar{gap:var(--space-2);padding:0 var(--space-3)}.mtd-project-menu__trigger-label{display:none}.mtd-project-menu__status{text-indent:-9999px;background:var(--brand-blue-light,var(--text-secondary));border-radius:50%;width:8px;height:8px;padding:0;display:inline-block;overflow:hidden}.mtd-project-menu__status--error{background:var(--error-text)}.mtd-finish-grid{grid-template-columns:1fr}.mtd-product-preview__facts{grid-template-columns:repeat(3,1fr);width:100%}.mtd-canvas-area{padding:var(--space-3)}.mtd-landing-hero{text-align:center;grid-template-columns:minmax(0,1fr)}.mtd-landing-hero__copy,.mtd-landing-hero__visual{width:100%;min-width:0}.mtd-landing-hero__copy{align-items:center}.mtd-landing-hero__visual{order:2}.mtd-hero-showcase{aspect-ratio:auto;align-items:center;gap:var(--space-5);flex-direction:column;width:100%;display:flex;position:static}.mtd-hero-showcase__glow{display:none}.mtd-hero-showcase__product{width:min(300px,78vw);position:static;top:auto;left:auto;transform:none}.mtd-hero-showcase__editor{width:min(360px,88vw);position:static;inset:auto;transform:none}.mtd-landing-hero__actions{justify-content:center}.mtd-workflow-list,.mtd-landing-usecases__grid{grid-template-columns:1fr}.mtd-inspiration-grid{grid-template-columns:repeat(2,1fr)}.mtd-landing-proof__list{flex-direction:column}.mtd-landing-proof__step{flex-direction:column;align-items:stretch}.mtd-landing-proof__arrow{align-self:center;transform:rotate(90deg)}.mtd-landing-production__layout{grid-template-columns:1fr;grid-template-areas:"check""main""export"}.mtd-landing-production__points{grid-template-columns:1fr}.mtd-landing-action__chips{justify-content:center}.mtd-landing-handoff__steps{row-gap:var(--space-5);grid-template-columns:1fr}.mtd-landing-handoff__steps:before{display:none}.mtd-landing-handoff__step{text-align:left;flex-direction:row;justify-content:flex-start}}