:root{color:#f3f1eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--accent:#f07937;--muted:#b3b5ae;--line:#34362f;background:#10110f;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,input{font:inherit}a{color:inherit}button,label,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,.canvas-interaction:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.4}h1,h2,h3,p{margin:0}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex}.wordmark{flex-direction:column;line-height:1;text-decoration:none;display:flex}.wordmark>span{letter-spacing:-1.3px;font-size:27px;font-weight:900}.wordmark small{letter-spacing:4px;margin-top:5px;font-size:9px}.header-label{letter-spacing:1.5px;color:var(--muted);text-align:right;font-size:10px}main{max-width:1160px;margin:auto;padding:38px 20px 44px}.eyebrow{letter-spacing:1.8px;color:var(--accent);margin-bottom:13px;font-size:10px;font-weight:700}h1{letter-spacing:-2.6px;font-size:clamp(45px,7vw,70px);font-weight:800;line-height:1.02}h1 span{color:var(--accent)}.intro>p:last-child{color:var(--muted);margin-top:17px;font-size:15px;line-height:1.65}.desktop-break{display:none}.editor-layout{gap:24px;margin-top:32px;display:grid}.preview-panel,.controls-panel{min-width:0}.panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.panel-heading h2{font-size:13px;font-weight:600}.size-label{letter-spacing:1px;color:var(--muted);font-size:10px}.canvas-frame{aspect-ratio:1;background:#202220;width:100%;position:relative;overflow:hidden}.canvas-interaction{width:100%;height:100%}.canvas-frame.has-photo .canvas-interaction{touch-action:none;cursor:grab}.canvas-frame.has-photo .canvas-interaction:active{cursor:grabbing}.canvas-interaction:focus-visible{outline-offset:-5px}.preview-empty{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.empty-mark{color:#a4a69e;border:1px solid #4a4d43;place-items:center;width:65px;height:65px;margin-bottom:22px;font-size:36px;font-weight:200;display:grid}.preview-empty strong{font-size:18px}.preview-empty p{color:var(--muted);text-align:center;margin-top:10px;font-size:13px;line-height:1.6}.preview-help{color:var(--muted);text-align:center;margin-top:15px;font-size:12px;line-height:1.6}.preview-help>span{color:#989b91;margin-top:3px;font-size:11px;display:block}.template-note{border-top:1px solid var(--line);gap:10px;margin-top:22px;padding-top:18px;display:flex}.small-dot{background:var(--accent);flex-shrink:0;width:6px;height:6px;margin-top:5px}.template-note strong{font-size:12px;font-weight:500}.template-note p>span{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.6;display:block}.controls-panel{border:1px solid var(--line);background:#1a1c18;padding:26px 22px}.step-heading{align-items:flex-start;gap:13px;display:flex}.step-number{color:var(--accent);font-size:12px;font-weight:600;line-height:25px}.step-heading h3{letter-spacing:-.3px;font-size:18px;font-weight:600}.step-heading p{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.6}.upload-control{text-align:center;cursor:pointer;background:#24271f;border:1px dashed #747a63;flex-direction:column;align-items:center;margin-top:22px;padding:22px 10px;transition:border-color .15s,background .15s;display:flex;position:relative}.upload-control:hover,.upload-control:focus-within{border-color:var(--accent);background:#2a2c24}.upload-control:focus-within{outline:3px solid var(--accent);outline-offset:3px}.upload-control input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-control strong{margin-top:10px;font-size:14px}.upload-control>span:last-of-type{color:var(--muted);margin-top:7px;font-size:11px}.upload-icon{color:var(--accent);font-size:29px;line-height:1}.is-busy{opacity:.7}.file-detail{overflow-wrap:anywhere;color:#ddd;margin-top:14px;font-size:12px}.file-detail span{color:var(--muted);margin-top:5px;font-size:11px;display:block}.error-message{color:#ffcbb7;border-left:2px solid var(--accent);background:#38251d;margin-top:15px;padding:13px;font-size:13px;line-height:1.5}.error-message span{margin-top:7px;display:block}.control-divider{background:var(--line);height:1px;margin:28px 0}.zoom-label{justify-content:space-between;margin-top:26px;font-size:12px;display:flex}.zoom-label output{font-variant-numeric:tabular-nums;color:var(--accent)}.zoom-slider{width:100%;accent-color:var(--accent);cursor:pointer;height:38px;margin:7px 0 0}.range-labels{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.button-row{gap:10px;margin-top:23px;display:flex}.button-row button{color:#f3f1eb;background:0 0;border:1px solid #676c5b;flex:1;min-height:46px;padding:10px 8px;font-size:12px;font-weight:600}.button-row button:hover:enabled{background:#2c3026;border-color:#b4bba4}.remove-button{color:var(--muted);background:0 0;border:0;min-height:44px;margin-top:3px;padding:12px 2px;font-size:11px;text-decoration:underline;display:block}.privacy-note{border-top:1px solid var(--line);gap:11px;margin-top:27px;padding-top:25px;display:flex}.privacy-note svg{color:#a2ab94;flex-shrink:0;width:19px;height:19px}.privacy-note strong{font-size:12px;font-weight:500}.privacy-note p{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.65}.phase-note{color:#9fa594;margin-top:24px;font-size:10px;line-height:1.5}.loading-overlay{pointer-events:none;background:#10110fbb;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:14px;display:flex;position:absolute;inset:0}.spinner{border:2px solid #555;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid var(--line);letter-spacing:1.1px;color:#a0a397;flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:1160px;margin:auto;padding:22px 20px 26px;font-size:9px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=760px){.site-header{padding:25px 40px}.wordmark>span{font-size:32px}.header-label{font-size:11px}main{padding:48px 40px 58px}.intro>p:last-child{font-size:16px}.desktop-break{display:block}.editor-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.9fr);align-items:start;gap:42px;margin-top:38px}.controls-panel{margin-top:30px;padding:30px 26px}.template-note{margin-top:21px}footer{padding-left:40px;padding-right:40px}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.upload-control{transition:none}}.name-label{margin-top:22px;font-size:12px;display:block}.name-label span{color:var(--muted)}.name-input{color:#f3f1eb;background:#10110f;border:1px solid #676c5b;border-radius:0;width:100%;min-height:46px;margin-top:9px;padding:12px;display:block}.name-help{color:var(--muted);margin-top:9px;font-size:11px;line-height:1.6}.artwork-error{background:#10110fee;place-items:center;padding:24px;font-size:14px;line-height:1.6;display:grid;position:absolute;inset:0}.name-controls{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.name-controls label{margin:18px 0 8px;font-size:12px;display:block}.name-controls select{color:#f3f1eb;width:100%;min-height:46px;font:inherit;background:#10110f;border:1px solid #676c5b;padding:10px;font-size:16px;display:block}.name-controls select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.nudge-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.nudge-grid button{color:#f3f1eb;background:0 0;border:1px solid #676c5b;min-height:46px;font-size:13px}.name-drag-handle{cursor:move;touch-action:none;z-index:1;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.name-drag-handle:focus-visible{outline:2px dashed var(--accent);outline-offset:1px}.photo-style{border:0;margin:20px 0;padding:0}.photo-style legend{margin-bottom:10px;font-weight:700}.photo-style button{min-height:48px}.photo-style button[aria-pressed=true]{color:#fff;background:#392417;border-color:#ff7a28}.photo-style p{color:#bbb;font-size:14px;line-height:1.5}.breakout-controls{border:0;margin:20px 0;padding:0}.breakout-controls legend{margin-bottom:10px;font-weight:700}.breakout-controls>button{width:100%;min-height:48px;margin-bottom:16px}.breakout-controls>button[aria-pressed=true]{color:#fff;background:#392417;border-color:#ff7a28}.download-controls{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.download-controls h3{font-size:18px}.download-ready{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.6}.download-button{background:var(--accent);color:#15110f;border:1px solid var(--accent);width:100%;min-height:54px;margin-top:18px;padding:14px 12px;font-size:15px;font-weight:700;display:block}.download-button:hover:enabled{background:#ff965a}.download-detail{color:var(--muted);margin-top:10px;font-size:11px}.download-controls>[role=status]{margin-top:12px;font-size:12px;line-height:1.6}.save-options{margin-top:16px;font-size:12px;line-height:1.6}.save-options button{color:#f3f1eb;border:1px solid var(--accent);background:#30271f;width:100%;min-height:46px;margin-bottom:12px}.save-options summary{cursor:pointer;min-height:44px;padding:12px 0}.save-options summary:focus-visible{outline:3px solid var(--accent)}.save-options img{width:100%;height:auto;margin:12px 0;display:block}.save-options a{min-height:44px;padding:12px 0;display:block}.signup-section{border:1px solid var(--line);background:#1a1c18;max-width:720px;margin-top:38px;padding:26px 22px}.signup-section h2{font-size:24px;line-height:1.2}.signup-section>p{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.65}.signup-section>.eyebrow{color:var(--accent);margin:0 0 12px;font-size:10px}.signup-section form{margin-top:22px}.signup-section form>label:first-child{margin-bottom:8px;font-size:13px;display:block}.signup-section input[type=email]{color:#f3f1eb;background:#10110f;border:1px solid #676c5b;width:100%;min-height:48px;padding:12px;font-size:16px}.signup-consent{cursor:pointer;align-items:flex-start;gap:12px;padding:14px 0;font-size:13px;line-height:1.6;display:flex}.signup-consent input{width:22px;height:22px;accent-color:var(--accent);flex-shrink:0;margin:0}.signup-section button{color:#fff;border:1px solid var(--accent);background:#392417;width:100%;min-height:48px;font-weight:700}.signup-section [role=alert]{color:#ffcbb7;margin-top:12px;font-size:13px;line-height:1.6}.signup-section [role=status]{margin-top:12px;font-size:13px;line-height:1.6}.signup-draft{border-top:1px solid var(--line);padding-top:12px}.signup-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.signup-confirmation{border-left:2px solid var(--accent);background:#24271f;padding:16px}.event-selector{max-width:720px;margin-top:24px}.event-selector label{margin-bottom:8px;font-size:13px;display:block}.event-selector select{color:#f3f1eb;border:1px solid var(--line);width:100%;min-height:48px;font:inherit;background:#1a1c18;padding:12px}