@media (min-width:768px){.screen-playground .screen-visual .screen-stage>.screen-picker{top:auto;bottom:11px;left:50%;transform:translateX(-50%);flex-direction:row;gap:20px}.puff-home .screen-playground .screen-controls>.screen-description{margin-bottom:32px}}.screen-playground .screen-knob{padding-inline:10px;--slider-handle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath d='M3 2v8M7 2v8M11 2v8' fill='none' stroke='%2353544d' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center /14px 12px no-repeat,linear-gradient(#faf9f4,#d6d5cd)}.screen-playground .screen-knob input[type=range]{height:44px;overflow:visible;cursor:ew-resize}.screen-playground .screen-knob input[type=range]::-webkit-slider-runnable-track{height:6px}.screen-playground .screen-knob input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-11px;box-sizing:border-box;border:1px solid #53544d;border-radius:50%;background:var(--slider-handle);box-shadow:0 2px 5px #0005,inset 0 0 0 1px #fff;cursor:grab}.screen-playground .screen-knob input[type=range]::-moz-range-progress,.screen-playground .screen-knob input[type=range]::-moz-range-track{height:6px}.screen-playground .screen-knob input[type=range]::-moz-range-thumb{width:28px;height:28px;box-sizing:border-box;border:1px solid #53544d;border-radius:50%;background:var(--slider-handle);box-shadow:0 2px 5px #0005,inset 0 0 0 1px #fff;cursor:grab}.screen-playground .screen-knob input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;border-color:var(--screen-ink)}.screen-playground .screen-knob input[type=range]:active::-moz-range-thumb{cursor:grabbing;border-color:var(--screen-ink)}.puff-home .screen-playground .screen-panel{--control-edge:12px}.puff-home .screen-playground .screen-panel .screen-panel-head{padding:var(--control-edge);max-width:calc(100% - 4px);border-radius:32px 32px 0 0}.puff-home .screen-playground .screen-panel .screen-panel-head .screen-designs{gap:6px}.puff-home .screen-playground .screen-panel .screen-panel-head .screen-designs>button{height:auto;min-height:0;padding:12px;border-radius:999px;font-size:15px;line-height:1.2;letter-spacing:0;white-space:nowrap}@media (max-width:1100px){.puff-home .screen-playground .screen-panel .screen-panel-head .screen-designs{gap:4px}.puff-home .screen-playground .screen-panel .screen-panel-head .screen-designs>button{padding:9px;font-size:12px}}@media (max-width:360px){.puff-home .screen-playground .screen-panel{--control-edge:10px}.puff-home .screen-playground .screen-panel .screen-panel-head .screen-designs{gap:3px}.puff-home .screen-playground .screen-panel .screen-panel-head .screen-designs>button{padding:7px;font-size:10px}}.puff-home .screen-playground .screen-panel .screen-panel-body{padding-inline:var(--control-edge)}.puff-home .screen-playground .screen-panel .screen-knob{padding-inline:0}.puff-home .screen-playground .screen-panel .screen-options{overflow:visible}.puff-home .screen-playground .screen-panel .screen-option-note{max-width:none;width:100%}@keyframes screen-content-in{0%{opacity:0}to{opacity:1}}.puff-home .screen-playground .screen-panel .screen-pane>*,.puff-home .screen-playground .screen-panel .screen-toolbar>*{animation:screen-content-in .16s ease-out both}@media (prefers-reduced-motion:reduce){.puff-home .screen-playground .screen-panel .screen-pane>*,.puff-home .screen-playground .screen-panel .screen-toolbar>*{animation:none}}.puff-home .screen-playground .screen-panel{padding-bottom:12px;overflow:visible}.puff-home .screen-playground .screen-panel .screen-maker{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.puff-home .screen-playground .screen-panel .screen-maker .screen-gem{--gem-h:260px;height:auto;width:min(100%,calc(var(--gem-h) * var(--ar,.78)))}.puff-home .screen-playground .screen-panel .screen-maker .screen-toolbar{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;padding:0;gap:36px;min-width:0}.puff-home .screen-playground .screen-panel .screen-tool-cluster{display:flex;flex-direction:column;gap:10px;min-width:0}.puff-home .screen-playground .screen-panel .screen-tools{display:flex;flex-direction:row;width:100%;gap:2px;padding:4px;border:0;border-radius:999px;background:#080808}.puff-home .screen-playground .screen-panel .screen-tools button{flex:1;justify-content:center;min-width:0;padding:9px 6px;gap:5px;border:0;border-radius:999px;color:#f4f3ee;background:transparent;font-size:11px}.puff-home .screen-playground .screen-panel .screen-tools button span{display:inline}.puff-home .screen-playground .screen-panel .screen-tools button[aria-pressed=true]{background:#dafa00;color:#181916}.puff-home .screen-playground .screen-panel .screen-toolbar-brush{flex:none;width:100%;max-width:100%;margin:0;padding:10px 12px;border-radius:999px;background:transparent;color:var(--screen-ink)}.puff-home .screen-playground .screen-panel .screen-toolbar-brush[hidden]{display:none}.puff-home .screen-playground .screen-panel .screen-knob-brush{display:flex;gap:4px;color:var(--screen-ink)}.puff-home .screen-playground .screen-panel .screen-knob-brush .screen-knob-head{display:flex;align-items:center;font-size:10px}.puff-home .screen-playground .screen-panel .screen-knob-brush output{border-color:var(--screen-line);color:var(--screen-ink);padding:1px 5px}.puff-home .screen-playground .screen-panel .screen-knob-brush input{height:28px}.puff-home .screen-playground .screen-panel .screen-knob-brush input::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--screen-ink) var(--pos),var(--screen-panel) var(--pos))}.puff-home .screen-playground .screen-panel .screen-knob-brush input::-moz-range-track{background:var(--screen-panel)}.puff-home .screen-playground .screen-panel .screen-knob-brush input::-moz-range-progress{background:var(--screen-ink)}.puff-home .screen-playground .screen-panel .screen-maker .screen-toolbar-actions{position:static;display:flex;flex-direction:row;width:100%;gap:8px;margin:0;transform:none}.puff-home .screen-playground .screen-panel .screen-toolbar-actions button{flex:1;min-width:0;padding:0 12px;justify-content:center}@media(max-width:1100px){.puff-home .screen-playground .screen-panel .screen-maker{gap:22px}.puff-home .screen-playground .screen-panel .screen-tools button{flex-direction:column;padding:7px 3px;gap:4px;font-size:9px}.puff-home .screen-playground .screen-panel .screen-maker .screen-toolbar-actions{flex-direction:column;gap:6px}.puff-home .screen-playground .screen-panel .screen-toolbar-actions button{font-size:10px;min-height:36px}}@media(max-width:767px){.puff-home .screen-playground .screen-panel .screen-maker .screen-gem{--gem-h:220px}}.puff-home .screen-playground .screen-panel .screen-pane>*,.puff-home .screen-playground .screen-panel .screen-toolbar>*{animation:none}.puff-home .screen-playground .screen-panel .screen-pane[data-active=true]{animation:screen-content-in .22s ease-out both}@media(prefers-reduced-motion:reduce){.puff-home .screen-playground .screen-panel .screen-pane[data-active=true]{animation:none}}