.bio-visual-editor{border:1px solid rgb(var(--c-border));border-radius:10px;overflow:hidden}.bio-visual-toolbar{border-bottom:1px solid rgb(var(--c-border));background:rgb(var(--c-surface));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.bio-visual-toolbar>div:first-child{flex-direction:column;gap:3px;font-size:13px;display:flex}.bio-visual-toolbar span{color:rgb(var(--c-textDim));font-size:12px}.bio-visual-toolbar-actions,.bio-visual-button-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bio-visual-device{border:1px solid rgb(var(--c-border));border-radius:7px;gap:2px;padding:3px;display:flex}.bio-visual-device button{cursor:pointer;border-radius:4px;min-height:36px;padding:6px 10px;font-size:12px}.bio-visual-device button[aria-pressed=true]{background:rgb(var(--c-surface2));font-weight:600}.bio-visual-workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start;display:grid}.bio-visual-stage{background:rgb(var(--c-surface2));min-width:0;min-height:600px;padding:28px}.bio-visual-canvas{border:1px solid rgb(var(--c-borderHi));border-radius:6px;width:100%;margin:0 auto;overflow:hidden}.bio-visual-canvas[data-device=mobile]{max-width:390px}.bio-visual-canvas .bio-page{min-height:580px}.bio-visual-canvas .bio-public-tabs{position:static}.bio-visual-canvas iframe{pointer-events:none}.bio-visual-inspector{border-left:1px solid rgb(var(--c-border));min-width:0;padding:18px 16px}.bio-visual-controls{flex-direction:column;align-items:stretch;gap:8px;display:flex}.bio-visual-inspector h3{margin:0 0 6px;font-size:13px;font-weight:600}.bio-visual-controls>label{color:rgb(var(--c-textDim));margin-top:4px;font-size:12px}.bio-visual-controls .input{width:100%;min-width:0;font-size:14px}.bio-visual-controls>.bio-visual-checkbox{cursor:pointer;min-height:36px;color:rgb(var(--c-text));align-items:center;gap:8px;display:flex}.bio-visual-checkbox input{width:16px;height:16px;accent-color:rgb(var(--c-primary))}.bio-visual-button-row{margin-top:6px}.bio-visual-hint{color:rgb(var(--c-textDim));margin:8px 0 0;font-size:12px;line-height:1.6}.bio-visual-blocks{border-top:1px solid rgb(var(--c-border));flex-direction:column;gap:2px;margin-top:20px;padding-top:18px;display:flex}.bio-visual-blocks button{text-align:left;cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:8px;font-size:13px;display:flex}.bio-visual-blocks button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bio-visual-blocks button small{color:rgb(var(--c-textDim));font-size:11px}.bio-visual-blocks button:hover,.bio-visual-blocks button[aria-pressed=true]{background:rgb(var(--c-surface2))}.bio-visual-error{color:rgb(var(--c-danger));background:rgb(var(--c-danger) / .05);border-bottom:1px solid rgb(var(--c-border));flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.bio-visual-error button{cursor:pointer;min-height:36px;text-decoration:underline}.bio-visual-canvas .bio-editable-text{cursor:text;outline-offset:5px;border-radius:2px;outline:1px solid #0000;min-width:1ch;min-height:1em;transition:outline-color .15s;display:block}.bio-visual-canvas .bio-editable-text:hover{outline-color:color-mix(in srgb,currentColor 35%,transparent)}.bio-visual-canvas .bio-editable-text:focus{outline-offset:5px;outline:2px solid #66899a}.bio-visual-canvas .bio-editable-text:empty:before{content:attr(data-placeholder);opacity:.45;pointer-events:none}.bio-visual-canvas .bio-link-card:has([data-selected=true]){outline-offset:3px;outline:2px solid #66899a}.bio-visual-canvas .bio-link-label{min-height:24px}@media (max-width:1100px){.bio-visual-workspace{grid-template-columns:minmax(0,1fr) 250px}.bio-visual-stage{padding:20px}}@media (max-width:800px){.bio-visual-workspace{grid-template-columns:1fr}.bio-visual-inspector{border-left:0;border-top:1px solid rgb(var(--c-border))}.bio-visual-stage{min-height:0;padding:16px}.bio-visual-toolbar-actions{width:100%}.bio-visual-toolbar-actions .bio-visual-device{margin-right:auto}.bio-visual-controls .input{min-height:44px;font-size:16px}.bio-visual-device button,.bio-visual-blocks button,.bio-visual-controls>.bio-visual-checkbox{min-height:44px}.bio-visual-canvas .bio-editable-text{min-height:1.5em}}@media (prefers-reduced-motion:reduce){.bio-visual-canvas .bio-editable-text{transition:none}}.bio-visual-canvas .bio-link-enter{position:relative}.bio-inline-chrome{pointer-events:none;z-index:5;opacity:0;transition:opacity .15s;position:absolute;inset:0}.bio-visual-canvas .bio-link-enter:hover>.bio-inline-chrome,.bio-visual-canvas .bio-link-enter:focus-within>.bio-inline-chrome,.bio-inline-chrome[data-active=true]{opacity:1}.bio-inline-chrome button{pointer-events:none;color:#242528;cursor:pointer;background:#fff;border:1px solid #d6d8dc;border-radius:6px;justify-content:center;align-items:center;min-width:30px;min-height:30px;padding:4px;font:500 12px/1.2 system-ui,sans-serif;display:flex;box-shadow:0 2px 8px #0001}.bio-visual-canvas .bio-link-enter:hover>.bio-inline-chrome button,.bio-visual-canvas .bio-link-enter:focus-within>.bio-inline-chrome button,.bio-inline-chrome[data-active=true] button{pointer-events:auto}.bio-inline-chrome button:focus-visible{outline-offset:2px;outline:2px solid #526b8c}.bio-inline-insert{position:absolute;left:50%;transform:translate(-50%)}.bio-inline-insert span{font-size:20px;line-height:1}.bio-inline-insert-before{top:-18px}.bio-inline-insert-after{bottom:-18px}.bio-inline-edit{gap:4px;position:absolute;top:-17px;right:8px;padding:5px 8px!important}.bio-inline-edit svg{width:13px;height:13px}.bio-inline-empty{background:rgb(var(--c-surface2));justify-content:center;padding:20px;display:flex}.bio-inline-empty button{color:#242528;cursor:pointer;background:#fff;border:1px solid #d6d8dc;border-radius:6px;min-height:44px;padding:10px 16px;font:500 13px system-ui,sans-serif}.bio-inline-popover{z-index:80;overscroll-behavior:contain;border:1px solid rgb(var(--c-borderHi));background:rgb(var(--c-surface));width:min(320px,100vw - 24px);max-height:calc(100dvh - 24px);color:rgb(var(--c-text));box-shadow:var(--sh-pop);font:400 13px/1.45 var(--font-admin,system-ui,sans-serif);border-radius:9px;padding:10px;position:fixed;overflow-y:auto}.bio-inline-popover-heading{justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 8px;display:flex}.bio-inline-popover-heading strong{font-size:13px;font-weight:600}.bio-inline-popover-heading button{cursor:pointer;border-radius:5px;place-items:center;min-width:36px;min-height:36px;font-size:22px;display:grid}.bio-inline-popover-heading button:hover{background:rgb(var(--c-surface2))}.bio-inline-popover>[role=menuitem]{text-align:left;cursor:pointer;border-radius:5px;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-height:44px;padding:9px 10px;display:flex}.bio-inline-popover>[role=menuitem]:hover,.bio-inline-popover>[role=menuitem]:focus-visible{background:rgb(var(--c-surface2))}.bio-inline-popover small{color:rgb(var(--c-textDim));font-size:11px}.bio-inline-menu-divider{border-top:1px solid rgb(var(--c-border));margin:6px 0}.bio-inline-form{flex-direction:column;gap:8px;padding:2px;display:flex}.bio-inline-form>label{color:rgb(var(--c-textDim));margin-top:3px;font-size:12px}.bio-inline-form :is(.input,.select){width:100%;min-width:0;font-size:14px}.bio-inline-form .bio-inline-check{min-height:36px;color:rgb(var(--c-text));cursor:pointer;align-items:center;gap:8px;display:flex}.bio-inline-check input{width:16px;height:16px;accent-color:rgb(var(--c-primary))}.bio-inline-action-row{gap:6px;display:flex}.bio-inline-action-row button,.bio-inline-form>button:not(.btn-primary),.bio-inline-social-list button{border:1px solid rgb(var(--c-border));cursor:pointer;border-radius:5px;min-height:36px;padding:7px 9px}.bio-inline-action-row button{flex:1}.bio-inline-action-row button:disabled{opacity:.4;cursor:default}.bio-inline-danger{color:rgb(var(--c-danger))}.bio-inline-note{color:rgb(var(--c-textDim));margin:6px 3px 2px;font-size:12px;line-height:1.5}.bio-inline-form-error{color:rgb(var(--c-danger));margin:10px 3px 3px;font-size:12px}.bio-inline-social-list{border-top:1px solid rgb(var(--c-border));flex-direction:column;gap:6px;padding-top:10px;display:flex}.bio-inline-social-list>div{justify-content:space-between;gap:8px;display:flex}@media (max-width:800px){.bio-inline-chrome button{min-width:44px;min-height:44px}.bio-inline-insert-before{top:-23px}.bio-inline-insert-after{bottom:-23px}.bio-inline-edit{top:-24px}.bio-inline-popover :is(button,.input,.select){min-height:44px}.bio-inline-form :is(.input,.select){font-size:16px}.bio-inline-check{min-height:44px!important}}@media (prefers-reduced-motion:reduce){.bio-inline-chrome{transition:none}}.bio-content-settings{flex-direction:column;gap:8px;min-width:0;display:flex}.bio-content-settings>label,.bio-content-private>label{color:rgb(var(--c-textDim));margin-top:3px;font-size:12px}.bio-content-settings :is(.input,.select){width:100%;min-width:0;min-height:44px;font-size:14px}.bio-content-settings textarea{resize:vertical}.bio-content-settings .bio-content-checkbox{min-height:44px;color:rgb(var(--c-text));cursor:pointer;align-items:center;gap:8px;display:flex}.bio-content-checkbox input{width:16px;height:16px;accent-color:rgb(var(--c-primary))}.bio-content-private{border-top:1px solid rgb(var(--c-border));flex-direction:column;gap:8px;margin-top:8px;padding-top:14px;display:flex}.bio-content-note{color:rgb(var(--c-textDim));overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.5}.bio-content-error{color:rgb(var(--c-danger));overflow-wrap:anywhere;font-size:12px}.bio-content-error p{margin:0}.bio-content-settings button{min-height:44px}@media (max-width:800px){.bio-content-settings :is(.input,.select){font-size:16px}}