.sd-root{--sd-bg:#fff;--sd-panel:#f8fafc;--sd-text:#1b2839;--sd-muted:#617287;--sd-line:#d9e2ea;--sd-accent:#007095;--sd-focus:#e37b23;box-sizing:border-box;color:var(--sd-text);background:var(--sd-bg);border:1px solid var(--sd-line);border-radius:12px;width:100%;min-width:0;font:13px/1.45 Inter,Arial,sans-serif;overflow:hidden;box-shadow:0 12px 38px #11304a12;container-type:inline-size}.sd-root *{box-sizing:border-box}.sd-root button,.sd-root input,.sd-root select,.sd-root textarea{font:inherit}.sd-root button{cursor:pointer;color:inherit}.sd-root button:disabled{opacity:.45;cursor:not-allowed}.sd-root button:focus-visible,.sd-root input:focus-visible,.sd-root select:focus-visible,.sd-root textarea:focus-visible{outline:3px solid var(--sd-focus);outline-offset:2px}.sd-root h3{margin:0 0 12px;font-size:15px}.sd-root p{margin:8px 0}.sd-sr{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-top{background:var(--sd-panel);border-bottom:1px solid var(--sd-line);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:11px 14px;display:flex}.sd-title{flex-direction:column;min-width:0;display:flex}.sd-title strong{font-size:15px}.sd-title small{color:var(--sd-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sd-top-actions,.sd-toolbar,.sd-viewbar{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.sd-top-actions button,.sd-toolbar button,.sd-viewbar button{border:1px solid var(--sd-line);background:var(--sd-bg);border-radius:6px;min-height:33px;padding:6px 9px}.sd-toolbar button[aria-pressed=true],.sd-viewbar button[aria-pressed=true]{color:#005675;background:#d9eef4;border-color:#80c5d6}.sd-layout{grid-template-columns:60px minmax(0,1fr) minmax(220px,280px);min-width:0;min-height:530px;display:grid}.sd-sidebar{border-right:1px solid var(--sd-line);background:var(--sd-panel)}.sd-sidebar nav{flex-direction:column;gap:4px;padding:8px 4px;display:flex}.sd-sidebar button{background:0 0;border:0;border-radius:7px;flex-direction:column;align-items:center;gap:1px;padding:7px 2px;font-size:9px;display:flex}.sd-sidebar i{font-size:16px}.sd-sidebar button.is-active{color:#006888;background:#d9eef4}.sd-work{background:#f0f4f7;flex-direction:column;min-width:0;display:flex}.sd-tools,.sd-viewbar{border-bottom:1px solid var(--sd-line);background:#fff;padding:8px}.sd-spacer{flex:1}.sd-stage-wrap{touch-action:auto;background-color:#e8eef3;background-image:radial-gradient(#bfd0db 1px,#0000 1px);background-size:14px 14px;flex:1;place-items:center;min-height:340px;padding:24px;display:grid;overflow:hidden}.sd-stage{aspect-ratio:1;transform-origin:50%;background:#fff;width:min(100%,430px);max-height:430px;position:relative;box-shadow:0 12px 35px #1c314532}.sd-stage>div,.sd-stage svg{width:100%;height:100%;display:block}.sd-stage>[data-overlay]{touch-action:none;position:absolute;inset:0}.sd-stage [data-object-id]{cursor:move}.sd-stage [data-object-id].sd-selected{filter:drop-shadow(0 0 .35px #006eaf)}.sd-stage [data-object-id].sd-selected path{stroke:#16a2d6;stroke-width:.3px}.sd-stage .sd-error{color:#9b1525;padding:20px}.sd-colors{border-top:1px solid var(--sd-line);color:var(--sd-muted);background:#fff;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex}.sd-colors button{background:var(--ink);border:1px solid #0002;border-radius:50%;width:25px;height:25px}.sd-colors button.is-active{outline:2px solid var(--sd-accent);outline-offset:2px}.sd-status{color:#31576d;border-top:1px solid var(--sd-line);background:#fff;min-height:28px;padding:5px 12px;font-size:11px}.sd-properties{border-left:1px solid var(--sd-line);background:#fff;min-width:0;max-height:660px;padding:15px;overflow:auto}.sd-properties label,.sd-bottom label{color:#40536a;flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.sd-properties input,.sd-properties select,.sd-properties textarea,.sd-filter select,.sd-bottom select{border:1px solid var(--sd-line);width:100%;min-width:0;color:var(--sd-text);background:#fff;border-radius:6px;padding:7px 8px}.sd-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.sd-wide{grid-column:1/-1}.sd-field{margin:0 0 10px}.sd-muted{color:var(--sd-muted);font-size:11px}.sd-warning{color:#a04e00;font-size:11px;font-weight:600}.sd-check{align-items:center;gap:6px;margin:7px 0;color:var(--sd-text)!important;flex-direction:row!important;display:flex!important}.sd-check input{width:auto!important}.sd-filter{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.sd-catalog{gap:8px;max-height:520px;display:grid;overflow:auto}.sd-template{text-align:left;border:1px solid var(--sd-line);background:#fff;border-radius:8px;grid-template-columns:54px 1fr;align-items:center;column-gap:9px;padding:7px;display:grid}.sd-template:hover,.sd-template:focus-visible{border-color:var(--sd-accent)}.sd-template-thumb{background:#fff;border:1px solid #e6ebef;grid-row:span 2;place-items:center;width:54px;height:54px;display:grid}.sd-template-thumb svg{width:50px;height:50px}.sd-template strong{font-size:11px}.sd-template small{color:var(--sd-muted);font-size:10px}.sd-layers{gap:3px;max-height:430px;display:grid;overflow:auto}.sd-layers button{text-align:left;border:1px solid var(--sd-line);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:7px;display:flex}.sd-layers button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sd-layers small{color:var(--sd-muted);font-size:9px}.sd-layers button.is-selected{background:#e5f3f7;border-color:#76b8ca}.sd-bottom{border-top:1px solid var(--sd-line);background:#fff;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 12px;display:flex}.sd-bottom>button{border:1px solid var(--sd-line);background:#fff;border-radius:6px;padding:7px 9px}.sd-bottom label{flex-direction:row;align-items:center;gap:5px}.sd-bottom select{width:auto}.sd-mobile-nav{display:none}.sd-trace-backdrop{z-index:500;background:#001b2d99;place-items:center;padding:15px;display:grid;position:fixed;inset:0}.sd-trace{background:#fff;border-radius:10px;width:min(760px,100%);max-height:90vh;padding:18px;overflow:auto}.sd-trace h2{margin:0;font-size:21px}.sd-trace-compare{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sd-trace-compare>div>div{border:1px solid var(--sd-line);background:#fff;place-items:center;height:220px;display:grid;overflow:hidden}.sd-trace-compare canvas,.sd-trace-compare svg{max-width:100%;max-height:100%}.sd-trace label{margin:10px 0;display:block}.sd-trace input{width:100%;display:block}.sd-root[data-narrow=true] .sd-layout{grid-template-columns:minmax(0,1fr)}.sd-root[data-narrow=true] .sd-sidebar{display:none}.sd-root[data-narrow=true] .sd-mobile-nav{border-bottom:1px solid var(--sd-line);display:flex;overflow:auto}.sd-root[data-narrow=true] .sd-mobile-nav button{white-space:nowrap;background:#fff;border:0;padding:9px}.sd-root[data-narrow=true] .sd-properties{border:0;border-top:1px solid var(--sd-line);max-height:none;display:block}.sd-root[data-narrow=true] .sd-stage-wrap{min-height:300px}.sd-root[data-narrow=true] .sd-top{flex-wrap:wrap;align-items:flex-start}.sd-root[data-narrow=true] .sd-top-actions{width:100%}.sd-root[data-narrow=true] .sd-tools{max-height:87px;overflow:auto}.sd-root[data-narrow=true] .sd-stage{width:min(100%,340px);max-height:340px}.sd-root[data-narrow=true] .sd-bottom{align-items:flex-start}.sd-root[data-narrow=true] .sd-trace-compare{grid-template-columns:1fr}.smui-docs--constructor .smui-docs__layout{grid-template-columns:268px minmax(0,1fr)}.smui-docs--constructor .smui-docs__toc{display:none}.smui-docs--constructor .smui-docs__main{max-width:none;padding:28px clamp(16px,2.5vw,40px) 0}@media (width<=760px){.smui-docs--constructor .smui-docs__layout{display:block}.smui-docs--constructor .smui-docs__main{padding:20px 14px 0}}@container (width<=420px){.sd-title strong{font-size:13px}.sd-top-actions button,.sd-toolbar button,.sd-viewbar button{min-height:31px;padding:5px 7px}.sd-properties{padding:12px}.sd-viewbar .sd-check{width:100%}.sd-stage-wrap{padding:14px}}.sd-mounts{border:1px solid #9ca3af;border-radius:.75rem;margin-block:1rem;padding:1rem}.sd-mounts h3{margin:0 0 .5rem;font-weight:600}.sd-mounts p{margin:0 0 1rem}.sd-mounts ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.75rem;padding:0;list-style:none;display:grid}.sd-mounts li{min-width:0}.sd-mounts a{align-items:center;gap:.5rem;text-decoration:underline;display:flex}.sd-mounts img{object-fit:contain;flex-shrink:0;width:72px;height:72px}.sd-mounts small{margin-top:.5rem;display:block}.sd-mounts button{border:1px solid;border-radius:.3rem;margin:.5rem .5rem 0 0;padding:.4rem .8rem}