@layer theme,base;@layer components{:root{--mmd-checker:repeating-conic-gradient(#e4e4e0 0% 25%, #fff 0% 50%) 50% / 16px 16px}:root[data-theme=dark]{--mmd-checker:repeating-conic-gradient(#3a3a37 0% 25%, #2a2a28 0% 50%) 50% / 16px 16px}.mmd-viewport{overscroll-behavior:contain;touch-action:pan-x pan-y;background:var(--mmd-paper,#fff);position:relative;overflow:auto}.mmd-viewport:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.mmd-viewport[data-pannable]{cursor:grab}.mmd-viewport[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.mmd-canvas{box-sizing:border-box;width:max-content;min-width:100%;min-height:100%;display:flex}.mmd-paper{flex:none;margin:auto}:root[data-theme=dark] .mmd-viewport{background-color:var(--bg-inset);background-image:radial-gradient(color-mix(in srgb, var(--fg) 9%, transparent) 1px, transparent 1.2px);background-size:16px 16px}:root[data-theme=dark] .mmd-paper{isolation:isolate;position:relative}:root[data-theme=dark] .mmd-paper:before{content:"";z-index:-1;background:var(--mmd-paper);border-radius:3px;position:absolute;inset:-16px;box-shadow:0 0 0 1px #ffffff0f,0 18px 40px -12px #000c}.mmd-svg>svg{display:block;width:100%!important;max-width:none!important;height:100%!important}.mmd-viewport[data-stale] .mmd-canvas{opacity:.45;transition:opacity var(--dur-2)}.mmd-empty{place-items:center;height:100%;padding:24px;display:grid}.mmd-empty>*{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);max-width:360px;color:var(--fg-2);text-align:center;padding:8px 12px;font-size:13px;line-height:20px}.mmd-zoom{margin-left:4px}.mmd-zoom .mmd-fit[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-soft-fg)}.mmd-status{font:500 12px var(--font-mono);color:var(--fg-3);white-space:nowrap;align-items:center;gap:6px;margin-left:4px;display:inline-flex}.mmd-status .wb-dot{width:6px;height:6px}.mmd-status[data-state=error]{color:var(--error-fg)}.mmd-status[data-state=error] .wb-dot{background:var(--error)}.mmd-status[data-state=pending] .wb-dot,.mmd-status[data-state=empty] .wb-dot{background:var(--fg-3)}.rb-detect.mmd-detect-error .wb-dot{background:var(--error)}.mmd-editor{flex:1 1 0}.mmd-error{border-top:1px solid var(--error-line);background:var(--error-bg);max-height:45%;color:var(--fg);flex:none;gap:10px;padding:10px 14px;font-size:13px;line-height:20px;display:flex;overflow:auto}.mmd-error>svg{width:16px;height:16px;color:var(--error);flex:none;margin-top:2px}.mmd-error-body{flex:1;min-width:0}.mmd-error-where{color:var(--error-fg);text-underline-offset:2px;cursor:pointer;font-weight:600;text-decoration:underline}.mmd-error-where:hover{text-decoration-thickness:2px}.mmd-error pre{border-radius:var(--radius-xs);background:color-mix(in srgb, var(--bg) 70%, transparent);font:12px/18px var(--font-mono);white-space:pre;tab-size:2;margin-top:6px;padding:6px 8px;overflow-x:auto}.mmd-error-foot{color:var(--fg-2);flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:12px;display:flex}.mmd-error-foot summary{cursor:pointer}.mmd-error-foot details p{font:12px/18px var(--font-mono);overflow-wrap:anywhere;margin-top:4px}.mmd-editor[data-invalid] .md-source-mark{background:color-mix(in srgb, var(--error) 22%, transparent);box-shadow:inset 0 -2px 0 var(--error)}.mmd-swatch{border-radius:4px;width:26px;height:18px;display:block;box-shadow:inset 0 0 0 1px #0000001f}.mmd-swatch:after{content:"";border:1.5px solid var(--sw-line);background:var(--sw-node);border-radius:2px;width:12px;height:8px;margin:5px auto 0;display:block}.mmd-themes .seg{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.mmd-themes .seg>button{min-width:0;font-size:12px}.mmd-actions{gap:8px;display:grid}.mmd-actions .btn{justify-content:flex-start}.mmd-sub-label{color:var(--fg-2);font-size:12.5px;font-weight:500}.mmd-action-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:8px;margin-top:4px;display:grid}.insp-foot.mmd-insp-foot{position:static}.mmd-readout{font:500 12px var(--font-mono);color:var(--fg-3)}.mmd-source-theme{color:var(--warning-fg);margin-top:8px;font-size:12px;line-height:16px}.mmd-pane-input{container-name:mmd-pane}.mmd-pane-input .pane-head .mmd-template{flex:0 auto;width:216px;min-width:112px}.mmd-pane-input .pane-head .btn .lbl{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@container mmd-pane (min-width:600px){.mmd-pane-input .pane-head .btn .lbl{clip-path:none;width:auto;height:auto;position:static;overflow:visible}}@container mmd-pane (max-width:380px){.mmd-template .select-inline-key{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (min-width:768px){@container mmd-pane (max-width:419px){.mmd-pane-input .pane-head .mmd-template{width:144px}.mmd-template .select-inline-key{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@container mmd-pane (max-width:459px){.mmd-pane-input:has(.pane-sample) .pane-head .mmd-template{width:144px}.mmd-pane-input:has(.pane-sample) .mmd-template .select-inline-key{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@container mmd-pane (max-width:389px){.mmd-pane-input .pane-head .pane-sample{display:none}}}@media (max-height:680px) and (min-width:768px){.mmd-insp-foot{display:none}}@media (max-width:767px){.mmd-pane-input .pane-head .mmd-template{flex:auto;width:184px}}:is(.mmd-pane-input,.pane-output)>.pane-foot>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:is(.mmd-pane-input,.pane-output)>.pane-foot>*{flex-shrink:0}:is(.mmd-pane-input,.pane-output)>.pane-foot>span:first-child{flex-shrink:1}.mmd-opts-wide{display:contents}.mmd-opts-phone{display:none}@media (max-width:767px){.mmd-opts-wide{display:none}.mmd-opts-phone{display:contents}}.menu-item-icon:has(>.mmd-swatch){width:26px;height:18px}}@layer utilities;