.work-panel{position:fixed;inset:0;width:calc(100vw - 48px);height:calc(100dvh - 40px);max-width:1480px;max-height:none;padding:0;margin:auto;border:1px solid #665438;background:#131412;color:var(--ink);overflow:hidden;box-shadow:0 20px 90px #0009}
.work-panel::backdrop{background:#050605ce;backdrop-filter:blur(7px)}.work-panel[open]{display:grid;grid-template-rows:60px minmax(0,1fr);animation:work-panel-in .3s cubic-bezier(.22,.7,.2,1)}
.work-panel-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 22px;border-bottom:1px solid var(--line);background:#1c1d18}.work-panel-bar>span{font-size:9px;letter-spacing:2px;color:var(--muted)}
.work-panel-bar button{border:0;color:var(--ink);background:transparent;font:13px Arial,sans-serif;cursor:pointer;padding:10px 0}.work-panel-bar .work-panel-close{font-size:28px;width:35px;padding:0}.work-panel-bar button:hover{color:var(--accent)}
.work-panel iframe{width:100%;height:100%;border:0;background:#131412;opacity:0;transition:opacity .2s}.work-panel iframe.is-ready{opacity:1}.work-panel-loading{position:absolute;top:50%;left:0;right:0;text-align:center;color:var(--muted);font-size:13px;pointer-events:none}.work-panel-loading[hidden]{display:none}.work-panel-open{overflow:hidden}
@keyframes work-panel-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:650px){.work-panel{width:100vw;height:100dvh;border:0}.work-panel[open]{grid-template-rows:56px minmax(0,1fr)}.work-panel-bar{padding:8px 16px}.work-panel-bar>span{display:none}.work-panel-back{font-size:13px}}
@media(prefers-reduced-motion:reduce){.work-panel[open]{animation:none}.work-panel iframe{transition:none}}

.work-panel.is-closing::backdrop{animation:work-backdrop-out .24s ease-out forwards}@keyframes work-backdrop-out{from{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.work-panel.is-closing::backdrop{animation:none}}