.layout{display:flex;height:100vh;width:100vw}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.canvas-button{padding:10px 20px;font-size:14px;font-weight:500;background:#fff;color:#1d1d1f;border:1px solid #d2d2d7;border-radius:6px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.canvas-button:hover{border-color:#8e8e93}.canvas-button.is-selected{border-color:#0071e3;box-shadow:0 0 0 2px #0071e340}.inspector{width:320px;border-left:1px solid #d2d2d7;background:#fff;display:flex;flex-direction:column}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5ea}.inspector-title{font-size:13px;font-weight:600;color:#1d1d1f}.inspector-close{background:transparent;border:none;font-size:20px;line-height:1;color:#6e6e73;cursor:pointer;padding:0 4px}.inspector-close:hover{color:#1d1d1f}.inspector-body{flex:1;padding:16px;overflow:auto}.click-actions{display:flex;flex-direction:column;gap:12px}.click-actions-title{margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6e6e73}.click-actions-chip-list{display:flex;flex-wrap:wrap;gap:8px;min-height:24px}.click-actions-empty-state{margin:0;min-height:24px;display:flex;align-items:center;font-size:12px;color:#6e6e73}.click-actions-chip{border:1px solid #d2d2d7;background:#f5f5f7;color:#1d1d1f;border-radius:999px;padding:4px 10px;font-size:12px;line-height:1.2}.click-actions-add-button{width:fit-content;border:1px solid #d2d2d7;background:#fff;color:#1d1d1f;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;cursor:pointer}.click-actions-add-button:hover{border-color:#8e8e93}.click-action-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;display:flex;align-items:center;justify-content:center;padding:16px}.click-action-dialog{width:min(800px,100%);height:min(800px,100%);border:1px solid #d2d2d7;border-radius:10px;background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.click-action-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5ea;position:relative;z-index:5}.click-action-dialog-title{margin:0;font-size:14px;font-weight:600;color:#1d1d1f}.click-action-dialog-header-actions{display:flex;align-items:center;gap:4px;position:relative}.click-action-dialog-title-button{border:0;background:transparent;padding:0;margin:0;cursor:pointer}.click-action-dialog-header-menu{position:absolute;top:calc(100% + 6px);right:0;display:flex;flex-direction:column;gap:2px;min-width:132px;padding:6px;border:1px solid #d2d2d7;border-radius:8px;background:#fff;box-shadow:0 6px 20px #0000001f;z-index:6}.click-action-dialog-header-menu-item{border:0;border-radius:6px;background:transparent;color:#1d1d1f;font-size:12px;font-weight:500;padding:7px 8px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.click-action-dialog-header-menu-item:hover{background:#f5f5f7}.click-action-dialog-close{background:transparent;border:none;color:#6e6e73;font-size:20px;line-height:1;cursor:pointer;padding:0 4px}.click-action-dialog-close:hover{color:#1d1d1f}.click-action-dialog-body{flex:1;min-height:0;padding:16px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;z-index:1}.click-action-dialog-action-bar{position:sticky;bottom:0;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e5e5ea;background:#fff}.click-action-dialog-action-bar-error{margin:0 auto 0 0;color:#c62828;font-size:12px;font-weight:500}.click-action-dialog-action-bar-button{border:1px solid #d2d2d7;border-radius:6px;background:#fff;color:#1d1d1f;font-size:12px;font-weight:500;padding:6px 12px;cursor:pointer}.click-action-dialog-action-bar-button.is-primary{border-color:#0071e3;background:#0071e3;color:#fff}.click-action-dialog-tabs{display:flex;align-items:stretch;gap:0;width:100%;border:1px solid #d2d2d7;border-radius:9px;overflow:hidden;background:#f5f5f7}.click-action-dialog-tab-item{display:flex;align-items:stretch;gap:0;flex:1;border-right:1px solid #d2d2d7}.click-action-dialog-tab-item:last-child{border-right:none}.click-action-dialog-tab{border:0;background:transparent;color:#6e6e73;border-radius:0;padding:9px 12px;font-size:12px;font-weight:600;cursor:pointer;flex:1;width:100%;text-align:center}.click-action-dialog-tab.is-active{color:#1d1d1f;background:#fff;box-shadow:inset 0 0 0 1px #fff9}.click-action-dialog-tab-content{margin:0;font-size:13px;color:#1d1d1f}.click-action-dialog-action-selectables{display:flex;flex-direction:column;gap:18px}.selectables{display:flex;flex-direction:column;gap:12px}.selectables-title{margin:0;font-size:13px;font-weight:600;color:#1d1d1f}.selectables-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.selectable{width:100%;border:1px solid #d2d2d7;border-radius:8px;background:#fff;color:#1d1d1f;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-align:center;min-height:88px;position:relative}.selectable:hover{border-color:#8e8e93;background:#f8f8fa}.selectable.is-selected{border-color:#0071e3}.selectable-checkmark{position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:999px;background:#0071e3;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.selectable-icon{color:#6e6e73;font-size:20px;line-height:1}.selectable-title{font-size:11px;font-weight:500;line-height:1.3}.field-condition-panel{position:absolute;left:0;right:0;bottom:0;z-index:3;background:#fff;border-top:1px solid #d2d2d7;border-top-left-radius:10px;border-top-right-radius:10px;transform:translateY(100%);transition:transform .24s ease-out;padding:16px 16px 20px}.field-condition-panel.is-open{transform:translateY(0)}.field-condition-panel.is-open.is-bouncing{animation:field-condition-panel-bounce 1.5s cubic-bezier(.34,1.56,.64,1)}.field-condition-panel:after{content:"";position:absolute;left:0;right:0;top:100%;height:26px;background:#fff}.click-action-dialog-focus-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000038;opacity:0;pointer-events:none;cursor:not-allowed;transition:opacity .24s ease-out;z-index:2}.click-action-dialog-focus-overlay.is-open{opacity:1;pointer-events:auto}@keyframes field-condition-panel-bounce{0%{transform:translateY(0)}8%{transform:translateY(-16px)}16%{transform:translateY(-5px)}24%{transform:translateY(-12px)}32%{transform:translateY(-4px)}40%{transform:translateY(-9px)}48%{transform:translateY(-3px)}to{transform:translateY(0)}}.field-condition-panel-form{display:flex;flex-direction:column;gap:10px}.field-condition-panel-title{margin:0 0 2px;font-size:13px;font-weight:600;color:#1d1d1f}.field-condition-panel-field{display:flex;flex-direction:column;gap:4px}.field-condition-panel-label{font-size:12px;font-weight:500;color:#1d1d1f}.field-condition-panel-checkbox-group{margin:0;border:0;padding:0;display:flex;flex-direction:column;gap:6px}.field-condition-panel-checkbox-list{display:flex;flex-direction:column;gap:6px}.field-condition-panel-checkbox-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#1d1d1f}.field-condition-panel-schema-list{display:flex;flex-direction:column;gap:8px}.field-condition-panel-schema-update-row{display:grid;grid-template-columns:minmax(90px,1fr) 2fr auto;align-items:center;gap:8px}.field-condition-panel-schema-update-checkbox{display:flex;align-items:center;gap:6px;font-size:12px;color:#1d1d1f}.field-condition-panel-input{border:1px solid #d2d2d7;border-radius:6px;font-size:13px;padding:7px 9px;color:#1d1d1f;background:#fff}.field-condition-panel-input:disabled{color:#8e8e93;background:#f5f5f7}.field-condition-panel-textarea{min-height:92px;resize:vertical}.field-condition-panel-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.field-condition-panel-button{border:1px solid #d2d2d7;border-radius:6px;background:#fff;color:#1d1d1f;font-size:12px;font-weight:500;padding:6px 10px;cursor:pointer}.field-condition-panel-button.is-primary{border-color:#0071e3;background:#0071e3;color:#fff}.field-condition-panel-button:disabled{opacity:.45;cursor:not-allowed}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f7;color:#1d1d1f}