.pixi-workshop[hidden]{display:none!important}.pixi-workshop{position:relative;box-sizing:border-box;max-width:100%;margin:16px 0;padding:18px 20px;border-left:3px solid #ad6048;background:#f4eee4;border-radius:8px;color:#29483e}.pixi-workshop .pw-message{margin:0;font:700 clamp(18px,2vw,23px)/1.5 system-ui;color:#203d33;opacity:1;min-height:3em;display:flex;align-items:center}.pw-active #loading>*:not(.pixi-workshop):not(#generationElapsed){display:none!important}.pw-active #loading .pixi-workshop{width:100%;background:transparent;border:0;text-align:center;max-width:420px}.pw-active #loading .pw-message{justify-content:center;color:#fffaf0;text-shadow:0 1px 2px #0004}.pw-one-click #interpretation,.pw-one-click #interpretWait,.pw-one-click #revisionDetails{display:none!important}.pw-one-click .side-interpreted{display:none!important}.pw-one-click .controls #piksiFeedback.piksi-feedback--success{display:none}.pw-one-click .controls #piksiFeedback.piksi-feedback--waiting{display:none}.pw-one-click .controls #piksiFeedback.piksi-feedback--error:not([hidden]){display:flex!important}.pw-one-click .controls .bp-production-pending.show{display:block!important}.pw-one-click .controls .bp-paid-service-notice:not([hidden]){display:block!important}#pw-done{font:600 20px/1.4 system-ui;color:#29483e;margin:12px 0}.pw-demo-controls{padding:16px}.pw-demo-controls button{padding:12px;margin:4px}

/* One-click results use document flow, so artwork and purchase/share actions cannot be clipped. */
.pw-one-click .create-side{display:none!important}
.pw-one-click .workspace.create-premium[data-state="result"] .preview-create-studio{grid-template-rows:32px auto auto!important;min-height:0!important}
.pw-one-click .workspace.create-premium[data-state="result"] .preview-create-studio .stage{height:auto!important;min-height:0!important;overflow:visible!important}
.pw-one-click .workspace[data-state="result"] #resultGrid{position:relative!important;inset:auto!important;grid-template-rows:none!important;grid-auto-rows:auto;gap:14px;padding:16px!important;transform:none}
.pw-one-click #resultGrid .result-card,.pw-one-click #resultGrid .result-image{height:auto!important;min-height:0!important}
.pw-one-click #resultGrid .result-image img{height:auto!important;max-height:none!important;object-fit:contain}
.pw-one-click #resultGrid .result-actions button{height:auto!important;min-height:44px;font-size:12px!important;padding:12px}
.pw-one-click .workspace[data-state="result"] .stage>.grid,.pw-one-click .workspace[data-state="result"] .stage>.corners,.pw-one-click .workspace[data-state="result"] .stage:after{display:none!important}
.pw-one-click .workspace[data-state="generating"] #previewElapsed{display:none!important}
.pw-one-click #loading .pixi-workshop{order:0}.pw-one-click #generationElapsed{order:1}
.pw-one-click .preview-create-studio{scroll-margin-top:100px}
.pw-one-click .workspace.create-premium[data-state="result"] .preview-create-studio{display:block!important;height:auto!important;max-height:none!important}.pw-one-click .workspace.create-premium[data-state="result"] .preview-create-studio .stage{display:block!important;max-height:none!important;aspect-ratio:auto!important}

/* Keep the same preview surface visible from the initial click through interpretation and generation. */
.pw-one-click.pw-active .workspace.create-premium>.create-right-stack>.preview-create-studio{display:grid!important;grid-template-rows:32px auto!important}
.pw-one-click.pw-active .workspace.create-premium>.create-right-stack>.preview-create-studio .stage{min-height:clamp(400px,55vh,620px)!important}
.pw-one-click.pw-active .preview-demo-prompt{display:none!important}
.pw-one-click.pw-active #loading{display:flex!important}