.frame-page-heading{max-width:58rem}.frame-back{align-items:center;gap:.55rem;margin-bottom:1.6rem;padding-block:.35rem;font-size:.82rem;font-weight:700;display:inline-flex}.frame-back:hover{text-underline-offset:5px;text-decoration:underline}.frame-page-heading h1{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.1rem,4.3vw,4.3rem);font-weight:900;line-height:1.1}.frame-page-heading h1 span{color:#ffe49b;margin-top:.35rem;font-size:.65em;display:block}.frame-page-heading .accent-line{margin-top:1.4rem}.frame-page-heading .section-copy{max-width:43rem;margin-top:1rem;font-size:1rem}.interior-page .frame-workspace-section{--section-background:radial-gradient(ellipse at 8% 10%, #f6c42526, transparent 45%), radial-gradient(ellipse at 100% 85%, #e1392a12, transparent 45%), linear-gradient(135deg, #eff6ff, #e6edff 60%, #f4e9ed);overflow:clip}.photo-frame-editor{color:#17213b;grid-template-columns:minmax(0,1.2fr) minmax(19rem,.9fr);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.photo-frame-editor svg{flex-shrink:0;width:1.2rem;height:1.2rem}.photo-frame-editor button,.photo-frame-editor input{font:inherit}.photo-frame-editor button{cursor:pointer}.photo-frame-editor button:focus-visible,.photo-frame-editor input:focus-visible,.photo-frame-canvas:focus-visible,.frame-back:focus-visible{outline-offset:5px;outline:3px solid #1846a8}.tone-blue .frame-back:focus-visible{outline-color:#f6c425}.interior-page .photo-frame-editor .glass-panel{-webkit-backdrop-filter:blur(24px)saturate(150%);background:linear-gradient(135deg,#ffffffad,#ffffff52);border-color:#ffffffc4;box-shadow:inset 0 1px #fff,inset 0 -1px #ffffff40,0 16px 45px #18366510}.photo-frame-preview{min-width:0;padding:clamp(1rem,2vw,1.5rem)}.photo-frame-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.photo-frame-preview-heading h2{letter-spacing:-.02em;font-size:1.15rem;font-weight:850}.photo-frame-preview-heading span{color:#536483;font-size:.72rem}.photo-frame-stage{aspect-ratio:1;background:linear-gradient(135deg,#e7eefc,#fff1df);border:1px solid #fffa;border-radius:1.2rem;max-width:35rem;margin-inline:auto;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 10px 28px #1836650e}.photo-frame-canvas{aspect-ratio:1;width:100%;height:auto;display:block}.photo-frame-canvas.is-editable{cursor:grab;touch-action:none}.photo-frame-canvas.is-dragging{cursor:grabbing}.photo-frame-loading{color:#365482;background:#eff4ffd9;justify-content:center;align-items:center;gap:.6rem;font-size:.85rem;display:flex;position:absolute;inset:0}.photo-frame-spinner{border:2px solid #1846a826;border-top-color:#1846a8;border-radius:50%;flex-shrink:0;width:1.15rem;height:1.15rem;animation:.8s linear infinite frame-spin}.photo-frame-preview figcaption{color:#536483;text-align:center;margin-top:.9rem;font-size:.77rem;line-height:1.7}.photo-frame-controls{min-width:0;padding:clamp(1.4rem,2.5vw,2rem)}.photo-frame-controls>h2{letter-spacing:-.025em;margin-bottom:1.2rem;font-size:clamp(1.3rem,2vw,1.6rem);font-weight:850}.photo-frame-upload{color:#17213b;text-align:center;background:linear-gradient(135deg,#ffffffa1,#f6c4250d);border:1px dashed #1846a859;border-radius:1.2rem;place-items:center;gap:.55rem;width:100%;padding:1.5rem 1rem;transition:border-color .2s,background .2s,transform .2s;display:grid}.photo-frame-upload:hover,.photo-frame-upload.is-drag-over{background:linear-gradient(135deg,#ffffffd4,#f6c42526);border-color:#ef7d22;transform:translateY(-2px)}.photo-frame-upload:disabled{cursor:wait;transform:none}.photo-frame-upload-icon{color:#1846a8;background:#ffffff8c;border:1px solid #ffffffbf;border-radius:.85rem;place-items:center;width:2.6rem;height:2.6rem;display:grid;box-shadow:inset 0 1px #fff}.photo-frame-upload-icon svg{width:1.45rem;height:1.45rem}.photo-frame-upload strong{font-size:.92rem;font-weight:800}.photo-frame-upload>span:last-child{color:#536483;font-size:.74rem;line-height:1.6}.photo-frame-file-name{color:#536483;overflow-wrap:anywhere;margin-top:.65rem;font-size:.73rem}.photo-frame-adjustments{border:0;min-width:0;margin-top:1.5rem;padding:0}.photo-frame-adjustments legend{margin-bottom:1.2rem;padding:0;font-size:1.05rem;font-weight:800}.photo-frame-slider+.photo-frame-slider{margin-top:1.3rem}.photo-frame-slider label{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:flex}.photo-frame-slider output{color:#1846a8;text-align:center;font-variant-numeric:tabular-nums;background:#ffffff85;border-radius:.5rem;min-width:3.2rem;padding:.2rem .5rem;font-size:.73rem;font-weight:800}.photo-frame-slider input{accent-color:#1846a8;cursor:pointer;width:100%;height:1.2rem;display:block}.photo-frame-slider input:disabled{cursor:default;opacity:.45}.photo-frame-adjustments:disabled label,.photo-frame-adjustments:disabled legend{opacity:.55}.photo-frame-reset{color:#1846a8;background:0 0;border:0;justify-content:center;align-items:center;gap:.4rem;margin-top:1.2rem;padding-block:.4rem;font-size:.75rem;font-weight:700;display:inline-flex}.photo-frame-reset svg{width:1rem;height:1rem}.photo-frame-reset:disabled{color:#74819a;cursor:default}.photo-frame-actions{border-top:1px solid #ffffffb0;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1.3rem;padding-top:1.4rem;display:flex}.photo-frame-download{color:#342514;background:linear-gradient(135deg,#f6c425,#ef7d22);border:1px solid #ffffffb3;border-radius:99px;flex:11rem;justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:.85rem 1.2rem;font-size:.82rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff80,0 7px 20px #ef7d2226}.photo-frame-download:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px #ffffff80,0 10px 28px #ef7d2240}.photo-frame-download:disabled{opacity:.5;cursor:default;box-shadow:none}.photo-frame-new{color:#1846a8;background:#ffffff75;border:1px solid #ffffffbd;border-radius:99px;min-height:3rem;padding:.7rem 1rem;font-size:.78rem;font-weight:750}.photo-frame-new:hover{background:#fff}.photo-frame-privacy{color:#536483;margin-top:1rem;font-size:.73rem;line-height:1.7}.photo-frame-error{color:#9b3025;background:#fff4efad;border:1px solid #e1392a26;border-radius:.9rem;margin-top:1rem;padding:.8rem 1rem;font-size:.8rem;line-height:1.6}.photo-frame-error button{color:inherit;text-underline-offset:4px;background:0 0;border:0;margin-left:.45rem;padding:.15rem 0;font-weight:800;text-decoration:underline;display:inline}.photo-frame-no-script{color:#536483;margin-top:1.5rem;line-height:1.8}@keyframes frame-spin{to{transform:rotate(360deg)}}@media (width<=1000px){.photo-frame-editor{grid-template-columns:minmax(0,1.1fr) minmax(18rem,1fr);gap:1.25rem}.photo-frame-controls{padding:1.4rem}}@media (width<=760px){.photo-frame-editor{grid-template-columns:minmax(0,1fr)}.photo-frame-preview,.photo-frame-controls{width:100%;max-width:38rem;margin-inline:auto}.frame-back{margin-bottom:1.2rem}}@media (width<=480px){.photo-frame-preview{border-radius:1.3rem;padding:.9rem}.photo-frame-stage{border-radius:.9rem}.photo-frame-controls{border-radius:1.3rem;padding:1.35rem}.photo-frame-preview-heading h2{font-size:1rem}.photo-frame-preview-heading span{font-size:.65rem}.frame-page-heading .section-copy{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.photo-frame-spinner{animation:none}}
