.lab-studio{--lab-ink:#123b3d;--lab-muted:#688184;--lab-line:#d7e7e4;--lab-brand:#0d8177;--lab-brand-dark:#0b4e51;min-height:calc(100vh - 160px)!important;padding:24px 0 38px!important;color:var(--lab-ink)!important;background:radial-gradient(circle at 8% 2%,rgba(32,164,146,.16),transparent 25%),radial-gradient(circle at 94% 18%,rgba(40,105,117,.13),transparent 26%),linear-gradient(145deg,#f3f9f8 0,#e6f0ee 100%)!important}
.lab-studio__header{position:relative;isolation:isolate;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;overflow:hidden;margin-bottom:18px!important;padding:24px 27px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:24px!important;color:#fff!important;background:linear-gradient(118deg,#103f42 0,#0b6662 58%,#0a8b7e 100%)!important;box-shadow:0 20px 50px rgba(12,68,66,.18)!important}
.lab-studio__header:before,.lab-studio__header:after{content:'';position:absolute;z-index:-1;border-radius:999px;background:rgba(255,255,255,.08)}.lab-studio__header:before{width:260px;height:260px;right:-92px;top:-160px}.lab-studio__header:after{width:130px;height:130px;right:210px;bottom:-100px}
.lab-studio__header a{display:inline-flex!important;align-items:center;color:#c9ece7!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important}.lab-studio__header h1{margin:5px 0 0!important;color:#fff!important;font-size:clamp(25px,2.2vw,34px)!important;letter-spacing:-.04em!important}.lab-studio__header>span{border-color:rgba(255,255,255,.2)!important;color:#fff!important;background:rgba(4,42,43,.28)!important;white-space:nowrap;box-shadow:none!important}
.lab-studio__shell{display:grid!important;grid-template-columns:minmax(340px,400px) minmax(0,1fr)!important;gap:18px!important;height:clamp(650px,calc(100vh - 235px),880px)!important}
.lab-studio__panel,.lab-studio__viewer{border:1px solid rgba(186,213,208,.9)!important;border-radius:26px!important;background:#fff!important;box-shadow:0 22px 60px rgba(20,67,65,.12)!important}
.lab-studio__panel{padding:14px!important;overflow-y:auto!important;overscroll-behavior:contain;background:linear-gradient(180deg,#fbfefd,#f2f8f7)!important;scrollbar-width:thin;scrollbar-color:#8fb8b1 transparent}.lab-studio__panel::-webkit-scrollbar{width:7px}.lab-studio__panel::-webkit-scrollbar-thumb{background:#8fb8b1;border-radius:10px}
.lab-studio__section{margin:0 0 12px!important;padding:17px!important;border:1px solid #dceae8!important;border-radius:17px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 8px 24px rgba(26,79,75,.045)!important}.lab-studio__section:last-child{margin-bottom:0!important}.lab-studio__section h2{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 15px!important;color:#214f51!important;font-size:14px!important;letter-spacing:-.01em!important}.lab-studio__section h2:before{content:''!important;width:7px!important;height:18px!important;border-radius:8px!important;background:linear-gradient(#12a091,#0b655f)!important;box-shadow:0 0 0 4px #e5f5f2!important}
.lab-studio__field{align-items:center!important;gap:12px!important;margin:12px 0!important}.lab-studio__field label{font-size:12px!important;color:#567174!important;font-weight:800!important}.lab-studio__field input,.lab-studio__field select,.lab-studio__field textarea{min-height:39px;border:1px solid #c9dcda!important;border-radius:11px!important;padding:8px 10px!important;background:#fdfefe!important;color:#17393b!important;font-weight:650!important;transition:border-color .18s,box-shadow .18s,background .18s!important}.lab-studio__field input:hover,.lab-studio__field select:hover,.lab-studio__field textarea:hover{border-color:#9dbfba!important;background:#fff!important}.lab-studio__field input:focus,.lab-studio__field select:focus,.lab-studio__field textarea:focus{outline:0!important;border-color:var(--lab-brand)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(13,129,119,.13)!important}
.lab-studio__viewer{position:relative!important;overflow:hidden!important;min-width:0;background:radial-gradient(circle at 52% 24%,#fff 0,#eaf4f2 46%,#cddfdb 100%)!important}.lab-studio__viewer:after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;box-shadow:inset 0 0 90px rgba(31,78,75,.07)}.lab-studio__viewer canvas{position:relative;z-index:1;display:block;width:100%!important;height:100%!important;cursor:grab;touch-action:none}.lab-studio__viewer canvas:active{cursor:grabbing}
.lab-studio__view-head{position:absolute!important;z-index:4!important;top:18px!important;left:18px!important;right:18px!important}.lab-studio__view-head>span{padding:9px 12px!important;border:1px solid rgba(190,216,211,.9)!important;border-radius:12px!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(14px);font-size:11px!important;font-weight:850!important;color:#45676a!important;box-shadow:0 7px 22px rgba(29,76,73,.08)!important}
.lab-studio__navigation-hint{position:absolute;z-index:5;top:67px;right:18px;display:flex;gap:6px;pointer-events:none}.lab-studio__navigation-hint span{padding:7px 9px;border:1px solid rgba(190,216,211,.82);border-radius:10px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);color:#668083;font-size:10px;box-shadow:0 6px 18px rgba(29,76,73,.06)}.lab-studio__navigation-hint b{color:#31585a;font-weight:900}
.lab-studio__actions{position:absolute!important;z-index:6!important;left:18px!important;right:18px!important;bottom:18px!important;display:flex!important;justify-content:space-between!important;gap:10px!important}.lab-studio__actions>div{display:flex!important;flex-wrap:wrap;gap:9px!important}.lab-studio__actions button{border:1px solid #d1e2df!important;border-radius:12px!important;padding:11px 15px!important;background:rgba(255,255,255,.94);color:#31585a;font-size:12px!important;font-weight:850!important;cursor:pointer;box-shadow:0 9px 24px rgba(19,70,66,.14)!important;transition:transform .18s,box-shadow .18s!important}.lab-studio__actions button:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(19,70,66,.2)!important}.lab-studio__actions button[class*="primary"],.lab-studio__actions button:last-child{border-color:transparent!important;background:linear-gradient(135deg,#0f8c7f,#0b6963)!important;color:#fff!important}.lab-studio__actions .lab-studio__fullscreen{border-color:#d1e2df!important;background:rgba(255,255,255,.94)!important;color:#31585a!important}
.lab-studio.is-lab-fullscreen{position:fixed!important;z-index:10050!important;inset:0!important;width:100vw!important;height:100vh!important;min-height:0!important;overflow:hidden!important;padding:0!important;background:#dce9e6!important}.lab-studio.is-lab-fullscreen>.container-fluid{width:100%!important;height:100%!important;padding:0!important}.lab-studio.is-lab-fullscreen .lab-studio__header{display:none!important}.lab-studio.is-lab-fullscreen .lab-studio__shell{grid-template-columns:minmax(330px,390px) minmax(0,1fr)!important;gap:0!important;width:100%!important;height:100vh!important;min-height:0!important;max-height:none!important}.lab-studio.is-lab-fullscreen .lab-studio__panel{z-index:8;border:0!important;border-right:1px solid #c4dad6!important;border-radius:0!important;box-shadow:18px 0 45px rgba(22,68,65,.13)!important}.lab-studio.is-lab-fullscreen .lab-studio__viewer{height:100vh!important;border:0!important;border-radius:0!important;box-shadow:none!important}.lab-studio.is-lab-fullscreen .lab-studio__fullscreen{border-color:#a83229!important;background:#b42318!important;color:#fff!important}
body.lab-studio-lock{overflow:hidden!important}
@media(max-width:1120px){.lab-studio__actions{align-items:stretch!important;flex-direction:column!important}.lab-studio__actions>div:last-child{justify-content:flex-end}}
@media(max-width:900px){.lab-studio:not(.is-lab-fullscreen) .lab-studio__shell{grid-template-columns:1fr!important;height:auto!important}.lab-studio:not(.is-lab-fullscreen) .lab-studio__viewer{order:1;height:560px!important}.lab-studio:not(.is-lab-fullscreen) .lab-studio__panel{order:2;max-height:none}.lab-studio__header{align-items:flex-start!important;flex-direction:column!important}.lab-studio.is-lab-fullscreen .lab-studio__shell{grid-template-columns:minmax(290px,38vw) minmax(360px,1fr)!important}.lab-studio__actions>div{width:100%}.lab-studio__actions button{flex:1}}
@media(max-width:620px){.lab-studio{padding-top:12px!important}.lab-studio__header{margin:0 8px 14px!important;padding:20px!important}.lab-studio:not(.is-lab-fullscreen) .lab-studio__viewer{height:520px!important}.lab-studio__view-head{left:10px!important;right:10px!important}.lab-studio__navigation-hint{top:62px;right:10px}.lab-studio__navigation-hint span{display:none}.lab-studio__navigation-hint span:nth-child(2){display:block}.lab-studio__actions{left:10px!important;right:10px!important;bottom:10px!important}.lab-studio__actions button{padding:9px 7px!important;font-size:11px!important}.lab-studio.is-lab-fullscreen .lab-studio__shell{grid-template-columns:280px minmax(340px,1fr)!important}}

@media(max-width:900px){
    .lab-studio.is-lab-fullscreen{
        width:100vw!important;
        height:100vh!important;
        height:100dvh!important;
    }
    .lab-studio.is-lab-fullscreen>.container-fluid{
        width:100vw!important;
        height:100vh!important;
        height:100dvh!important;
        min-height:0!important;
        overflow:hidden!important;
    }
    .lab-studio.is-lab-fullscreen .lab-studio__shell{
        box-sizing:border-box!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-template-rows:50vh 50vh!important;
        grid-template-rows:50dvh 50dvh!important;
        gap:0!important;
        width:100vw!important;
        height:100vh!important;
        height:100dvh!important;
        min-height:0!important;
        overflow:hidden!important;
    }
    .lab-studio.is-lab-fullscreen .lab-studio__viewer{
        box-sizing:border-box!important;
        grid-row:1!important;
        order:1!important;
        width:100%!important;
        height:50vh!important;
        height:50dvh!important;
        min-height:0!important;
        border:0!important;
        border-radius:0!important;
    }
    .lab-studio.is-lab-fullscreen .lab-studio__panel{
        box-sizing:border-box!important;
        grid-row:2!important;
        order:2!important;
        width:100%!important;
        height:50vh!important;
        height:50dvh!important;
        min-height:0!important;
        max-height:50vh!important;
        max-height:50dvh!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
        touch-action:pan-y!important;
        -webkit-overflow-scrolling:touch;
        padding:10px 10px max(14px,env(safe-area-inset-bottom))!important;
        border:0!important;
        border-top:1px solid #bfd6d2!important;
        border-radius:0!important;
        box-shadow:0 -14px 34px rgba(20,67,65,.13)!important;
    }
    .lab-studio.is-lab-fullscreen .lab-studio__view-head{
        top:8px!important;
        left:8px!important;
        right:8px!important;
    }
    .lab-studio.is-lab-fullscreen .lab-studio__view-head>span{
        padding:7px 9px!important;
        font-size:10px!important;
    }
    .lab-studio.is-lab-fullscreen .lab-studio__navigation-hint{display:none!important}
    .lab-studio.is-lab-fullscreen .lab-studio__actions{
        left:8px!important;
        right:8px!important;
        bottom:max(8px,env(safe-area-inset-bottom))!important;
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:6px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        padding:5px!important;
        border:1px solid rgba(190,216,211,.88)!important;
        border-radius:13px!important;
        background:rgba(242,249,247,.82)!important;
        backdrop-filter:blur(14px);
        scrollbar-width:none;
        box-shadow:0 8px 25px rgba(20,67,65,.14)!important;
    }
    .lab-studio.is-lab-fullscreen .lab-studio__actions::-webkit-scrollbar{display:none}
    .lab-studio.is-lab-fullscreen .lab-studio__actions>div{
        display:contents!important;
        width:auto!important;
    }
    .lab-studio.is-lab-fullscreen .lab-studio__actions button{
        flex:0 0 auto!important;
        min-height:38px!important;
        padding:9px 11px!important;
        white-space:nowrap!important;
        font-size:10px!important;
    }
    .lab-studio.is-lab-fullscreen .lab-studio__section{
        margin-bottom:9px!important;
        padding:14px!important;
        border-radius:15px!important;
    }
}