.earned-editor{max-width:1440px;margin:0 auto;padding:48px 28px;color:#30302f;background:#faf9f6;font-family:Arial,Helvetica,sans-serif}.earned-editor *{box-sizing:border-box}.earned-editor-heading{text-align:center;margin-bottom:36px}.earned-editor-heading h1{font-size:clamp(32px,5vw,64px);letter-spacing:-.035em;margin:8px 0 16px}.earned-editor-heading p{margin:8px 0}.earned-editor-toolbar,.earned-inline{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.earned-editor button,.earned-action{background:transparent;color:#30302f;border:1px solid #c6c1bd;padding:12px 18px;font:inherit;cursor:pointer;display:inline-block;text-align:center}.earned-editor button:hover,.earned-action:hover{background:#eee9e5}.earned-editor button:disabled{opacity:.45;cursor:not-allowed}.earned-editor input:focus-visible,.earned-editor textarea:focus-visible,.earned-editor select:focus-visible,.earned-editor button:focus-visible,.earned-action:focus-within{outline:2px solid #30302f;outline-offset:3px}.earned-action input[type=file]{display:block;max-width:220px;margin-top:8px;font-size:12px}.earned-workarea{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;margin-top:30px}.earned-controls label{display:block;margin:0 0 18px;font-size:14px}.earned-controls input[type=text],.earned-controls textarea,.earned-editor select{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #c6c1bd;background:#fff;color:#30302f;font:inherit;border-radius:0}.earned-controls input[type=range]{display:block;width:100%;margin-top:12px;accent-color:#30302f}.earned-controls textarea{resize:vertical}.earned-editor .earned-check{display:flex;align-items:center;gap:10px;line-height:1.5}.earned-check input{accent-color:#30302f;min-width:18px;min-height:18px}.earned-preview canvas{width:100%;height:auto;display:block;box-shadow:0 12px 35px #30302f12}.earned-page-nav{display:flex;gap:12px;align-items:center}.earned-page-nav select{margin:0;max-width:220px}.earned-small{font-size:13px;line-height:1.6;color:#66615e}.earned-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;margin-top:28px}.earned-editor .earned-photo-thumb{padding:0;border:0;background:#e9e6e2;aspect-ratio:1;overflow:hidden}.earned-photo-thumb img{width:100%;height:100%;object-fit:cover}.earned-issues{list-style:none;padding:0;font-size:13px;line-height:1.6;min-height:24px}.earned-error{color:#8d2424}.earned-warning{color:#766036}.earned-editor-footer{border-top:1px solid #d8d2cd;margin-top:36px;padding-top:24px;display:grid;gap:18px}.earned-editor [hidden]{display:none!important}.earned-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.earned-editor{padding:28px 16px}.earned-workarea{grid-template-columns:1fr;gap:24px}.earned-preview{grid-row:1}.earned-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.earned-controls>div{grid-column:1/-1}.earned-controls label{margin:0}.earned-editor-toolbar{gap:8px}.earned-editor button,.earned-action{padding:10px 12px;font-size:13px}.earned-page-nav select{min-width:0}.earned-library{max-height:180px;overflow:auto}.earned-editor-heading h1{font-size:36px}}

.earned-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.earned-review-grid article{min-width:0}.earned-review-grid canvas{width:100%;height:auto;display:block}.earned-review-grid p{font-size:13px;line-height:1.5}.earned-editor [data-ref="review"]{min-height:48px}.earned-editor [data-ref="reviewPanel"]{scroll-margin-top:100px}@media(max-width:760px){.earned-review-grid{grid-template-columns:1fr}.earned-controls{grid-template-columns:1fr}.earned-editor select,.earned-editor input[type=text],.earned-editor textarea,.earned-editor button{min-height:44px}}

.earned-product-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin:32px 0 56px}.earned-product-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.earned-product-intro h2{font-size:clamp(28px,4vw,44px);line-height:1.15}.earned-product-intro p{line-height:1.65}.earned-product-intro a{color:inherit;text-underline-offset:5px}.earned-product-intro a:focus-visible{outline:2px solid #30302f;outline-offset:5px}.earned-editor-toolbar[id]{scroll-margin-top:24px}@media(max-width:700px){.earned-product-intro{grid-template-columns:1fr;gap:24px;margin:24px 0 36px}}

.earned-page-stage{position:relative}.earned-photo-targets{position:absolute;inset:0}.earned-editor .earned-photo-target{position:absolute;padding:8px;background:transparent;border:2px solid transparent;box-shadow:none;font-size:13px;color:#30302f}.earned-editor .earned-photo-target:hover,.earned-photo-target[aria-pressed=true]{border-color:#30302f;background:transparent}.earned-editor .earned-photo-target.earned-drop-hover,.earned-dragging .earned-photo-target{border:2px dashed #c98298;background:#faf9f633}.earned-photo-tray{margin:24px 0;padding:20px 0;border-top:1px solid #d8d2cd;border-bottom:1px solid #d8d2cd}.earned-photo-tray h2{font-size:20px;margin:0 0 8px}.earned-photo-tray h2 span{font-size:13px;font-weight:400;margin-left:12px}.earned-photo-tray .earned-library{margin-top:16px;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));max-height:220px;overflow:auto}.earned-photo-thumb{cursor:grab}.earned-photo-thumb:active{cursor:grabbing}@media(max-width:760px){.earned-editor .earned-photo-target{font-size:11px;padding:3px}.earned-photo-tray .earned-library{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}}

.earned-workspace-bar{display:none}.earned-workspace-open{position:fixed;inset:0;z-index:10000;max-width:none;overflow-y:auto;padding:0 28px 36px;background:#faf9f6}.earned-workspace-open>.earned-editor-heading,.earned-workspace-open>.earned-product-intro{display:none}.earned-workspace-open .earned-workspace-bar{display:flex;position:sticky;top:0;z-index:3;justify-content:space-between;align-items:center;background:#faf9f6;border-bottom:1px solid #d8d2cd;padding:16px 0;margin-bottom:24px;gap:16px}.earned-workspace-bar>span{font-size:24px;font-weight:700}.earned-workspace-bar>span>span{display:block;font-weight:400}.earned-editor button{border-radius:3px;text-transform:none;letter-spacing:0}.earned-tool-panel{border-bottom:1px solid #d8d2cd;padding:16px 0}.earned-tool-panel summary{font-size:16px;font-weight:600;cursor:pointer;margin-bottom:16px;min-height:30px}.earned-tool-panel label:last-child{margin-bottom:0}.earned-tool-panel [data-ref=layout]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.earned-layout-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.earned-editor [data-layout-choice]{padding:10px;font-size:12px}.earned-layout-sample{display:grid;gap:3px;background:white;border:1px solid #d8d2cd;height:52px;padding:5px;margin-bottom:8px}.earned-layout-sample>span{background:#d6d2cd}.earned-layout-full{padding:0}.earned-layout-caption{padding-bottom:14px}.earned-layout-pair{grid-template-columns:1fr 1fr;padding-bottom:12px}.earned-layout-quad{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.earned-layout-text:after{content:'Aa';text-align:center;font-size:22px;align-self:center}.earned-editor [data-layout-choice][aria-pressed=true]{border-color:#30302f;background:#eee9e5}.earned-spread-nav{display:flex;gap:8px;overflow-x:auto;margin:16px 0;padding-bottom:8px}.earned-editor .earned-spread-thumb{flex:0 0 108px;padding:5px;font-size:11px;border:1px solid #d8d2cd}.earned-spread-thumb canvas{box-shadow:none;width:100%;display:block}.earned-spread-thumb[aria-pressed=true]{border-color:#30302f!important;background:#eee9e5!important}.earned-photo-card{min-width:0}.earned-photo-card .earned-photo-thumb{width:100%;display:block}.earned-photo-usage{display:block;font-size:11px;text-align:center;padding:4px}.earned-editor .earned-photo-remove{display:block;padding:3px;min-height:24px;width:100%;font-size:11px;border:0;text-decoration:underline;background:transparent}.earned-photo-tray [data-ref=photoFilter]{display:inline-block;width:auto;margin:0 0 0 12px;padding:5px}.earned-photo-tray .earned-library{max-height:270px}.earned-project-menu{font-size:13px}.earned-project-menu summary{cursor:pointer;padding:12px}.earned-controls{align-self:start}.earned-tool-panel{grid-column:1/-1}@media(max-width:760px){.earned-workspace-open{padding:0 16px 24px}.earned-workspace-bar>span{font-size:18px}.earned-workspace-bar>span>span{display:none}.earned-workspace-open .earned-workspace-bar{gap:8px;padding:12px 0}.earned-workspace-bar button{padding:8px;font-size:12px}.earned-layout-choices{grid-template-columns:repeat(3,1fr)}.earned-spread-thumb{flex-basis:92px!important}}

.earned-layout-choices+label{display:none}.earned-tool-panel>label:has([data-ref="layout"]){display:none}.earned-tool-panel summary:focus-visible,.earned-project-menu summary:focus-visible{outline:2px solid #30302f;outline-offset:3px}

.earned-workspace-open>.earned-editor-toolbar{gap:8px}.earned-workspace-open>.earned-editor-toolbar .earned-action{padding:8px 12px}.earned-workspace-open>.earned-editor-toolbar button{padding:10px 14px}.earned-workspace-open>.earned-editor-toolbar+.earned-small{font-size:12px;margin:8px 0}.earned-workspace-open>.earned-small[data-ref="saved"]{margin:6px 0}.earned-workspace-open .earned-workarea{margin-top:18px;gap:28px}.earned-workspace-open .earned-workspace-bar{padding:12px 0;margin-bottom:12px}.earned-workspace-open .earned-spread-nav{margin:10px 0}.earned-workspace-open .earned-tool-panel{padding:12px 0}.earned-workspace-open .earned-tool-panel summary{margin-bottom:10px}@media(max-width:760px){.earned-workspace-open>.earned-editor-toolbar{gap:6px}.earned-workspace-open>.earned-editor-toolbar button{padding:8px 10px}.earned-workspace-open .earned-photo-tray{margin:16px 0;padding:12px 0}}

.earned-photo-tray [data-ref="uploadHelp"]{flex-basis:100%;margin:4px 0 12px;font-size:12px}.earned-workspace-open .earned-photo-tray .earned-action{padding:8px 12px}.earned-workspace-open .earned-photo-tray button[data-ref="autofill"]{padding:10px 14px}

.earned-workarea>.earned-controls,.earned-workarea>.earned-preview{min-width:0}.earned-layout-choices{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.earned-workarea,.earned-controls{grid-template-columns:minmax(0,1fr)}.earned-layout-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}