.fabric8-fullscreen-toggle{
    position:fixed;
    top:14px;
    right:14px;
    z-index:2147483000;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0.5rem 0.8rem;
    border:1px solid rgba(208,174,108,0.55);
    border-radius:999px;
    background:rgba(6,10,13,0.88);
    color:#f3e9d3;
    font:600 12px/1.1 "Space Grotesk","Avenir Next","Segoe UI",sans-serif;
    letter-spacing:0.03em;
    cursor:pointer;
    box-shadow:0 12px 32px rgba(0,0,0,0.5);
    backdrop-filter:blur(8px);
}

.fabric8-fullscreen-toggle:hover{
    background:rgba(10,16,21,0.95);
    border-color:rgba(219,192,139,0.88);
}

.fabric8-fullscreen-toggle:focus-visible{
    outline:2px solid #e0c487;
    outline-offset:2px;
}

.fabric8-fullscreen-toggle[data-state="active"]{
    border-color:rgba(121,187,166,0.82);
    color:#d8f3eb;
}

.fabric8-fullscreen-toggle[data-state="resume"]{
    border-color:rgba(207,125,141,0.92);
    color:#ffd8e0;
}

@media (max-width: 782px){
    .fabric8-fullscreen-toggle{
        top:10px;
        right:10px;
        min-height:34px;
        padding:0.45rem 0.7rem;
        font-size:11px;
    }
}