#frame-creator{width:min(1080px,94vw);padding:28px;max-height:92dvh;border:1px solid var(--blue);background:var(--cream)}
#frame-creator .creator-heading{position:sticky;top:-28px;background:var(--cream);z-index:3;padding:18px 0;border-bottom:1px solid #30348744;align-items:start}
#frame-creator .creator-heading h2{font-size:clamp(27px,3vw,40px);line-height:1.18;letter-spacing:-1px}
#frame-creator .creator-description{font-size:13px;line-height:1.6;margin:18px 0}
.contribution-intro{border:1px solid #30348755;padding:18px 20px;margin:20px 0;background:#ffdc3826}
.contribution-intro b,.creator-step{font-size:14px;font-weight:800}.contribution-intro p{font-size:13px;line-height:1.6;margin:10px 0}.contribution-intro>span{font-size:11px;opacity:.8}
#frame-creator .creator-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:24px;align-items:start}
#frame-creator .design-form{border:1px solid #30348755;padding:20px;min-width:0}
#frame-creator .creator-step{padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid #30348744}
#frame-creator .form-field{margin-bottom:16px}#frame-creator .form-field input,#frame-creator .form-field select{min-height:46px}
#frame-creator .creator-preview{position:sticky;top:105px;padding:20px;border:1px solid #30348755;background:#f0e8d9;min-width:0}
#frame-creator .creator-preview canvas{width:145px;max-width:100%;rotate:0;box-shadow:3px 4px 0 #30348733}
#frame-creator .creator-preview .paper-label{background:transparent;rotate:0;font-size:11px;margin-bottom:16px;padding:0}
#frame-creator .contribution-box{border:1px solid #30348755;padding:20px;margin-top:24px}
#frame-creator .contribution-box>h3{font-size:25px;margin-top:12px}#frame-creator .contribution-box>p{font-size:12px;line-height:1.6;margin-top:12px}
#frame-creator .contribution-fields{margin-top:20px;gap:0 18px}#frame-creator #submit-frame{min-height:48px}
@media(max-width:760px){#frame-creator{padding:16px;max-height:94dvh}#frame-creator .creator-heading{top:-16px;padding-block:12px;gap:12px}#frame-creator .creator-heading h2{font-size:27px}#frame-creator .creator-heading .eyebrow{display:none}#frame-creator .creator-description{font-size:12px;margin:14px 0}.contribution-intro{padding:14px;margin:14px 0}#frame-creator .creator-layout{grid-template-columns:minmax(0,1fr);gap:14px}#frame-creator .design-form,#frame-creator .contribution-box{padding:16px}#frame-creator .creator-preview{position:static;display:grid;grid-template-columns:1fr 80px;align-items:center;padding:14px;gap:12px;text-align:left}#frame-creator .creator-preview canvas{width:80px;grid-column:2;grid-row:1 / span 2}#frame-creator .creator-preview .paper-label{margin:0;grid-column:1}#frame-creator .creator-preview .status{grid-column:1}#frame-creator .contribution-box{margin-top:14px}#frame-creator .contribution-box>h3{font-size:22px}#frame-creator .contribution-fields{grid-template-columns:minmax(0,1fr)}#frame-creator input:not([type=checkbox]):not([type=color]),#frame-creator select{font-size:16px}#frame-creator .consent-label{font-size:12px;line-height:1.6}}

.contribution-intro>.button{margin-top:16px;display:flex;width:max-content}.frame-upload-panel{border:1px solid #30348755;padding:20px;margin-bottom:16px}.frame-upload-panel h3{font-size:15px;margin-bottom:16px}.frame-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;min-height:170px;border:1px dashed var(--blue);background:#30348708;padding:20px;cursor:pointer}.frame-drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.frame-drop strong{font-size:14px}.frame-drop span,#frame-upload-status{font-size:12px;line-height:1.6}#frame-upload-status{margin-top:12px}.create-alternative summary{padding:16px;border:1px solid #30348755;cursor:pointer;font-size:13px;font-weight:800}.create-alternative[open] summary{border-bottom:0}#frame-creator .creator-preview{background-image:linear-gradient(45deg,#30348708 25%,transparent 25%),linear-gradient(-45deg,#30348708 25%,transparent 25%);background-size:16px 16px}#frame-creator .creator-work{min-width:0}@media(max-width:760px){.frame-upload-panel{padding:16px}.frame-drop{min-height:125px;padding:16px}.frame-drop strong{font-size:13px}.contribution-intro>.button{width:100%}}