.connected-quote{color:#16354b;font-family:inherit;max-width:1440px;margin:0 auto;padding:24px 0}
.connected-quote *{box-sizing:border-box}
.connected-quote [hidden]{display:none!important}
.connected-heading,.connected-scene-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.connected-heading h1,.connected-heading h2,.connected-scene-heading h3{margin:0}
.connected-subtitle{color:#637785;line-height:1.6;margin:8px 0 24px}
.connected-card,.connected-section,.connected-scene{background:#fff;border:1px solid #dce6ec;border-radius:12px;padding:20px}
.connected-card{margin:16px 0}
.connected-card h3,.connected-section h3{font-size:16px;margin:0 0 16px}
.connected-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.connected-button{font:inherit;font-size:14px;font-weight:650;line-height:1.4;border:1px solid #d3e0e8;background:#fff;color:#16354b;border-radius:8px;padding:10px 14px;cursor:pointer}
.connected-button:hover:not(:disabled){background:#edf6fc;border-color:#9cbacf}
.connected-button.primary{background:#1476ad;border-color:#1476ad;color:#fff}
.connected-button.primary:hover:not(:disabled){background:#105d8a}
.connected-button:focus-visible,.connected-field :focus-visible{outline:3px solid #8ac7eb;outline-offset:3px}
.connected-button:disabled{cursor:not-allowed;opacity:.5}
.connected-field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;font-size:13px;font-weight:650}
.connected-field input,.connected-field select,.connected-field textarea,.connected-field output{font:inherit;font-size:14px;font-weight:400;color:#16354b;min-height:42px;padding:10px 11px;border:1px solid #cbdbe5;border-radius:7px;background:#fff;width:100%}
.connected-field input[type=checkbox]{width:22px;height:22px;min-height:0;accent-color:#1476ad;align-self:flex-start}
.connected-field textarea{resize:vertical;min-height:90px}
.connected-field output{border:0;padding:4px 0;background:transparent}
.connected-field :disabled{background:#f1f5f8;color:#647888}
.connected-status,.connected-notice{font-size:14px;line-height:1.65;padding:12px 15px;background:#edf6fc;border-radius:8px;margin:14px 0;color:#174f72}
.connected-status.error,.connected-notice.error{background:#fff2eb;color:#943d19}
.connected-designer{display:grid;grid-template-columns:minmax(280px,370px) minmax(0,1fr);gap:22px;margin-top:20px;align-items:start}
.connected-controls{display:flex;flex-direction:column;gap:14px}
.connected-controls>.connected-button{width:100%}
.connected-section{padding:18px}
.connected-section .connected-button{margin-bottom:8px}
.connected-scene{position:sticky;top:18px;min-width:0}
.connected-drawing{width:100%;min-width:0;display:grid;place-items:center;padding:16px 0}
.connected-drawing>svg{display:block;max-width:100%;height:auto;max-height:65vh}
.connected-drawing [data-pane-path]{cursor:pointer;outline:0}
.connected-drawing .pane-selected{filter:drop-shadow(0 0 3px #1476ad)}
.connected-drawing [data-pane-path]:focus-visible{filter:drop-shadow(0 0 5px #1476ad)}
.connected-size{text-align:center;color:#667e8e;font-size:14px;font-variant-numeric:tabular-nums;margin:8px 0}
.connected-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:370px;overflow:auto;padding:3px}
.connected-style{min-width:0;padding:8px 5px;font-size:11px}
.connected-style .connected-drawing{padding:2px;min-height:60px}
.connected-style svg{height:58px;width:100%}
.connected-style[aria-pressed=true]{border-color:#1476ad;background:#eaf5fc;box-shadow:inset 0 0 0 1px #1476ad}
.connected-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.connected-item-grid .connected-card{margin:0}
.connected-empty{padding:28px;border:1px dashed #c8dce8;border-radius:10px;text-align:center;color:#5a7384;margin-top:20px}
.connected-header-form{max-width:720px}
.connected-quote dialog{max-width:min(1000px,95vw)}
@media(max-width:1000px){.connected-designer{grid-template-columns:minmax(245px,310px) minmax(0,1fr)}.connected-scene-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.connected-quote{padding:16px 0}.connected-heading{align-items:flex-start;flex-direction:column}.connected-designer{display:flex;flex-direction:column}.connected-scene{position:static;order:-1;width:100%}.connected-controls{width:100%}.connected-drawing>svg{max-height:47vh}.connected-styles{grid-template-columns:repeat(4,minmax(0,1fr));max-height:280px}.connected-scene-heading{flex-direction:row;align-items:center}.connected-section,.connected-card,.connected-scene{padding:16px}}