.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-shell{padding-bottom:40px}html:has([data-testid=gradient-creator-hub-shell]){background-color:var(--design-conversion-canvas,#0a0a0a)}html:has([data-testid=gradient-creator-hub-shell]) body{background-color:var(--design-conversion-canvas,#0a0a0a)}.min-h-screen.bg-\[\#0a1a30\]:has([data-testid=gradient-creator-hub-shell]){background-color:var(--design-conversion-canvas,#0a0a0a)}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-three-rail,.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .gradient-lab-stack{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;align-items:stretch;gap:20px;display:grid}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-card{padding:20px 18px}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-card-head{margin-bottom:12px}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-fields{gap:14px}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .gradient-lab-composer-grid{gap:14px;display:grid}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .gradient-lab-mos-stage{border-radius:var(--pl-radius-sm);border:1px solid var(--pl-line);background:var(--pl-bg);min-height:28rem;position:relative;overflow:hidden}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] [data-testid=skill-plus-mos-unavailable-gradient]>div{background:var(--pl-surface);box-shadow:0 0 0 1px var(--pl-ring);border-color:#f9731659}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] [data-testid=skill-plus-mos-unavailable-gradient] p:first-child{color:var(--pl-accent)}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] [data-testid=skill-plus-mos-unavailable-gradient] a{color:var(--pl-ink);background:#f973161a;border-color:#f9731673}@media (max-width:719px){.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-left-rail,.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-right-rail{z-index:60;background:var(--pl-bg);border:1px solid var(--pl-line);width:min(92vw,360px);padding:16px;transition:transform .22s;position:fixed;top:0;bottom:0;overflow-y:auto;box-shadow:0 12px 40px #00000080}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-left-rail{left:0;transform:translate(-105%)}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-right-rail{right:0;transform:translate(105%)}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-left-rail.pl-rail--visible,.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-right-rail.pl-rail--visible{transform:translate(0)}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-composer--hidden-mobile{display:none}}@media (min-width:720px){.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-three-rail,.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .gradient-lab-stack{grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:stretch}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-left-rail{grid-area:1/1}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-composer{grid-area:1/2}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-right-rail{grid-area:2/1/auto/-1}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-left-rail,.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-right-rail,.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-left-rail.pl-rail--visible,.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-right-rail.pl-rail--visible{width:auto;max-height:none;box-shadow:none;z-index:auto;background:0 0;border:none;padding:0;position:static;inset:auto;overflow:visible;transform:none}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-composer--hidden-mobile,.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-rail--hidden-mobile{display:block}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-mobile-nav,.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-overlay-backdrop{display:none}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-left-rail>*,.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .pl-composer>*{height:100%}}@media (min-width:1100px){.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .gradient-lab-composer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.prompt-lab-conversion[data-testid=gradient-creator-hub-shell] .gradient-lab-composer-grid__wide{grid-column:1/-1}}