.lab-title-group{align-items:center;gap:calc(12 * var(--lab-unit));display:flex}.lab-orbit-mark{width:calc(22 * var(--lab-unit));height:calc(22 * var(--lab-unit));border:1px solid #a4d6f6;border-radius:50%;position:relative;rotate:-25deg}.lab-orbit-mark:after{content:"";border:1px solid #f6b17d;border-radius:50%;position:absolute;inset:43% -30%}.lab-composer{max-width:calc(1040 * var(--lab-unit))}.lab-workspace{grid-template-columns:calc(360 * var(--lab-unit)) minmax(0, 1fr);gap:calc(44 * var(--lab-unit));align-items:start;display:grid}.lab-workspace>section{min-width:0}.lab-composer-top,.lab-library-heading{justify-content:space-between;align-items:center;gap:calc(20 * var(--lab-unit));margin-bottom:calc(16 * var(--lab-unit));display:flex}.lab-composer h2{color:var(--lab-ink);font-size:calc(30 * var(--lab-unit));letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-weight:400;line-height:1.2}.lab-new-card{align-items:center;gap:calc(7 * var(--lab-unit));min-height:calc(44 * var(--lab-unit));color:var(--lab-blue);font-size:calc(12 * var(--lab-unit));flex-shrink:0;display:inline-flex}.lab-prompt-shell{border-radius:calc(24 * var(--lab-unit));background:linear-gradient(130deg,#19344c77,#091927bb 70%);overflow:hidden;box-shadow:0 0 0 1px #d2edff24,inset 0 1px #ffffff09}.lab-prompt-shell:focus-within{box-shadow:0 0 0 1px #a4d6f699,inset 0 1px #ffffff09}.lab-prompt-shell textarea{width:100%;min-height:calc(174 * var(--lab-unit));padding:calc(22 * var(--lab-unit)) calc(24 * var(--lab-unit));color:var(--lab-ink);font-size:calc(16 * var(--lab-unit));resize:vertical;background:0 0;border:0;line-height:1.6;display:block}.lab-prompt-shell textarea::placeholder{color:#9fb5c8;opacity:1}.ai-lab .lab-prompt-shell textarea:focus-visible{outline-offset:0;outline:none}.lab-prompt-shell textarea:disabled{opacity:.55}.lab-prompt-actions{justify-content:space-between;align-items:center;gap:calc(16 * var(--lab-unit));padding:0 calc(14 * var(--lab-unit)) calc(14 * var(--lab-unit)) calc(24 * var(--lab-unit));display:flex}.lab-input-hint{color:#99b5ca;font-size:calc(11 * var(--lab-unit));line-height:1.5}.lab-prompt-actions .ai-lab-generate{flex-shrink:0}.lab-composer-status{justify-content:space-between;align-items:center;gap:calc(16 * var(--lab-unit));min-height:calc(32 * var(--lab-unit));display:flex}.lab-composer-status .ai-lab-model{margin:calc(12 * var(--lab-unit)) 0 0}.lab-composer-status .ai-lab-cancel{margin:0}.lab-library{margin-top:0}.lab-library-heading h2{align-items:baseline;gap:calc(10 * var(--lab-unit));font-size:calc(18 * var(--lab-unit));letter-spacing:-.02em;margin:0;font-weight:400;display:flex}.lab-library-heading h2>span{font-size:calc(12 * var(--lab-unit));color:var(--lab-muted)}.lab-library-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, calc(300 * var(--lab-unit))), 1fr));gap:calc(24 * var(--lab-unit));align-items:start;display:grid}.lab-library-item{border-radius:calc(22 * var(--lab-unit));background:#182b3c6b;min-width:0;overflow:hidden;box-shadow:0 0 0 1px #d3ecff16;container:lab-card/inline-size}.lab-library-item[data-selected=true]{box-shadow:0 0 0 2px var(--lab-orange)}.lab-card-toolbar{justify-content:space-between;align-items:center;gap:calc(12 * var(--lab-unit));padding-inline:calc(16 * var(--lab-unit)) calc(4 * var(--lab-unit));min-height:calc(44 * var(--lab-unit));display:flex}.lab-card-actions{align-items:center;gap:calc(2 * var(--lab-unit));display:flex}.lab-icon-action{width:calc(44 * var(--lab-unit));min-height:calc(44 * var(--lab-unit));border-radius:calc(10 * var(--lab-unit));color:var(--lab-blue);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.lab-icon-action:hover:not(:disabled){background:#a4d6f611}.lab-delete-action{color:#c6aa98}.lab-delete-action:hover:not(:disabled){color:#ffb499;background:#ffb4990c}.lab-desk-toggle{align-items:center;gap:calc(8 * var(--lab-unit));min-height:calc(44 * var(--lab-unit));color:var(--lab-muted);font-size:calc(11 * var(--lab-unit));cursor:pointer;display:inline-flex}.lab-desk-toggle input{appearance:none;width:calc(25 * var(--lab-unit));height:calc(14 * var(--lab-unit));cursor:pointer;background:#8eabb42f;border-radius:99px;transition:background-color .15s ease-out;position:relative}.lab-desk-toggle input:after{content:"";top:calc(3 * var(--lab-unit));left:calc(3 * var(--lab-unit));width:calc(8 * var(--lab-unit));height:calc(8 * var(--lab-unit));background:#c6dcea;border-radius:50%;transition:translate .15s ease-out;position:absolute}.lab-desk-toggle input:checked{background:#77b2aa61}.lab-desk-toggle input:checked:after{translate:calc(11 * var(--lab-unit)) 0;background:#b4e1ce}.lab-library-preview{max-height:calc(480 * var(--lab-unit));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#60829862 transparent;overflow:auto}.lab-library-preview .ai-card{padding:calc(22 * var(--lab-unit));border-radius:0;box-shadow:inset 0 1px #ffffff0a}.lab-library-preview .ai-card h3{font-size:calc(25 * var(--lab-unit));margin:0}.lab-library-preview .ai-card-blocks{margin-top:calc(18 * var(--lab-unit));gap:calc(16 * var(--lab-unit))}.lab-library-preview .ai-card-timer-dial{width:calc(112 * var(--lab-unit));height:calc(112 * var(--lab-unit))}.lab-library-preview .ai-card-timer-dial>span{font-size:calc(27 * var(--lab-unit))}.lab-library-preview .ai-card-timer-status:empty{display:none}.lab-library-empty{color:var(--lab-muted);font-size:calc(13 * var(--lab-unit));padding-block:calc(16 * var(--lab-unit))}@container lab-card (max-width:420px){.lab-library-preview .ai-card[data-layout=split] .ai-card-blocks{grid-template-columns:1fr}}.card-delete-dialog{--lab-unit:clamp(1px, min(.0520833vw, .0925926vh), 2px);width:min(calc(420 * var(--lab-unit)), calc(100vw - 40px));padding:calc(28 * var(--lab-unit));border-radius:calc(24 * var(--lab-unit));color:#e7f2f8;background:#122536;border:0;box-shadow:0 0 0 1px #ceeaff25,0 24px 80px #02081088}.card-delete-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030c18bb}.card-delete-dialog>svg{color:#f6b17d}.card-delete-dialog h2{font-size:calc(24 * var(--lab-unit));letter-spacing:-.035em;margin:calc(20 * var(--lab-unit)) 0 calc(24 * var(--lab-unit));overflow-wrap:anywhere;font-weight:400;line-height:1.2}.card-dialog-close{top:calc(10 * var(--lab-unit));right:calc(10 * var(--lab-unit));width:calc(44 * var(--lab-unit));height:calc(44 * var(--lab-unit));color:#a4bfd1;place-items:center;display:grid;position:absolute}.card-delete-dialog label{font-size:calc(12 * var(--lab-unit));color:#a4bfd1;margin-bottom:calc(8 * var(--lab-unit));display:block}.card-delete-dialog input{width:100%;padding:calc(12 * var(--lab-unit));border-radius:calc(10 * var(--lab-unit));font-size:calc(16 * var(--lab-unit));color:#e7f2f8;background:#091826;border:1px solid #7ca1bb42}.card-delete-dialog .ai-lab-error{font-size:calc(12 * var(--lab-unit));margin-top:calc(12 * var(--lab-unit));line-height:1.5}.card-dialog-actions{justify-content:end;gap:calc(12 * var(--lab-unit));margin-top:calc(24 * var(--lab-unit));display:flex}.card-dialog-actions button{min-height:calc(44 * var(--lab-unit));padding:0 calc(14 * var(--lab-unit));border-radius:calc(10 * var(--lab-unit));font-size:calc(12 * var(--lab-unit))}.card-dialog-delete{align-items:center;gap:calc(8 * var(--lab-unit));color:#291b17;background:#f6b17d;display:inline-flex}@media (max-width:520px){.lab-orbit-mark{display:none}.lab-composer h2{font-size:26px}.lab-input-hint{display:none}.lab-prompt-actions{justify-content:end}.lab-prompt-shell textarea{min-height:126px;padding:18px;font-size:16px}}@media (max-width:980px){.lab-workspace{grid-template-columns:minmax(0,1fr);gap:32px}.lab-composer{max-width:680px}.lab-prompt-shell textarea{min-height:110px}}@media (prefers-reduced-motion:reduce){.lab-desk-toggle input,.lab-desk-toggle input:after{transition:none}}
