.builder-controls{display:flex;align-items:center;gap:10px}.mode-switch{display:flex;padding:3px;background:#e8eee9;border-radius:999px}.mode-switch button{border:0;background:transparent;padding:7px 12px;border-radius:999px;color:var(--muted);cursor:pointer}.mode-switch button.active{background:var(--green);color:#fff}.operly-dock{position:fixed;z-index:40;right:24px;bottom:18px;width:min(620px,calc(100vw - 48px));filter:drop-shadow(0 14px 35px rgba(12,35,25,.18))}.dock-toggle{display:block;margin-left:auto;border:0;border-radius:999px 999px 0 0;background:var(--green);color:white;padding:9px 18px;font-weight:700;cursor:pointer}.dock-panel{background:#fff;border:1px solid var(--line);border-radius:16px 0 16px 16px;overflow:hidden}.operly-dock.collapsed .dock-panel{display:none}.operly-dock.collapsed .dock-toggle{border-radius:999px}.dock-context{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--line)}.context-chip{display:inline-flex;gap:5px;align-items:center;background:#edf3ee;border-radius:99px;padding:5px 9px;font-size:10px}.context-chip button{border:0;background:transparent;cursor:pointer}.dock-messages{max-height:210px;overflow:auto;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.dock-message{max-width:85%;padding:8px 11px;border-radius:11px;white-space:pre-wrap;font-size:12px}.dock-message.user{align-self:flex-end;background:var(--green);color:#fff}.dock-message.assistant{background:#edf2ee}.dock-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid var(--line)}.dock-form textarea{min-height:44px;max-height:100px;resize:vertical}.customize-mode [data-operly-component]{transition:outline-color .15s,box-shadow .15s;cursor:crosshair}.customize-mode [data-operly-component]:hover{outline:2px dashed rgba(24,93,67,.42);outline-offset:3px}.customize-mode [data-operly-component].operly-selected{outline:3px solid var(--green);outline-offset:3px;box-shadow:0 0 0 6px rgba(185,238,114,.25)}.customize-mode [data-operly-hidden="true"]{display:block!important;opacity:.42}.operly-width-small{grid-column:span 1}.operly-width-medium{grid-column:span 1}.operly-width-large{grid-column:span 2}.operly-width-full{grid-column:1/-1}.operly-variant-highlight{background:#efffdc!important}.operly-variant-subtle{background:#f4f7f4!important}.operly-variant-warning{background:#fff5dc!important}.builder-dialog{width:min(680px,calc(100vw - 32px));max-height:80vh;border:0;border-radius:18px;padding:0;box-shadow:0 25px 80px rgba(0,0,0,.25)}.builder-dialog::backdrop{background:rgba(7,21,15,.5)}.dialog-body{padding:22px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--line)}.change-diff{display:grid;grid-template-columns:1fr 1fr;gap:12px}.change-diff pre{white-space:pre-wrap;background:#f3f6f3;padding:12px;border-radius:10px;font-size:10px}.version-row{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}@media(max-width:760px){.builder-controls .online{display:none}.operly-dock{right:0;bottom:0;width:100%}.dock-panel{border-radius:16px 16px 0 0}.dock-toggle{margin-right:12px}.change-diff{grid-template-columns:1fr}.mode-switch button{padding:6px 8px}.builder-controls>#version-history{display:none}}
@media(max-width:480px){.builder-controls{gap:4px}.mode-switch button{padding:6px;font-size:11px}.dock-form{grid-template-columns:1fr}.dock-form .button{width:100%}.dock-messages{max-height:34vh}.dialog-actions{flex-direction:column}.dialog-actions .button{width:100%}.version-row{flex-direction:column}}