/* Shared Editor Foundation
   Owns common desktop editor shell blocks used by:
   quick-edit, sketch, magic-blend, stencil.
*/

@media (min-width: 901px) {
    .qe-sidebar {
        width: 100%;
        height: 100%;
        border-right: 1px solid var(--glass-border);
        position: relative;
        top: auto;
        left: auto;
        padding: var(--editor-sidebar-pad-desktop);
        display: flex;
        flex-direction: column;
        z-index: 5;
        background: rgba(2, 6, 23, 0.4);
        min-width: 0;
        min-height: 0;
    }

    .qe-panel-center {
        background: #050505;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: var(--editor-panel-pad-desktop);
        overflow: hidden;
        min-width: 0;
        min-height: 0;
    }

    .qe-panel-right {
        background: var(--bg-black);
        border-left: 1px solid var(--glass-border);
        display: flex;
        flex-direction: column;
        padding: var(--editor-panel-pad-desktop);
        position: relative;
        align-items: center;
        justify-content: center;
        min-width: 0;
        min-height: 0;
    }

    .qe-tools-row {
        display: flex;
        gap: var(--editor-tools-row-gap);
    }

    .qe-tool-btn {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: var(--editor-tool-gap);
        height: var(--editor-tool-height);
        padding: var(--editor-tool-pad);
    }

    .qe-action-btn {
        padding: var(--editor-action-pad);
        font-size: var(--editor-action-font);
        height: var(--editor-action-height);
    }
}