.figma-layer {
    pointer-events: auto;
}

.figma-sidebar-left,
.figma-sidebar-right,
.sidebar-panel-content {
    overscroll-behavior: contain;
}

.figma-layer.active-frame {
    box-shadow: 0 18px 42px rgba(255, 117, 24, 0.18), 0 0 0 2px rgba(255, 117, 24, 0.58) !important;
    z-index: 40 !important;
}

.figma-layer.dragging {
    cursor: grabbing !important;
    transition: none !important;
}

.figma-layer.frame-expanded {
    transform: scale(1.035);
    transform-origin: center center;
}

.figma-layer .layer-body,
.figma-layer .reveal-content {
    padding-top: 0 !important;
}

.figma-editable-value,
.figma-editable-block,
.figma-editable-chip {
    border-radius: 6px;
    min-width: 24px;
    padding: 2px 6px;
    transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

.figma-inspector-input {
    width: 100%;
    min-width: 0;
    height: 24px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.98);
    color: rgba(0, 0, 0, 0.82);
    font: inherit;
    font-size: 11px;
    line-height: 1;
    padding: 0 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.input-with-icon .figma-inspector-input,
.prop-block-custom .figma-inspector-input {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    padding: 0;
    height: 100%;
}

.input-with-icon .figma-inspector-input:focus,
.prop-block-custom .figma-inspector-input:focus {
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(255, 117, 24, 0.42);
    box-shadow: 0 0 0 2px rgba(255, 117, 24, 0.14);
    padding: 0 8px;
}

.figma-inspector-input:focus {
    outline: none;
    border-color: rgba(255, 117, 24, 0.42);
    box-shadow: 0 0 0 2px rgba(255, 117, 24, 0.14);
}

.figma-editable-value {
    cursor: text;
}

.figma-editable-block,
.figma-editable-chip {
    cursor: pointer;
}

.figma-editable-value:hover,
.figma-editable-block:hover,
.figma-editable-chip:hover,
.figma-editable-value:focus,
.figma-editable-block:focus,
.figma-editable-chip:focus {
    outline: none;
    background: rgba(255, 117, 24, 0.12);
    box-shadow: 0 0 0 1px rgba(255, 117, 24, 0.22);
}
