:root{--structure-input-action-width:36px}@media (pointer:coarse){:root{--structure-input-action-width:44px}}.structure-input-control{min-width:0;position:relative}.structure-input-control>input{box-sizing:border-box;width:100%;padding-inline-end:52px}.structure-input-control>.structure-draw-trigger{position:absolute;top:50%;right:4px;translate:0 -50%}#root .structure-draw-trigger{width:var(--structure-input-action-width);min-width:var(--structure-input-action-width);height:44px;color:var(--sys-muted);cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;place-items:center;padding:0;display:inline-grid}#root .structure-draw-trigger:is(:hover,:focus-visible,:active){color:var(--sys-ink);background:0 0}.structure-drawing-dialog{box-sizing:border-box;border:var(--sys-surface-border);border-radius:var(--sys-panel-radius);background:var(--sys-canvas);width:min(1120px,100vw - 48px);max-width:none;height:min(800px,100dvh - 48px);max-height:none;color:var(--sys-ink);padding:20px}.structure-drawing-dialog[open]{flex-direction:column;gap:12px;display:flex}.structure-drawing-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.structure-drawing-heading h2{font-size:var(--type-h3);margin:0;font-weight:600}.structure-drawing-dialog button{border-radius:var(--sys-action-radius);font:inherit;color:inherit;background:var(--sys-field);cursor:pointer;border:0;min-height:44px;padding:10px 16px}.structure-drawing-dialog button:disabled{opacity:.5;cursor:default}.structure-drawing-dialog button:is(:hover,:focus-visible):not(:disabled){background:var(--sys-field-strong);outline:none}.structure-drawing-heading button{background:0 0;place-items:center;width:44px;padding:0;display:grid}.structure-drawing-canvas{background:var(--sys-canvas);flex:1;min-height:0;position:relative}.structure-drawing-canvas>p{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.structure-drawing-canvas iframe{background:var(--sys-canvas);border:0;width:100%;height:100%}.structure-drawing-canvas iframe[data-ready=false]{visibility:hidden}.structure-drawing-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.structure-drawing-dialog .structure-drawing-advanced{background:0 0;align-items:center;gap:8px;padding-inline:8px;display:inline-flex}.structure-drawing-actions>span{flex:1}.structure-drawing-error{font-size:var(--type-caption);margin:0}@media (width<=767px),(height<=500px){.structure-drawing-dialog{border-radius:0;width:100%;height:100dvh;margin:0;padding:12px}}.structure-drawing-page-actions{margin-bottom:var(--drawing-toolbar-margin,12px);flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.structure-draft-status{color:var(--sys-muted);font-size:var(--type-caption)}.structure-drawing-page-actions>button{min-height:44px;color:var(--sys-ink);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;display:inline-flex}.structure-drawing-page-canvas{height:clamp(440px,70dvh,900px)}:is(.structure-drawing-page,.desktop-drawing-content)>details{color:var(--sys-muted);margin-top:16px}:is(.structure-drawing-page,.desktop-drawing-content)>details p{max-width:65ch}.structure-drawing-page{isolation:isolate;position:relative}:is(.structure-drawing-dialog,.structure-drawing-page):after{content:"";z-index:100;border-radius:inherit;background:var(--sys-modal-scrim);clip-path:var(--editor-modal-cutout,none);opacity:0;pointer-events:none;transition:opacity var(--motion-panel-duration) var(--motion-panel-ease);position:absolute;inset:0}:is(.structure-drawing-dialog,.structure-drawing-page)[data-inner-modal]:after{opacity:1;pointer-events:none}html[data-motion=reduce] :is(.structure-drawing-dialog,.structure-drawing-page):after{transition:none}@media (prefers-reduced-motion:reduce){:is(.structure-drawing-dialog,.structure-drawing-page):after{transition:none}}.desktop-drawing{--drawing-toolbar-margin:0}.desktop-drawing-content{inset:var(--canvas-heading-height,90px) 20px 20px;flex-direction:column;gap:12px;min-height:0;display:flex;position:absolute}.desktop-drawing-content>.structure-drawing-page-canvas{flex:1;height:auto;min-height:240px}.desktop-drawing-content>details{font-size:var(--type-caption);flex:none;margin:0}