.control-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--surface);padding-block:12px;border-bottom:1px solid var(--line);margin-bottom:16px}
.control-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:20px}
.control-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:10px 16px;font-size:14px}
.control-tabs button[aria-selected=true]{color:var(--purple);border-color:var(--orange);font-weight:700}
html[data-color-mode=dark] .control-tabs button[aria-selected=true]{color:var(--readable-primary)}
.control-editor-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;align-items:start}
.control-editor-grid>*,.control-canvas-scroll{min-width:0;max-width:100%}.control-canvas-tools select{min-width:0;max-width:calc(100% - 48px)}
.control-tree{display:grid;gap:8px;max-height:78svh;overflow:auto;padding-inline:3px}
.control-tree{max-height:32svh}.control-fields[data-inspector]{max-height:42svh;overflow:auto;padding-inline:4px;margin-top:16px}
.control-fields{display:grid;gap:16px;min-width:0}.control-fields>details{border-bottom:1px solid var(--line);padding-bottom:14px}.control-fields summary{font-weight:700;font-size:16px;cursor:pointer;margin-bottom:12px}
.control-fields label{display:block;font-size:14px;margin-block:10px}.control-fields :is(input,textarea,select){font-size:15px;max-width:100%}.control-fields textarea{min-height:90px}
.control-fields .check{display:flex;align-items:center;gap:10px}.control-fields .check input{width:auto}
.control-array-row{border:0;border-bottom:1px solid var(--line);padding:12px 0;margin:0}.control-array-row legend{font-size:14px;font-weight:700}.control-array-actions{display:flex;gap:6px;justify-content:flex-end;margin-block:8px}
.control-editor-grid aside>.row-actions{flex-wrap:wrap}.control-editor-grid aside>.row-actions select{max-width:100%;font-size:14px}
.control-section-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:6px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:8px;background:var(--white)}
.control-section-row.selected{border-color:var(--orange)}.control-section-row button[data-pick]{border:0;background:none;color:var(--ink);text-align:right;font-size:13px}.control-section-row .icon{width:28px;height:30px;font-size:14px}.control-drag{cursor:grab}
.control-canvas-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.control-canvas-scroll{overflow:hidden;position:relative;background:var(--surface);border:1px solid var(--line);height:65svh}
.control-canvas iframe{display:block;position:absolute;top:0;right:0;border:0;width:1280px;min-width:320px;height:900px;background:var(--white);transform-origin:top right}.control-canvas[data-device=mobile] iframe{width:390px}
.control-state{font-size:13px;color:var(--muted)}.control-upload{display:flex;gap:8px;align-items:center}.control-upload input{min-width:0;flex:1}.control-upload input[type=file]{font-size:12px}.control-fields img{max-width:200px;height:110px;object-fit:contain;margin-block:10px}
.control-media{min-width:0}.control-media img{display:block;width:100%;max-width:200px;height:110px}.control-media-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.control-media-actions .secondary{font-size:14px;gap:8px;min-height:40px}.control-media-actions .icon{flex:none;color:var(--orange)}.control-media-empty,.control-media-status{font-size:13px;color:var(--muted);margin-block:8px;overflow-wrap:anywhere}
.control-custom-grid{display:grid;grid-template-columns:repeat(var(--control-columns,1),minmax(0,1fr));gap:32px;align-items:center}.control-custom-grid img{width:100%;max-height:600px;object-fit:contain}.control-custom-grid p{white-space:normal;overflow-wrap:anywhere}.control-tone-purple{background:var(--purple);color:#fff}.control-tone-purple p{color:#f1e6ff}.control-tone-teal{background:var(--teal);color:#251535}.control-tone-light{background:#f2f5f6;color:#251535}
.agency-site .control-tone-purple :is(h1,h2,h3){color:#fff}.agency-site .control-tone-purple p{color:#f1e6ff}.control-custom-grid :is(h2,h3,a){overflow-wrap:anywhere;max-width:100%}
.agency-site [data-control-section] :is(h1,h2,h3,p){overflow-wrap:anywhere}.agency-site .control-long-copy .why-panel{height:auto;min-height:246px}.agency-site .control-long-copy .journey-copy{height:auto;min-height:540px}.agency-site .control-long-copy #daV5Description{max-height:180px;overflow:auto}.agency-site .hero.control-long-copy{height:auto;min-height:650px;padding-bottom:50px}
.agency-site[data-control-motion=off] *{animation:none!important;transition:none!important}
.hero-platform[data-control-position=custom]{--active-tile-size:var(--tile-size);left:clamp(0px,var(--tile-x),calc(100% - var(--tile-size)));top:clamp(0px,var(--tile-y),calc(100% - var(--tile-size)));right:auto;bottom:auto;width:var(--tile-size);height:var(--tile-size)}
.agency-site .hero-platform[data-control-position=custom] a{padding:calc(var(--active-tile-size)*.08);gap:calc(var(--active-tile-size)*.05)}.hero-platform[data-control-position=custom] img{width:calc(var(--active-tile-size)*.36);height:calc(var(--active-tile-size)*.36)}.hero-platform[data-control-position=custom] span{font-size:clamp(7px,calc(var(--active-tile-size)*.14),12px);line-height:1.2;white-space:normal;overflow-wrap:anywhere;text-align:center;max-height:2.4em;overflow:hidden}
@media(max-width:760px){.hero-platform[data-control-position=custom]{--active-tile-size:var(--tile-mobile-size);left:clamp(0px,var(--tile-mobile-x),calc(100% - var(--tile-mobile-size)));top:clamp(0px,var(--tile-mobile-y),calc(100% - var(--tile-mobile-size)));width:var(--tile-mobile-size);height:var(--tile-mobile-size)}}
@media(max-width:1100px){.control-editor-grid{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:760px){.control-editor-grid{grid-template-columns:minmax(0,1fr)}.control-tree{max-height:300px}.control-toolbar .row-actions{width:100%}.control-toolbar button{font-size:12px;padding-inline:10px}.control-tabs button{padding:8px;font-size:12px}.control-custom-grid{grid-template-columns:1fr!important;text-align:center!important}.control-canvas iframe{height:65svh}}
