.dashboard-shell{height:100dvh;overflow:auto}.control-panel,.control-panel__backdrop{position:fixed;top:0;left:0;pointer-events:none;opacity:0}.control-panel{display:flex;flex-direction:column;overflow:auto;background:var(--flear-bg);z-index:1000;width:360px;max-width:100dvw;transition:opacity .2s ease,transform .3s ease;transform:translateX(-100%);padding:20px;height:100dvh;user-select:none}.control-panel.active{transform:translateX(0)}.control-panel__backdrop{display:block;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;transition:opacity .2s ease}.control-panel.active,.control-panel__backdrop.active{opacity:1;pointer-events:auto}.control-panel__body{flex:1;display:flex;flex-direction:column;gap:10px}.control-panel__header{display:flex;align-items:center;justify-content:space-between}.control-panel__title{display:flex;align-items:center;gap:10px}.frames-shell{overflow:auto}.frames-workspace__action.primary,.frames-workspace__action.primary:hover,.frames-workspace__tabs button.active,.frames-workspace__tabs button.active:hover{background:var(--flear-accent);color:var(--flear-accent-contrast)}.frames-workspace__action[data-open-tasks]{position:relative;display:flex;align-items:center;justify-content:center}.task-progress-ring{width:24px;height:24px;position:absolute;left:8px;top:8px;transform:rotate(-90deg);pointer-events:none}.task-progress-ring__track{stroke:var(--flear-border)}.task-progress-ring__indicator{stroke:var(--flear-accent);transition:stroke-dashoffset .3s ease;stroke-linecap:round}.frames-workspace__action[data-open-tasks] .material-symbols-outlined{font-size:20px;z-index:1}.frames-workspace__action[data-open-tasks][hidden],.frames-workspace__badge[hidden],.frames-workspace__tabs button span.material-symbols-outlined{display:none}.frames-workspace__badge{z-index:5;position:absolute;top:4px;right:4px;min-width:12px;height:12px;border-radius:999px;background:var(--flear-accent);color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px var(--flear-bg)}.control-panel__actions{display:flex;flex-wrap:wrap;gap:10px}.control-panel__section-header{display:flex;align-items:center;justify-content:space-between}.control-panel__section{display:flex;gap:10px;flex-direction:column}.item-list__row{display:flex;align-items:center;justify-content:space-between;padding:10px;cursor:pointer;transition:background .2s ease;user-select:none;gap:10px}.control-panel .item-list__row:hover,.item-list__row:hover{background:var(--flear-surface)}.item-list__row:last-child{border-bottom:none}.content-panel__header,.control-panel .item-list__row{display:flex;align-items:center;justify-content:space-between}.control-panel .item-list__row{padding:10px 20px;cursor:pointer;transition:background .1s;user-select:none;margin-left:-20px;margin-right:-20px;gap:10px}.control-panel .item-list__row .small{font-size:14px;color:var(--flear-muted)}.content-panel__header{padding:10px;border-bottom:1px solid var(--flear-border)}.item-list{gap:10px}.frames-shell,.frames-workspace,.item-list{display:flex;flex-direction:column}.frames-shell{height:100dvh}.frames-workspace{flex:1;user-select:none}.frame-canvas{position:relative;flex:1}.frames-workspace__toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px;gap:10px}.frames-workspace__tabs{flex:1;display:flex;align-items:center;overflow:auto;gap:5px;scrollbar-width:none}.frames-workspace__tabs::-webkit-scrollbar{display:none}.frames-workspace__tabs button{display:flex;align-items:center;justify-content:space-between;max-width:200px;height:30px;border:0;background:0 0;cursor:pointer;border-radius:999px;padding:0 10px;gap:5px;transition:background .2s ease,color .2s ease}.frames-workspace__tabs button:hover{background:var(--flear-surface);color:var(--flear-fg)}.frames-workspace__tabs button span{font-size:14px}.frames-workspace__tabs button.active span.material-symbols-outlined{display:contents;font-size:14px}.frame-tab__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-canvas__item{display:flex;position:absolute;top:0;left:0;right:0;bottom:0;opacity:1}.frame-canvas__item--hidden,.task-panel{opacity:0;pointer-events:none}.frame-canvas__item iframe{width:100%;height:100%;border:0}.task-panel{position:fixed;right:20px;bottom:20px;width:300px;max-height:60vh;background:var(--flear-bg);border:1px solid var(--flear-border);border-radius:12px;display:flex;flex-direction:column;transform:translateY(20px);transition:opacity .2s ease,transform .2s ease;z-index:1200;user-select:none}.task-panel.active{opacity:1;pointer-events:auto;transform:translateY(0)}.task-panel__header{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-bottom:1px solid var(--flear-border)}.task-panel__title{display:flex;align-items:center;gap:10px}.task-panel__list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px}.task-panel__empty{text-align:center;color:var(--flear-muted);padding:20px 0;font-size:14px}.task-card,.task-card__icon{display:flex;align-items:center}.task-card{gap:10px;padding:5px 10px}.task-card__icon{width:40px;height:40px;border-radius:50%;background:var(--flear-border);justify-content:center;color:var(--flear-text)}.task-card__body{flex:1;display:flex;flex-direction:column}.task-card__meta{font-size:14px;color:var(--flear-muted)}.task-card__progress{height:4px;background:var(--flear-border);border-radius:99px;overflow:hidden}.task-card__progress span{display:block;height:100%;background:var(--flear-accent);transition:width .2s ease}