:root{--paper:#f6f3eb;--ink:#263b32;--muted:#68726b;--line:#dcded3;--accent:#d57552;--white:#fffef9;--green:#284c3d;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.dropzone:focus-within{outline:3px solid #cf784f;outline-offset:4px}[hidden]{display:none!important}a{color:inherit}.topbar{max-width:1480px;margin:auto;padding:27px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-family:Georgia,serif;font-size:25px;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:43px;height:46px;transform:rotate(-5deg);background:var(--green);color:var(--paper);font-size:40px;line-height:1;padding-bottom:8px}.brand-note{display:block;font:9px Arial,sans-serif;letter-spacing:2.2px;margin-top:5px}.top-right{display:flex;align-items:center;gap:24px}.private-label{color:var(--muted);font-size:12px}.text-button{background:none;border:0;padding:8px 0;color:var(--green);font-size:13px;text-decoration:underline;text-underline-offset:4px}main{max-width:1370px;margin:auto;padding:50px 4.6% 20px}h1,h2,h3,p{margin:0}h1{font:46px/1.1 Georgia,serif;letter-spacing:-1.6px}h1 em{font-weight:400;color:#637953}h2{font:24px/1.2 Georgia,serif;letter-spacing:-.45px}h3{font:23px/1.2 Georgia,serif}p{line-height:1.55}.eyebrow,.small-label{font-size:10px;letter-spacing:2px;font-weight:700}.eyebrow{margin-bottom:17px;color:var(--muted)}.intro{margin-top:16px;color:var(--muted);font-size:14px;line-height:1.8}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:38px}.frame-info{font-size:13px;white-space:nowrap}.frame-info small{display:block;margin-top:8px;font-size:11px;color:var(--muted)}.studio-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:52px;align-items:start}.editor{background:var(--white);border:1px solid var(--line);padding:25px}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}.section-heading h2{font-size:20px}.step{display:inline-block;color:#899080;font:10px monospace;letter-spacing:1px}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 10px 21px;border:1px dashed #aab4a1;border-radius:3px;background:#f3f5ed;cursor:pointer;overflow:hidden}.dropzone.dragging{border-color:var(--accent);background:#f6ebe1}.upload-symbol{font:30px Georgia,serif;margin-bottom:10px;line-height:1;color:#688050}.dropzone strong{font-size:13px;overflow-wrap:anywhere}.dropzone span:not(.upload-symbol){font-size:11px;margin-top:9px;color:var(--muted)}.dropzone .file-formats{font-size:9px!important;line-height:1.5}.dropzone input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.micro-copy{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.65}fieldset{border:0;margin:24px 0 0;padding:0;min-width:0}fieldset:disabled{opacity:.55}label:not(.dropzone){font-size:11px;font-weight:600;display:block;margin-bottom:8px}input:not([type=file]):not([type=range]),select{display:block;width:100%;min-height:42px;border:1px solid #d9ded4;background:var(--white);color:var(--ink);border-radius:3px;padding:10px;font-size:12px;margin-bottom:19px}input::placeholder{color:#9ba093}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.optional{font-size:10px;font-weight:400;color:#808779;margin-left:3px}.divider{border-top:1px solid var(--line);margin:8px 0 24px}.range-label{display:flex!important;justify-content:space-between}.range-label output{color:var(--muted);font-weight:400}input[type=range]{accent-color:var(--green);width:100%;margin:8px 0 24px}.secondary{width:100%;padding:12px;border:1px solid #a9b39f;background:transparent;color:var(--green);border-radius:3px;font-size:12px;font-weight:600}.secondary:hover:enabled{background:#edf1e6}.primary{background:var(--green);color:#fffdf5;border:1px solid var(--green);border-radius:3px;min-height:46px;padding:14px 21px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:25px;white-space:nowrap}.primary:hover:enabled{background:#365d48}.primary span{font-size:18px;font-weight:400}.preview-label{justify-content:space-between;margin-top:2px}.preview-label>div{display:flex;align-items:center;gap:10px}.tag{font-size:9px;letter-spacing:.35px;text-transform:uppercase;background:#e9ecdf;border:1px solid #d8dfcb;color:#5d7150;border-radius:20px;padding:7px 10px}.preview-stage{background:#eae7dc;padding:40px 42px 45px;display:grid;place-items:center;min-width:0}.physical-frame{background:#92785a;padding:12px;border:2px solid #a28a6d;box-shadow:0 17px 22px -16px #554a3b9c,0 2px 4px #75634b52;width:100%}.picture-surface{background:#fffdf7;aspect-ratio:4/3;width:100%;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 4px #514f433b}.picture-surface img{width:100%;height:100%;object-fit:contain;display:block}#preview-empty{font:28px/1.6 Georgia,serif;text-align:center;color:#9b9f8f}#preview-empty em{font-size:23px}.art-caption{display:flex;justify-content:space-between;gap:15px;margin-top:23px;align-items:flex-start}.art-caption h3{overflow-wrap:anywhere}.art-caption p{font-size:12px;color:var(--muted);margin-top:6px}.resolution{font-size:9px;text-align:right;color:var(--muted);line-height:1.8;white-space:nowrap}.preview-note{font-size:10px;color:#7b8274;line-height:1.7;margin-top:18px;max-width:480px}.send-panel{display:flex;align-items:center;gap:25px;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:23px}.send-panel strong{font-size:12px}.send-panel p{font-size:11px;color:var(--muted);max-width:335px;margin-top:6px}.original-link{display:inline-block;margin-top:20px;font-size:11px;text-underline-offset:4px;color:var(--muted)}.notice{padding:14px 18px;border:1px solid #c9d8bf;background:#edf3e7;margin-bottom:25px;font-size:13px;line-height:1.6}.notice.error{background:#fff0e8;border-color:#ddb9a6;color:#934b2b}.saved-section{margin-top:65px;border-top:1px solid var(--line);padding-top:32px}.saved-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.saved-heading .eyebrow{margin-bottom:9px}.saved-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.saved-card{background:var(--white);border:1px solid var(--line);padding:12px;text-align:left;color:var(--ink);min-width:0}.saved-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:white;margin-bottom:13px}.saved-card strong{display:block;font:17px Georgia,serif;overflow-wrap:anywhere}.saved-card small{display:block;font-size:10px;color:var(--muted);margin-top:6px}#more-saved{width:auto;margin-top:22px}footer{max-width:1370px;margin:55px auto 0;padding:22px 4.6%;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.login-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:center;max-width:1000px;margin:60px auto 100px}.login-layout h1{font-size:57px;line-height:1.16}.login-layout .intro{max-width:420px}.login-card{padding:40px;background:var(--white);border:1px solid var(--line)}.login-card h2{font-size:32px;margin-top:18px}.login-card>p{font-size:13px;color:var(--muted);margin:14px 0 25px}.login-card label{margin-top:26px}.login-card .primary{width:100%}.login-card .fine-print{font-size:11px;margin:25px 0 0}.login-card .error{color:#a14e31}.palette-dots{display:flex;gap:8px;margin-top:33px}.palette-dots i{width:15px;height:15px;border-radius:50%;background:#eee8da;border:1px solid #d5d1c5}.palette-dots i:nth-child(2){background:#34413a}.palette-dots i:nth-child(3){background:#c56d52}.palette-dots i:nth-child(4){background:#d9b356}.palette-dots i:nth-child(5){background:#718996}.palette-dots i:nth-child(6){background:#84966a}
@media(min-width:1450px){.preview-stage{padding:45px 65px 50px}}@media(max-width:1000px){.studio-grid{grid-template-columns:300px minmax(0,1fr);gap:27px}.editor{padding:20px}.preview-stage{padding:28px 23px}.page-heading h1{font-size:38px}.frame-info{font-size:11px}.send-panel{flex-direction:column;align-items:stretch;gap:18px}.send-panel p{max-width:none}.login-layout{gap:40px}.login-layout h1{font-size:45px}.saved-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.topbar{padding:20px 5%}.brand{font-size:21px}.brand-mark{width:36px;height:39px;font-size:33px}.brand-note{font-size:8px;letter-spacing:1.5px}.private-label{display:none}main{padding:32px 5% 0}.page-heading{display:block;margin-bottom:25px}.page-heading h1{font-size:37px;line-height:1.15}.intro{font-size:13px}.frame-info{margin-top:23px}.frame-info small{display:inline;margin-left:6px;padding:0;font-size:10px}.studio-grid{display:flex;flex-direction:column;gap:30px}.editor,.preview-section{width:100%}.editor{padding:23px}.preview-stage{padding:30px 20px}.physical-frame{padding:8px}.preview-label h2{font-size:18px}.preview-label .tag{font-size:8px;padding:6px}.send-panel{flex-direction:column}.primary{min-height:48px}.saved-section{margin-top:43px}.saved-heading h2{font-size:22px}.saved-heading{gap:20px}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.saved-card{padding:9px}.saved-card strong{font-size:16px}.login-layout{display:block;margin:20px 0 50px}.login-layout h1{font-size:42px}.login-card{margin-top:35px;padding:28px}.palette-dots{margin-top:23px}footer{display:block;line-height:1.8;margin-top:40px}footer span{display:block}.art-caption h3{font-size:21px}.notice{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.screen-nav{display:flex;gap:8px;margin-bottom:28px;border-bottom:1px solid var(--line)}.screen-nav button{font-size:16px;background:none;color:var(--ink);border:0;border-bottom:3px solid transparent;padding:14px 18px}.screen-nav button[aria-pressed=true]{border-bottom-color:var(--green);font-weight:700}.display-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.display-heading p:not(.eyebrow),.display-copy,.queued-picture p{font-size:16px;color:var(--muted);margin-top:14px}.display-heading .primary{font-size:16px}.display-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:30px;align-items:start}.display-layout:has(.queued-picture[hidden]){grid-template-columns:minmax(0,850px)}.display-layout .preview-stage{padding:26px}.queued-picture{padding:20px;border:1px solid var(--line);background:var(--white)}.queued-picture img{width:100%;aspect-ratio:4/3;object-fit:contain;background:white;margin-bottom:15px}.queued-picture .eyebrow{font-size:12px;margin-top:0}.display-layout .art-caption p,.display-copy{font-size:16px}#display-empty{padding:24px;text-align:center;font-size:16px}.library-send{margin-top:12px;font-size:14px;min-height:44px}@media(max-width:720px){.display-heading{align-items:flex-start;flex-direction:column}.display-layout{grid-template-columns:1fr}.display-heading h1{font-size:36px}.screen-nav button{padding:12px}.display-layout .preview-stage{padding:18px}}
.rotation-settings{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:24px;border-block:1px solid var(--line);padding:20px 0;margin-bottom:28px}.rotation-settings label:not(.dropzone){font-size:16px}.rotation-input{display:flex;align-items:center;gap:12px}.rotation-settings input:not([type=file]):not([type=range]){font-size:16px;width:90px;margin:0}.rotation-settings button{font-size:16px;width:auto;min-height:44px}.rotation-settings p{font-size:16px;color:var(--muted)}.rotation-settings p+p{margin-top:8px}#rotation-feedback{color:var(--green)}@media(max-width:720px){.rotation-settings{grid-template-columns:1fr}}
.story-picture{margin:28px 0 35px}.story-picture img{display:block;width:100%;height:auto;background:white;border:1px solid var(--line)}.story-picture figcaption{line-height:1.6}
.frame-delivery{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;margin-bottom:28px;border:1px solid var(--line);background:var(--white)}.frame-delivery[data-state=displayed]{border-left:4px solid var(--green)}.frame-delivery[data-state=waiting]{border-left:4px solid var(--accent)}.frame-status-context{font-size:12px;letter-spacing:.7px;color:var(--muted);margin-bottom:8px;overflow-wrap:anywhere}.frame-delivery strong{font:24px Georgia,serif}.frame-delivery #frame-delivery-detail{font-size:14px;color:var(--muted);margin-top:9px;max-width:760px}.frame-delivery button{font-size:14px;min-height:44px;flex-shrink:0}@media(max-width:720px){.frame-delivery{align-items:flex-start;flex-direction:column;gap:8px;padding:18px}}
.editor-actions{display:flex;flex-wrap:wrap;gap:24px;margin:-15px 0 28px}.editor-actions button{font-size:14px;min-height:44px}
.collection-actions{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:flex-end}.collection-actions button,.archive-button{font-size:14px;min-height:44px}.collection-help{font-size:14px;color:var(--muted);margin:-8px 0 24px;max-width:680px}.saved-open{display:block;width:100%;padding:0;background:none;border:0;color:inherit;text-align:left}.saved-card .archive-button{display:block;margin-top:12px}.saved-card .selected-label{font-size:14px;margin-top:12px;color:var(--green)}
.transform-helper{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px;min-width:0}.transform-helper h3{font-size:21px;line-height:1.3}.transform-helper p,.transform-helper li{font-size:16px;line-height:1.55}.transform-helper p{margin-top:12px}.transform-helper ol{padding-left:22px;margin:16px 0}.transform-helper li+li{margin-top:8px}.transform-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.transform-actions button,.transform-actions a{font-size:14px}.transform-actions a{text-underline-offset:4px}.transform-helper details{margin-top:16px}.transform-helper summary{font-size:14px;line-height:1.5;cursor:pointer}.transform-helper summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.transform-helper details label{font-size:14px;margin:14px 0 8px}.transform-helper details textarea{font-size:14px;line-height:1.5}.transform-helper .transform-caution{font-size:14px;color:var(--muted)}#transform-copy-status{font-size:14px;color:var(--green)}#transform-copy-status:empty{display:none}
textarea{font:inherit;font-size:13px;line-height:1.6;width:100%;resize:vertical;border:1px solid var(--line);border-radius:3px;padding:10px;background:var(--white);color:var(--ink);margin-bottom:8px}textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a.primary{text-decoration:none}.art-info{max-width:680px;padding:60px 25px}.art-info h1{overflow-wrap:anywhere}.art-info dl{margin:35px 0}.art-info dt{font-size:12px;color:var(--muted);margin-top:20px}.art-info dd{margin:7px 0;font:24px Georgia,serif}.art-notes{white-space:pre-wrap;overflow-wrap:anywhere;margin:15px 0 35px}.editor .divider{margin-top:24px}