.DJ8WGq_page .DJ8WGq_workspace{--inspector-width:clamp(17rem,21vw,20rem);--stage-width:min(46rem,calc(100vw - var(--inspector-width) - var(--inspector-width) - 8rem))}.DJ8WGq_stage{flex-direction:column;grid-column:2;justify-content:center;align-items:center;gap:1.25rem;min-width:0;height:100%;min-height:0;display:flex;container-type:size}.DJ8WGq_imageFrame{width:min(100cqw,calc((100cqh - 80px) / var(--image-height)));aspect-ratio:var(--image-ratio);border:1px solid var(--app-line,#00000012);background:var(--image-background,conic-gradient(#d5d5d5 25%,#eee 0 50%,#d5d5d5 0 75%,#eee 0) 0 0/24px 24px);box-shadow:var(--app-shadow,0 12px 36px #00000012);animation:DJ8WGq_imageEnter var(--motion-standard) var(--ease-settle) both;border-radius:1.5rem;flex:none;position:relative;overflow:hidden}.DJ8WGq_photo{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.DJ8WGq_before{clip-path:inset(0 calc(100% - var(--comparison)) 0 0)}.DJ8WGq_comparisonLine{top:0;bottom:0;left:var(--comparison);pointer-events:none;background:#fff;width:2px;position:absolute;transform:translate(-50%);box-shadow:0 0 4px #0005}.DJ8WGq_comparisonLine span{color:#fff;background:#18181bd9;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 16px #0003}.DJ8WGq_comparisonLine svg{width:1.25rem;height:1.25rem}.DJ8WGq_comparisonRange{z-index:2;opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.DJ8WGq_imageFrame:has(.DJ8WGq_comparisonRange:focus-visible){outline:2px solid var(--app-action,var(--page-action));outline-offset:4px}.DJ8WGq_imageLabel{color:#fff;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-standard);background:#18181bbf;border:1px solid #ffffff26;border-radius:2rem;padding:.35rem .65rem;font-size:.65rem;line-height:1.5;position:absolute;bottom:.75rem}.DJ8WGq_beforeLabel{left:.75rem}.DJ8WGq_afterLabel{right:.75rem}.DJ8WGq_canvasActions{align-items:center;gap:1rem;display:flex}.DJ8WGq_dimensions{color:var(--app-muted);font-variant-numeric:tabular-nums;font-size:.7rem}.DJ8WGq_empty{width:100%;min-height:22rem;transition:background var(--motion-fast),border-color var(--motion-fast);border:1px dashed #0000;border-radius:2rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.DJ8WGq_uploadArt{border:1px solid var(--app-line);background:var(--app-surface);width:7rem;height:7rem;color:var(--app-muted);box-shadow:var(--app-shadow);border-radius:2rem;place-items:center;margin-bottom:1rem;display:grid;position:relative;transform:rotate(-6deg)}.DJ8WGq_uploadArt>svg{stroke-width:1.25px;width:3.25rem;height:3.25rem}.DJ8WGq_uploadArt>span{width:2.75rem;height:2.75rem;color:var(--app-action);background:#283020;border:1px solid #b0f44830;border-radius:1rem;place-items:center;display:grid;position:absolute;bottom:-.5rem;right:-.75rem;transform:rotate(12deg)}.DJ8WGq_uploadArt>span>svg{width:1.25rem;height:1.25rem}.DJ8WGq_empty .DJ8WGq_upload{flex:none;min-height:3.5rem;padding-inline:1.75rem;font-size:1.25rem}.DJ8WGq_upload>svg{width:1.1rem;height:1.1rem}.DJ8WGq_sample{min-height:2.75rem;color:var(--app-muted);border-radius:2rem;justify-content:center;align-items:center;gap:.6rem;padding:.35rem .65rem;font-size:.75rem;display:inline-flex}.DJ8WGq_sample>svg{width:1rem;height:1rem}.DJ8WGq_sampleThumb{border:1px solid var(--app-line);background:url(/samples/pixnez/cat.webp) 50%/cover;border-radius:50%;width:2rem;height:2rem}.DJ8WGq_workspace[data-dragging=true] .DJ8WGq_empty{border-color:var(--app-action);background:#b0f44808}.DJ8WGq_workspace[data-dragging=true] .DJ8WGq_imageFrame{outline:2px solid var(--app-action);outline-offset:6px}.DJ8WGq_inspector{width:var(--inspector-width);flex-direction:column;grid-column:3;place-self:center start;gap:2rem;min-width:0;min-height:0;max-height:100%;padding:.25rem;display:flex}.DJ8WGq_controls{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#45454b transparent;flex-direction:column;align-items:flex-start;gap:1.5rem;min-height:0;padding:.25rem;display:flex;overflow-y:auto}.DJ8WGq_capability{align-items:center;gap:.6rem;font-size:.875rem;font-weight:600;display:flex}.DJ8WGq_capability svg{width:1.1rem;height:1.1rem;color:var(--app-action)}.DJ8WGq_controls [role=group]>button{min-height:2.75rem}.DJ8WGq_controls [aria-label=Edge\ quality]>button{padding-inline:1rem;font-size:.75rem}.DJ8WGq_backgrounds{align-items:center;gap:.5rem;display:flex}.DJ8WGq_swatch{background:var(--swatch);width:2.75rem;height:2.75rem;box-shadow:inset 0 0 0 4px var(--app-background),inset 0 0 0 5px #ffffff20;color:#18181b;border:2px solid #0000;border-radius:50%;flex:none;place-items:center;display:grid}.DJ8WGq_swatch[aria-label=Black],.DJ8WGq_transparent{color:#fff}.DJ8WGq_transparent{background:conic-gradient(#55555b 25%,#303034 0 50%,#55555b 0 75%,#303034 0) 0 0/12px 12px}.DJ8WGq_swatch[aria-pressed=true]{border-color:var(--app-action)}.DJ8WGq_swatch>svg{width:1rem;height:1rem}.DJ8WGq_workspace .DJ8WGq_swatch:enabled:hover{background:var(--swatch);color:#18181b;transform:scale(1.08)}.DJ8WGq_workspace .DJ8WGq_swatch[aria-label=Black]:enabled:hover,.DJ8WGq_workspace .DJ8WGq_transparent:enabled:hover{color:#fff}.DJ8WGq_workspace .DJ8WGq_transparent:enabled:hover{background:conic-gradient(#55555b 25%,#303034 0 50%,#55555b 0 75%,#303034 0) 0 0/12px 12px}.DJ8WGq_retry{border:1px solid var(--app-line);background:var(--app-surface);border-radius:2rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.6rem 1rem;font-size:.75rem;display:inline-flex}.DJ8WGq_retry svg{width:1rem;height:1rem}.DJ8WGq_export{flex-direction:column;flex:none;gap:.75rem;display:flex}.DJ8WGq_progressRow{color:var(--app-muted);align-items:center;gap:.5rem;font-size:.7rem;display:flex}.DJ8WGq_progressRow>output{font-variant-numeric:tabular-nums;margin-left:auto}.DJ8WGq_progressRow>button{flex:none;width:2rem;height:2rem;min-height:2rem;margin-left:auto}.DJ8WGq_progressRow>button>svg{width:.9rem;height:.9rem}.DJ8WGq_scan{z-index:3;pointer-events:none;animation:DJ8WGq_scanning 2.4s var(--ease-standard) infinite;background:linear-gradient(#0000 45%,#b0f44818 50%,#0000 55%) 0 0/100% 200%;position:absolute;inset:0}.DJ8WGq_showcase{border-radius:var(--page-radius);background:#def2e5;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.DJ8WGq_showcase .DJ8WGq_imageFrame,.DJ8WGq_directoryPreview .DJ8WGq_imageFrame{width:100%;max-width:42rem}.DJ8WGq_sampleCredit{color:#535353;margin:0;font-size:.65rem}.DJ8WGq_sampleCredit a{text-underline-offset:3px}.DJ8WGq_directoryPreview{background:#def2e5;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-width:0;padding:2rem;display:flex}@keyframes DJ8WGq_imageEnter{0%{opacity:.5;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}@keyframes DJ8WGq_scanning{0%{background-position:0 100%}to{background-position:0 -100%}}@media (max-width:68.749rem){.DJ8WGq_page .DJ8WGq_workspace{width:min(100%,48rem);padding:.25rem 1rem max(2rem,env(safe-area-inset-bottom));flex-direction:column;gap:1.5rem;margin-inline:auto;display:flex}.DJ8WGq_stage{width:100%;height:auto;container-type:normal}.DJ8WGq_imageFrame{border-radius:1.5rem;width:100%}.DJ8WGq_empty{min-height:min(24rem,60dvh)}.DJ8WGq_inspector{align-self:center;gap:1.5rem;width:min(100%,28rem);max-height:none}.DJ8WGq_controls{align-items:center;overflow:visible}.DJ8WGq_export,.DJ8WGq_export>button{width:100%}.DJ8WGq_canvasActions{gap:.75rem}}@media (max-width:47.999rem){.DJ8WGq_directoryPreview,.DJ8WGq_showcase{padding:1rem}}@media (prefers-reduced-motion:reduce){.DJ8WGq_page *,.DJ8WGq_imageFrame,.DJ8WGq_comparisonLine,.DJ8WGq_showcase *,.DJ8WGq_directoryPreview *{transition:none!important;animation:none!important}.DJ8WGq_scan{background:#b0f44810}}
.QU0HlW_workspacePage{height:100dvh;color:var(--app-ink);grid-template-rows:5rem minmax(0,1fr);display:grid}.QU0HlW_studioHeader{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.QU0HlW_identityPill,.QU0HlW_aboutLink{border:1px solid var(--app-line);background:var(--app-surface);box-shadow:var(--app-shadow);border-radius:2rem;align-items:center;display:inline-flex}.QU0HlW_identityPill{gap:1rem;padding:.35rem 1rem .35rem .45rem}.QU0HlW_studioBrand{flex:none;font-size:1.4rem}.QU0HlW_studioBrand svg{width:2rem;height:2rem}.QU0HlW_studioIdentity{border-left:1px solid #ffffff18;padding-left:1rem}.QU0HlW_studioIdentity h1{font:700 1.25rem/1 var(--font-display);text-transform:uppercase}.QU0HlW_aboutLink{min-height:2.75rem;color:var(--app-muted);gap:.75rem;padding:.5rem 1rem}.QU0HlW_aboutLink svg{width:1.1rem;height:1.1rem}.QU0HlW_workspace{--inspector-width:clamp(18rem,22vw,20rem);--stage-width:min(32.5rem,calc(100vw - var(--inspector-width) - var(--inspector-width) - 8rem));grid-template-columns:minmax(0,1fr) var(--stage-width) minmax(0,1fr);gap:2rem;min-height:0;padding:0 2rem 2rem;display:grid}.QU0HlW_previewPanel{flex-direction:column;grid-column:2;justify-content:center;align-items:center;gap:1.25rem;min-width:0;height:100%;min-height:0;display:flex;container-type:size}.QU0HlW_canvasFrame{aspect-ratio:1;border-radius:2.5rem;flex:none;width:min(100cqw,100cqh - 72px);display:flex;overflow:hidden}.QU0HlW_canvasViewport{background:conic-gradient(#232326 25%,#19191c 0 50%,#232326 0 75%,#19191c 0) 0 0/40px 40px;flex:1;min-width:0;overflow:hidden}.QU0HlW_canvasSpace{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.QU0HlW_artworkTransition{animation:QU0HlW_artworkEnter var(--motion-standard) var(--ease-settle) both}.QU0HlW_animateButton{border:1px solid var(--app-line);background:var(--app-surface);min-height:2.75rem;box-shadow:var(--app-shadow);color:var(--app-ink);border-radius:2rem;flex:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.QU0HlW_animateButton svg{width:1rem;height:1rem}.QU0HlW_animateIndicator{width:.35rem;height:.35rem;transition:background var(--motion-fast),box-shadow var(--motion-fast);background:#63636c;border-radius:50%}.QU0HlW_animateButton[aria-pressed=true] .QU0HlW_animateIndicator{background:var(--app-action);box-shadow:0 0 0 3px #b0f4481a}.QU0HlW_animateButton[aria-pressed=true]{color:var(--app-action)}.QU0HlW_sideColumn{width:var(--inspector-width);flex-direction:column;grid-column:3;place-self:center start;gap:1.25rem;min-width:0;min-height:0;max-height:100%;display:flex}.QU0HlW_toolsScroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#45454b transparent;flex-direction:column;gap:1.5rem;min-height:0;padding:.25rem;display:flex;overflow-y:auto}.QU0HlW_fields,.QU0HlW_appearance,.QU0HlW_styleList{border:0;min-width:0;margin:0;padding:0}.QU0HlW_fields{flex:none;gap:.65rem;display:grid}.QU0HlW_fields>*{grid-column:1/-1}.QU0HlW_fields:has(.QU0HlW_rating):has([id=review-score]){grid-template-columns:minmax(0,1fr) 5rem}.QU0HlW_fields:has(.QU0HlW_rating):has([id=review-score])>.QU0HlW_rating{grid-column:1}.QU0HlW_fields:has(.QU0HlW_rating)>.QU0HlW_field:has([id=review-score]){grid-area:1/2}.QU0HlW_field{min-width:0}.QU0HlW_field input,.QU0HlW_field textarea{background:var(--app-field);width:100%;min-width:0;min-height:2.75rem;color:var(--app-ink);font:inherit;border:1px solid #ffffff09;border-radius:1rem;padding:.65rem .9rem;font-size:.8125rem;line-height:1.5;display:block}.QU0HlW_field:has([id=review-score]) input{text-align:center}.QU0HlW_field textarea{resize:vertical;min-height:6.5rem;max-height:16rem}.QU0HlW_field input::placeholder,.QU0HlW_field textarea::placeholder{color:var(--app-muted)}.QU0HlW_rating{align-items:center;gap:.5rem;min-width:0;display:flex}.QU0HlW_ratingStars{gap:.125rem;display:inline-flex}.QU0HlW_ratingStar{flex:none;align-items:center;width:30px;height:44px;display:flex;position:relative}.QU0HlW_ratingFill{pointer-events:none;height:30px;transition:width var(--motion-fast) var(--ease-standard);position:absolute;top:7px;left:0;overflow:hidden}.QU0HlW_ratingStar>button{border-radius:.4rem;position:absolute;inset:0 50% 0 0}.QU0HlW_ratingStar>button:last-child{inset:0 0 0 50%}.QU0HlW_ratingStar>button:focus-visible{outline-offset:-2px}.QU0HlW_rating output{color:var(--app-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.QU0HlW_photoRow{align-items:center;gap:.5rem;display:flex}.QU0HlW_uploadButton{border:1px solid var(--app-line);background:var(--app-field);border-radius:2rem;align-items:center;gap:.75rem;min-height:2.75rem;padding:.4rem .8rem;display:inline-flex}.QU0HlW_photoThumb{background-position:50%;background-size:cover;border-radius:50%;width:1.8rem;height:1.8rem}.QU0HlW_appearance{flex:none;gap:1rem;display:grid}.QU0HlW_toggles{flex-wrap:wrap;gap:.5rem;display:flex}.QU0HlW_iconButton{border:1px solid var(--app-line);background:var(--app-surface);width:2.75rem;height:2.75rem;color:var(--app-muted);border-radius:2rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.QU0HlW_iconButton[aria-pressed=true]{color:var(--app-action);background:#b0f4480d;border-color:#b0f44830}.QU0HlW_iconButton svg,.QU0HlW_uploadButton svg,.QU0HlW_accentTrigger svg{width:1.1rem;height:1.1rem}.QU0HlW_colorControls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.QU0HlW_swatches{gap:.125rem;display:flex}.QU0HlW_swatches button,.QU0HlW_accentPalette button{background:var(--swatch);background-clip:content-box;border:2px solid #0000;border-radius:50%;width:2rem;height:2rem;padding:.2rem;box-shadow:inset 0 0 0 1px #ffffff18}.QU0HlW_swatches button{width:1.75rem;height:1.75rem}.QU0HlW_swatches button[aria-pressed=true],.QU0HlW_accentPalette button[aria-pressed=true]{border-color:var(--app-action);box-shadow:0 0 0 1px #111}.QU0HlW_accentTrigger{anchor-name:--review-accent;border:1px solid var(--app-line);background:var(--app-surface);width:2.75rem;min-width:2.75rem;min-height:2.75rem;color:var(--app-ink);border-radius:2rem;justify-content:center;align-items:center;gap:.25rem;padding:.4rem;display:inline-flex}.QU0HlW_accentTrigger .QU0HlW_accentDot{width:.5rem;height:.5rem}.QU0HlW_accentTrigger[aria-expanded=true]{background:var(--app-hover);border-color:#ffffff30}.QU0HlW_accentDot{background:var(--swatch);border-radius:50%;flex:none;width:1rem;height:1rem;display:block;box-shadow:inset 0 0 0 1px #ffffff25}.QU0HlW_accentPopover{background:var(--app-surface);width:min(19rem,100vw - 2rem);height:max-content;color:var(--app-ink);opacity:0;transition:opacity var(--motion-fast),transform var(--motion-standard) var(--ease-settle),display var(--motion-standard) allow-discrete,overlay var(--motion-standard) allow-discrete;border:1px solid #ffffff1a;border-radius:1.5rem;margin:auto;padding:1rem;position:fixed;inset:0;transform:translateY(6px);box-shadow:0 16px 48px #0007}.QU0HlW_accentPopover:popover-open{opacity:1;transform:translateY(0)}@starting-style{.QU0HlW_accentPopover:popover-open{opacity:0;transform:translateY(6px)}}@supports (position-area:top span-left){.QU0HlW_accentPopover{position-anchor:--review-accent;position-area:top span-left;position-try-fallbacks:flip-block,flip-inline;margin:.75rem 0;inset:auto}}.QU0HlW_accentPalette{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.QU0HlW_hexRow{background:var(--app-field);border-radius:1rem;align-items:center;gap:.5rem;margin-top:.75rem;padding:.25rem .5rem;display:flex}.QU0HlW_hexRow input{width:100%;min-width:0;min-height:2.5rem;color:var(--app-ink);font:.85rem/1.5 var(--font-sans);background:0 0;border:0}.QU0HlW_hexRow input[aria-invalid=true]{color:#fca5a5}.QU0HlW_hexRow button{border-radius:50%;flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid}.QU0HlW_hexRow svg{width:1rem;height:1rem}.QU0HlW_stylesPanel{flex:none;min-width:0}.QU0HlW_styleList{gap:.25rem;display:grid}.QU0HlW_styleList>button{min-width:0;min-height:2.75rem;color:var(--app-muted);text-align:left;border:1px solid #0000;border-radius:2rem;align-items:center;gap:.65rem;padding:.45rem .65rem;font-size:.8rem;display:flex}.QU0HlW_styleList>button[aria-pressed=true]{background:var(--app-field);color:var(--app-ink);border-color:#ffffff12}.QU0HlW_styleList>button>svg{width:.9rem;height:.9rem;color:var(--app-action);animation:QU0HlW_feedbackEnter var(--motion-standard) var(--ease-settle);margin-left:auto}.QU0HlW_styleIcon{border-radius:50%;flex:none;place-items:center;width:1.75rem;height:1.75rem;display:grid}.QU0HlW_exportPanel{flex-direction:column;flex:none;gap:.75rem;padding:.25rem;display:flex}.QU0HlW_exportActions{align-items:center;gap:.5rem;width:100%;display:flex}.QU0HlW_formatRow{flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;display:flex}.QU0HlW_formatChoices{flex:1;justify-content:space-between}.QU0HlW_formatChoices button{flex:1;padding-inline:.5rem}.QU0HlW_exportProgress{background:var(--app-field);width:100%;height:3px;accent-color:var(--app-action);border:0;border-radius:3px;display:block;overflow:hidden}.QU0HlW_exportProgress::-webkit-progress-bar{background:var(--app-field)}.QU0HlW_exportProgress::-webkit-progress-value{background:var(--app-action);transition:width var(--motion-fast)}.QU0HlW_inspectorTabs{flex:none;align-self:flex-start}.QU0HlW_inspectorTabs button,.QU0HlW_motionHeading .QU0HlW_quality button{min-width:4.25rem;font-size:.75rem}.QU0HlW_motionPanel{min-width:0;animation:QU0HlW_artworkEnter var(--motion-standard) var(--ease-settle);border:0;flex-direction:column;gap:1.25rem;margin:0;padding:0;display:flex}.QU0HlW_motionHeading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.QU0HlW_durationTotal{color:var(--app-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.QU0HlW_motionGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.QU0HlW_motionGrid>button{border:1px solid var(--app-line);background:var(--app-surface);min-width:0;min-height:5rem;color:var(--app-muted);border-radius:1.125rem;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;font-size:.65rem;display:flex;overflow:hidden}.QU0HlW_motionGrid>button[aria-pressed=true]{color:var(--app-action);background:#b0f4480a;border-color:#b0f44870;box-shadow:inset 0 0 0 1px #b0f44820}.QU0HlW_motionThumbnail{pointer-events:none;width:64px;height:32px;display:block;position:relative;overflow:hidden}.QU0HlW_motionThumbnailScale{transform-origin:0 0;width:180px;height:80px;display:block;position:absolute;top:3px;left:3px;transform:scale(.32)}.QU0HlW_motionThumbnailArt{background:#303034;border:2px solid #ffffff24;border-radius:24px;justify-content:center;align-items:center;gap:12px;width:180px;height:80px;display:flex}.QU0HlW_motionThumbnailArt>span{gap:10px;width:75px;display:grid}.QU0HlW_motionThumbnailArt i{background:#f4f4f5;border-radius:4px;height:7px;display:block}.QU0HlW_motionThumbnailArt i:last-child{opacity:.4;width:65%}.QU0HlW_durationControl{grid-template-columns:1fr auto;align-items:center;gap:.75rem;font-size:.75rem;display:grid}.QU0HlW_durationControl output{color:var(--app-muted);font-variant-numeric:tabular-nums}.QU0HlW_durationControl input{appearance:none;cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:1.75rem}.QU0HlW_durationControl input::-webkit-slider-runnable-track{background:#45454b;border-radius:4px;height:4px}.QU0HlW_durationControl input::-webkit-slider-thumb{appearance:none;background:var(--app-action);border:3px solid #18181b;border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 0 0 1px #ffffff20}.QU0HlW_durationControl input::-moz-range-track{background:#45454b;border-radius:4px;height:4px}.QU0HlW_durationControl input::-moz-range-thumb{background:var(--app-action);border:3px solid #18181b;border-radius:50%;width:13px;height:13px}.QU0HlW_quality{border:1px solid var(--app-line);background:var(--app-surface);border-radius:2rem;flex:none;align-items:center;gap:.1rem;padding:.2rem;display:flex}.QU0HlW_quality button{min-height:2.5rem;color:var(--app-muted);font-variant-numeric:tabular-nums;border-radius:2rem;padding:.5rem .6rem;font-size:.65rem}.QU0HlW_quality button[aria-pressed=true]{color:var(--app-ink);background:var(--app-hover);box-shadow:inset 0 1px #ffffff0b}.QU0HlW_exportButton{background:var(--app-action);color:#18181b;min-width:0;min-height:3rem;font:700 1.125rem/1.1 var(--font-display);text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:2rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.65rem .8rem;display:inline-flex}.QU0HlW_exportIcon{animation:QU0HlW_feedbackEnter var(--motion-standard) var(--ease-settle);place-items:center;display:grid}.QU0HlW_exportIcon svg{width:1.1rem;height:1.1rem}.QU0HlW_exportButton[data-state=export] .QU0HlW_exportIcon,.QU0HlW_exportButton[data-state=upload] .QU0HlW_exportIcon{animation:1s linear infinite QU0HlW_spin}.QU0HlW_exportButton[data-state=done]{background:#bef264}.QU0HlW_error{color:#fca5a5;margin:.5rem 0 0;font-size:.75rem;line-height:1.5}.QU0HlW_workspace :where(button,input,textarea),.QU0HlW_accentPopover :where(button,input),.QU0HlW_aboutLink{transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast) var(--ease-settle)}@media (hover:hover){.QU0HlW_workspace button:enabled:hover,.QU0HlW_accentPopover button:enabled:hover,.QU0HlW_aboutLink:hover{background-color:var(--app-hover);color:var(--app-ink)}.QU0HlW_workspace .QU0HlW_exportButton:enabled:hover{color:#18181b;background-color:#bef264;box-shadow:0 4px 20px #b0f44818}.QU0HlW_swatches button:enabled:hover,.QU0HlW_accentPalette button:enabled:hover{background-color:var(--swatch);transform:scale(1.12)}}.QU0HlW_workspace .QU0HlW_ratingStar>button:enabled:hover{background-color:#0000}.QU0HlW_workspace button:enabled:active,.QU0HlW_accentPopover button:enabled:active{transform:scale(.96)}.QU0HlW_workspace :where(input,textarea):focus-visible,.QU0HlW_accentPopover input:focus-visible{outline:2px solid var(--app-action);outline-offset:3px}.QU0HlW_workspace button:disabled,.QU0HlW_accentPopover button:disabled{opacity:.45;cursor:not-allowed}.QU0HlW_workspace fieldset:disabled{opacity:.65}.QU0HlW_captureHost{pointer-events:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18181b;width:max-content;position:fixed;top:0;left:-100000px}.QU0HlW_srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes QU0HlW_artworkEnter{0%{opacity:.5;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}@keyframes QU0HlW_feedbackEnter{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes QU0HlW_spin{to{transform:rotate(360deg)}}@media (max-width:68.749rem){.QU0HlW_workspacePage{height:auto;min-height:100dvh;display:block}.QU0HlW_studioHeader{min-height:4.5rem;padding:.75rem 1rem}.QU0HlW_identityPill{padding:.35rem .7rem .35rem .35rem}.QU0HlW_studioBrand{font-size:1.3rem}.QU0HlW_studioBrand svg{width:1.75rem;height:1.75rem}.QU0HlW_studioIdentity{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.QU0HlW_aboutLink{display:none}.QU0HlW_workspace{width:min(100%,36rem);padding:.25rem 1rem max(2rem,env(safe-area-inset-bottom));flex-direction:column;gap:1.5rem;margin-inline:auto;display:flex}.QU0HlW_previewPanel{gap:1rem;width:100%;height:auto;min-height:0;container-type:normal}.QU0HlW_canvasFrame{border-radius:2rem;width:100%;max-width:32.5rem}.QU0HlW_sideColumn{gap:1.5rem;width:100%;max-height:none;display:flex}.QU0HlW_toolsScroll{display:contents}.QU0HlW_inspectorTabs{order:0;align-self:center}.QU0HlW_motionPanel{order:1;width:100%;padding-inline:.25rem}.QU0HlW_motionGrid>button{min-height:5.5rem;font-size:.75rem}.QU0HlW_fields{order:1;padding:0 .25rem}.QU0HlW_exportPanel{order:2;justify-content:center}.QU0HlW_appearance{order:3;place-items:center;gap:1rem}.QU0HlW_stylesPanel{order:4;max-height:none;margin-inline:-.5rem;overflow:visible}.QU0HlW_error{order:5}.QU0HlW_field input,.QU0HlW_field textarea{font-size:1rem}.QU0HlW_field textarea{min-height:7rem}.QU0HlW_colorControls{justify-content:center;gap:.5rem}.QU0HlW_styleList{scroll-snap-type:x proximity;scrollbar-width:none;gap:.5rem;padding:.25rem .5rem .75rem;display:flex;overflow-x:auto}.QU0HlW_styleList::-webkit-scrollbar{display:none}.QU0HlW_styleList>button{white-space:nowrap;scroll-snap-align:center;border-color:var(--app-line);background:var(--app-surface);flex:none}.QU0HlW_exportButton{flex:0 auto;min-width:11rem;font-size:1.25rem}}@media (max-width:22rem){.QU0HlW_exportPanel{gap:.5rem}.QU0HlW_exportButton{flex:1;min-width:0;font-size:1.1rem}.QU0HlW_quality button{padding-inline:.5rem}.QU0HlW_ratingStars{gap:0}}@media (max-height:38rem) and (min-width:68.75rem){.QU0HlW_workspacePage{grid-template-rows:4.5rem minmax(0,1fr)}.QU0HlW_workspace{padding-bottom:1rem}}@media (prefers-reduced-motion:reduce){.QU0HlW_workspace *,.QU0HlW_accentPopover,.QU0HlW_accentPopover *,.QU0HlW_aboutLink{transition:none!important;animation:none!important}}