.studio-workspace{scroll-margin-top:24px}.workspace-frame{background:#fff;border:1px solid #e8e9ee;border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:26px;display:grid;box-shadow:0 8px 28px -22px #22345a22}.workspace-panel{flex-direction:column;min-width:0;display:flex}.stage-heading{justify-content:space-between;align-items:center;gap:10px;min-height:24px;margin-bottom:20px;display:flex}.stage-heading>div{align-items:center;gap:10px;display:flex}.stage-number{color:#9da2ae;letter-spacing:-.3px;font-size:12px;font-weight:550}.stage-heading h2{letter-spacing:-.45px;color:#282b33;font-size:15px;font-weight:650}.stage-aside{white-space:nowrap;color:#717986;font-size:12px}.upload-zone,.photo-canvas,.result-canvas{aspect-ratio:1;border-radius:15px;width:100%;min-height:265px}.upload-zone{background:#fafbfe;border:1px dashed #cfd5e2;flex-direction:column;justify-content:center;align-items:center;padding:22px 15px;transition:background .2s,border-color .2s;display:flex}.upload-zone:hover,.upload-zone.is-dragging{background:#f5f7ff;border-color:#245bff}.upload-zone:disabled{cursor:wait;opacity:.7}.upload-artwork{width:102px;height:88px;margin-bottom:18px;display:block}.upload-artwork svg{width:100%;height:100%;display:block}.upload-title{letter-spacing:-.65px;color:#333844;font-size:17px;font-weight:600}.upload-description{color:#737b8a;margin-top:6px;font-size:12px;line-height:1.7}.browse-files{color:#454b58;background:#fff;border:1px solid #e1e4eb;border-radius:9px;align-items:center;gap:15px;margin-top:20px;padding:9px 14px;font-size:12px;font-weight:600;display:flex;box-shadow:0 1px 3px #17204205}.upload-formats{color:#76808f;margin-top:16px;font-size:12px}.panel-footnote{color:#727b89;align-items:center;gap:6px;margin-top:14px;font-size:12px;line-height:1.6;display:flex}.panel-footnote svg{color:#9ca6b9;flex-shrink:0}.photo-canvas{background:#f7f8fb;border:1px solid #eceef4;justify-content:center;align-items:center;display:flex;overflow:hidden}.photo-canvas img{object-fit:contain;width:100%;height:100%;display:block}.photo-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.photo-actions>div{gap:2px;display:flex}.photo-ready{color:#789580;align-items:center;gap:5px;font-size:12px;display:flex}.photo-actions button{font-size:12px}.selected-style-art{background:#e6e1f1;border-radius:13px;display:block;position:relative;overflow:hidden}.selected-style-art>img{aspect-ratio:1.85;object-fit:cover;width:100%;transition:transform .3s}.selected-style-art:hover>img{transform:scale(1.025)}.style-art-link{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#555169;background:#ffffffac;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:10px;right:10px}.concept-label{color:#655b7a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa0;border-radius:4px;padding:3px 6px;font-size:8px;position:absolute;bottom:9px;left:11px}.selected-style-info{margin-top:15px}.selected-style-info h3{letter-spacing:-1px;color:#22252d;outline-offset:4px;font-size:22px;font-weight:650;line-height:1.25}.selected-style-info>p{color:#747986;margin-top:6px;font-size:12px;line-height:1.6}.workspace-use-tags{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.workspace-use-tags>span{color:#767181;background:#f4f2f7;border:1px solid #eeeaf3;border-radius:5px;padding:4px 7px;font-size:12px}.style-accordions{margin:14px 0 18px}.style-accordions details+details{border-top:1px solid #f0f0f4}.style-accordions summary{cursor:pointer;color:#626875;justify-content:space-between;align-items:center;min-height:36px;font-size:12px;font-weight:500;list-style:none;display:flex}.style-accordions summary:after{content:"+";color:#a1a5af;font-size:15px;font-weight:400}.style-accordions details[open] summary:after{content:"−"}.style-accordions summary::-webkit-details-marker{display:none}.style-accordions p,.style-accordions li{color:#9296a0;font-size:12px;line-height:1.8}.style-accordions ul{padding:0 0 12px 15px;list-style:outside}.style-accordions p{padding-bottom:12px}.generate-controls{margin-top:auto}.generate-button{width:100%;box-shadow:0 4px 10px #245bff15;border-radius:10px!important;min-height:46px!important;font-size:12px!important}.generate-button:disabled{box-shadow:none;opacity:1!important;color:#a3a8b4!important;background:#eef0f5!important}.generate-arrow{margin-left:auto}.generate-controls>p{color:#76808f;text-align:center;margin-top:9px;font-size:12px;line-height:1.7}.result-canvas{text-align:center;color:#b0b6c8;background:#f5f6fc;border:1px solid #eceef7;flex-direction:column;justify-content:center;align-items:center;padding:22px 18px;display:flex;position:relative}.result-artwork{width:105px;height:102px;margin-bottom:21px;display:block;position:relative}.result-frame{border:1px solid #d9dff0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:68px;height:83px;display:flex;position:absolute;top:7px;left:17px}.result-frame.back{background:#edf0fa;top:10px;left:10px;transform:rotate(-14deg)}.result-frame.front{color:#9daed5;background:#fbfcff;transform:rotate(9deg);box-shadow:0 5px 12px #626a8906}.result-frame-line{background:#e0e6f5;border-radius:2px;width:31px;height:2px;display:block}.result-frame-line.short{width:22px;margin-top:-4px}.result-corner{color:#6e89e5;background:#e6ebff;border:1px solid #dce4ff;border-radius:8px;place-items:center;width:25px;height:25px;display:grid;position:absolute;bottom:4px;right:0}.result-title{letter-spacing:-.6px;color:#7c869d;max-width:230px;font-size:15px;font-weight:550;line-height:1.6}.result-description{color:#738099;max-width:205px;margin-top:7px;font-size:12px;line-height:1.8}.result-output-note{color:#78849a;font-size:12px;position:absolute;bottom:17px}.result-image{position:relative}.result-image>svg{color:#69718b;position:absolute;bottom:12px;right:12px}.result-actions{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.result-actions button{font-size:12px}.save-message{color:#5d8b70;flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px;font-size:12px;line-height:1.6;display:flex}.save-message a{text-decoration:underline}.workspace-status{color:#9095a1;margin-top:12px;font-size:12px;line-height:1.8}.workspace-status:empty{display:none}.workspace-status p+p{margin-top:8px}.workspace-status button{margin-top:8px;font-size:12px}.has-error{color:#b42318}.workspace-privacy{color:#737d8e;justify-content:space-between;gap:24px;margin:15px 5px 0;line-height:1.8;display:flex}.workspace-privacy label{align-items:flex-start;gap:8px;max-width:520px;font-size:12px;display:flex}.workspace-privacy input{accent-color:#245bff;flex-shrink:0;width:13px;height:13px;margin-top:3px}.workspace-privacy a{color:#727d94;text-underline-offset:2px;text-decoration:underline}.workspace-privacy>p{text-align:right;max-width:330px;font-size:12px}.no-style{color:#9198a5;flex:1;place-items:center;padding:24px;font-size:13px;line-height:1.8;display:grid}@media (min-width:1600px){.workspace-frame{gap:32px;padding:30px}.upload-zone,.photo-canvas,.result-canvas{min-height:300px}.stage-aside,.upload-description,.result-description{font-size:12px}.upload-title{font-size:19px}.selected-style-art>img{aspect-ratio:2.1}}@media (min-width:768px) and (max-width:1279px){.workspace-frame{grid-template-columns:1fr 1fr;gap:24px}.result-panel{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.result-panel>.stage-heading{grid-column:1/-1}.result-panel>.result-canvas{aspect-ratio:2.6;grid-column:1/-1;min-height:160px}.result-artwork{margin:-15px 0 -3px;transform:scale(.65)}.result-output-note{display:none}.workspace-privacy{gap:16px}.workspace-privacy>p{max-width:250px}.upload-zone,.photo-canvas{min-height:240px}.stage-aside{display:none}}@media (max-width:767px){.studio-workspace{scroll-margin-top:75px}.workspace-frame{border-radius:18px;grid-template-columns:1fr;gap:0;padding:0}.workspace-panel{padding:22px}.workspace-panel+.workspace-panel{border-top:1px solid #eceef3}.stage-heading{margin-bottom:18px}.stage-heading h2{font-size:15px}.stage-aside{font-size:12px}.upload-zone,.photo-canvas{aspect-ratio:1.15;min-height:250px}.upload-artwork{width:94px;height:80px;margin-bottom:12px}.upload-title{font-size:19px}.upload-description{font-size:12px}.browse-files{min-height:44px;margin-top:17px;font-size:12px}.upload-formats,.panel-footnote{font-size:12px}.selected-style-art>img{aspect-ratio:1.75}.selected-style-info h3{font-size:25px}.selected-style-info>p{font-size:13px}.workspace-use-tags>span{font-size:12px}.style-accordions summary{min-height:44px;font-size:12px}.style-accordions p,.style-accordions li{font-size:12px}.generate-button{min-height:48px!important;font-size:13px!important}.generate-controls>p{font-size:12px}.result-canvas{aspect-ratio:1.3;min-height:225px}.result-artwork{margin-bottom:10px;transform:scale(.85)}.result-title{font-size:16px}.result-description,.result-output-note{font-size:12px}.workspace-privacy{margin:15px 1px 0;display:block}.workspace-privacy label{max-width:none;font-size:12px}.workspace-privacy>p{text-align:left;max-width:none;margin-top:7px;font-size:12px}.workspace-privacy input{width:15px;height:15px;margin-top:2px}}@media (prefers-reduced-motion:reduce){.selected-style-art>img,.upload-zone{transition:none}}