@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020-20AB}:root{color:#29221c;font-synthesis:none;--orange:#ba4228;--muted:#776b5e;--line:#d9cebc;background:#f3ecdf;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background-image:radial-gradient(#67503314 .6px,#0000 .6px);background-size:5px 5px;min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #247472}.site-shell{max-width:1160px;margin:auto;padding:0 48px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:112px;display:flex}.brand{align-items:center;gap:11px;text-decoration:none;display:flex}.brand>svg{color:var(--orange)}.brand>span{letter-spacing:.025em;font-family:Barlow Condensed,sans-serif;font-size:29px;font-weight:700;line-height:1}.brand small{letter-spacing:1.7px;padding-top:6px;font:600 7px/1.5 DM Sans,sans-serif;display:block}.language{border:1px solid var(--line);background:#f9f4e999;border-radius:25px;padding:4px;display:flex}.language button{min-width:42px;min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:20px;font-size:11px;font-weight:600}.language button[aria-pressed=true]{color:#fff8ed;background:#29221c}.ready-layout{grid-template-columns:1fr 1fr;grid-template-areas:"copy strip""actions strip""privacy strip";align-content:center;column-gap:80px;min-height:calc(100svh - 208px);padding:54px 24px 48px;display:grid}.intro{grid-area:copy;align-self:end}.eyebrow{letter-spacing:2px;align-items:center;gap:9px;font-size:10px;font-weight:600;line-height:1.5;display:inline-flex}.status-dot{background:#5d795c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #5d795c12}h1{letter-spacing:-.018em;white-space:pre-line;margin:23px 0 24px;font:700 clamp(64px,6.9vw,92px)/.94 Barlow Condensed,sans-serif}.description{color:var(--muted);white-space:pre-line;max-width:390px;margin:0;font-size:15px;line-height:1.8}.strip-stage{grid-area:strip;justify-content:center;align-items:center;min-height:540px;padding:28px 0;display:flex;position:relative}.paper-strip{position:relative;transform:rotate(4deg);box-shadow:6px 18px 32px #43341b24,1px 2px 3px #3b2b172b}.paper-strip img{aspect-ratio:1/3;width:auto;height:clamp(420px,61svh,610px);display:block}.tape{z-index:1;background:#cebb86b0;border-left:3px dotted #f3ecdf80;border-right:3px dotted #f3ecdf80;width:54%;height:32px;position:absolute;top:-18px;left:23%;transform:rotate(-7deg)}.strip-side-label{writing-mode:vertical-rl;letter-spacing:3px;color:#958574;font-size:9px;position:absolute;top:50%;left:0;transform:rotate(180deg)}.memory-stamp{color:var(--orange);white-space:pre-line;text-align:center;flex-direction:column;align-items:center;gap:5px;font-family:Georgia,serif;font-size:22px;font-style:italic;line-height:1.25;display:flex;position:absolute;bottom:65px;right:-12px;transform:rotate(-13deg)}.actions-panel{grid-area:actions;align-self:start;max-width:390px;margin-top:34px}.actions{gap:10px;display:flex}.action{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:14px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.actions .action{flex:1;padding-inline:12px}.action:active{transform:translateY(1px)}.primary{background:var(--orange);color:#fff8ed}.primary:hover{background:#a8351d}.secondary{color:#393028;background:#faf5e999;border-color:#b9aa96}.secondary:hover{background:#fffaf1}.save-hint{color:var(--muted);margin:14px 0 0;font-size:11px;line-height:1.65}.action-notice{color:#69523d;min-height:20px;margin:9px 0 0;font-size:12px;line-height:1.65}.privacy-note{color:#8a7a6a;grid-area:privacy;align-items:flex-start;gap:7px;max-width:340px;margin:10px 0 0;font-size:10px;line-height:1.65;display:flex}.privacy-note svg{flex-shrink:0;margin-top:1px}.site-footer{border-top:1px solid var(--line);color:#8c7d6a;align-items:center;gap:22px;min-height:96px;display:flex}.site-footer>span{letter-spacing:1px;font:700 17px Barlow Condensed,sans-serif}.site-footer p{margin:0;font-size:11px}.site-footer i{color:var(--orange);margin-left:auto;font-size:23px;font-style:normal}.state-layout{justify-content:center;align-items:center;min-height:calc(100svh - 208px);padding:54px 0;display:flex}.state-card{text-align:center;max-width:480px}.state-card h1{font-size:66px}.state-card .description{margin:auto}.state-art{width:108px;height:108px;color:var(--orange);background:#e7dcc8;border:1px solid #d8c7aa;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 36px;display:flex;position:relative}.state-art>svg:first-child{stroke-width:1.3px;width:40px;height:40px}.state-art .state-sparkle{width:25px;position:absolute;top:9px;right:-14px}.mini-strip{background:#fff8eb;gap:3px;padding:4px 4px 12px;display:grid;transform:rotate(-12deg);box-shadow:3px 7px 9px #33261e30}.mini-strip span{background:#b8a48b;width:30px;height:18px;display:block}.waiting-art{border-color:var(--line);background:0 0}.waiting-art .mini-strip span{animation:3s ease-in-out infinite develop}.waiting-art .mini-strip span:nth-child(2){animation-delay:.3s}.waiting-art .mini-strip span:nth-child(3){animation-delay:.6s}.waiting-art .mini-strip span:nth-child(4){animation-delay:.9s}.waiting-status{color:var(--orange);justify-content:center;align-items:center;gap:8px;margin:28px 0 0;font-size:12px;display:flex}.state-hint{color:var(--muted);max-width:340px;margin:18px auto 0;font-size:12px;line-height:1.7}.retry{margin-top:28px}.spin{animation:1.4s linear infinite spin}.demo-panel{text-align:center;border:1px dashed #c5b69e;border-radius:8px;margin:0 0 24px;padding:16px}.demo-badge{letter-spacing:2px;color:var(--orange);font-size:9px;font-weight:600}.demo-panel p{color:var(--muted);margin:8px 0 13px;font-size:11px;line-height:1.6}.demo-panel nav{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.demo-panel nav a{border-radius:5px;align-items:center;min-height:36px;padding:8px 10px;font-size:11px;text-decoration:none;display:flex}.demo-panel nav a[aria-current=page]{background:#e5d8c3}@keyframes spin{to{transform:rotate(360deg)}}@keyframes develop{50%{background:#806455}}@media (width<=760px){.site-shell{max-width:580px;padding:0 24px}.site-header{gap:12px;min-height:86px}.brand{gap:8px}.brand>svg{width:21px}.brand>span{font-size:24px}.brand small{letter-spacing:1.35px;font-size:5.5px}.language button{min-width:34px;min-height:34px}.ready-layout{grid-template-columns:1fr;grid-template-areas:"copy""strip""actions""privacy";gap:0;min-height:0;padding:30px 0 32px}.intro{text-align:center}.eyebrow{letter-spacing:1.8px;font-size:9px}h1{margin:15px 0 14px;font-size:54px}.description{margin:auto;font-size:12px;line-height:1.8}.strip-stage{min-height:0;padding:37px 0 27px}.paper-strip img{height:clamp(345px,46svh,470px)}.strip-side-label{letter-spacing:2px;font-size:8px;left:9px}.memory-stamp{font-size:18px;bottom:47px;right:0}.memory-stamp svg{width:18px}.tape{height:25px;top:-13px}.actions-panel{max-width:none;margin-top:14px}.action{min-height:52px;font-size:13px}.save-hint{text-align:center;font-size:10px}.action-notice{text-align:center;min-height:0;margin-bottom:0}.action-notice:empty{margin:0}.privacy-note{text-align:center;justify-content:center;max-width:280px;margin:18px auto 0;font-size:9px}.site-footer{gap:12px;min-height:88px}.site-footer>span{letter-spacing:.5px;font-size:14px}.site-footer p{max-width:150px;font-size:9px;line-height:1.6}.site-footer i{font-size:20px}.state-layout{min-height:calc(100svh - 174px);padding:48px 0}.state-card h1{font-size:53px}.state-art{margin-bottom:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.story-section{margin-top:18px}.story-trigger{color:#fff7e6;background:linear-gradient(115deg,#6b2e55,#b54429 60%,#d58a3e);border:1px solid #8d402b;width:100%}.story-panel{background:#f5ead8;border:1px solid #cdbb9e;border-radius:18px;margin-top:20px;padding:18px}.story-panel h2{margin:0 0 8px;font-family:Barlow Condensed,sans-serif;font-size:30px}.story-panel>p{font-size:13px;line-height:1.6}.story-preview{border-radius:10px;width:100%;height:auto;margin:18px 0;display:block}.story-panel .actions{gap:8px}.story-panel .action{padding:14px 8px;font-size:13px}.story-templates{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0;display:grid}.story-template{color:#473321;cursor:pointer;background:#eadbc3;border:2px solid #0000;border-radius:10px;min-width:0;padding:3px}.story-template[aria-pressed=true]{background:#fff8ec;border-color:#ad3920;box-shadow:0 0 0 2px #ad392022}.story-template:focus-visible{outline-offset:3px;outline:3px solid #473321}.story-template img{aspect-ratio:9/16;object-fit:cover;border-radius:5px;width:100%;height:auto;display:block}.story-template span{padding:7px 0 4px;font-size:11px;font-weight:600;display:block}.ready-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""picker""privacy";gap:24px;max-width:760px;margin:auto}.ready-layout .intro{text-align:center}.photo-layout-picker{grid-area:picker;min-width:0}.layout-controls h2{text-align:center;margin:0 0 12px;font-size:14px;font-weight:600}.photo-layout-picker .story-templates{grid-template-columns:repeat(5,minmax(0,1fr));max-width:480px;margin:0 auto 22px}.original-template img{object-fit:contain;background:#efe4cf;padding:7px}.layout-preview{justify-content:center;align-items:center;min-height:360px;display:flex}.layout-preview .original-preview{width:auto;max-width:100%;height:min(52svh,560px);display:block;box-shadow:3px 9px 20px #43341b24}.layout-preview .story-preview{border-radius:10px;width:auto;max-width:100%;height:auto;max-height:68svh;margin:0}.photo-layout-picker .actions-panel{width:100%;max-width:480px;margin:22px auto 0}.ready-layout .privacy-note{text-align:center;justify-content:center;margin:0 auto}@media (width<=600px){.ready-layout{gap:22px;padding:26px 0}.story-template span{font-size:10px}.photo-layout-picker .story-templates{gap:5px}}@media (width<=760px){.site-shell:has(.ready-layout){padding-inline:12px}.site-shell:has(.ready-layout) .site-header{min-height:56px}.ready-layout{height:calc(100svh - 56px);min-height:460px;padding:8px 0 max(8px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"picker""privacy";align-content:stretch;gap:6px}.ready-layout .intro{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.photo-layout-picker{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"controls""preview""actions";gap:10px;min-height:0;display:grid}.layout-controls{grid-area:controls}.layout-preview{grid-area:preview}.layout-controls h2{margin-bottom:6px;font-size:13px}.photo-layout-picker .story-templates{gap:5px;margin-bottom:0}.story-template img{object-fit:contain;height:clamp(44px,9svh,84px)}.story-template span{padding:4px 0 2px;font-size:10px}.layout-preview{min-height:0;overflow:hidden}.layout-preview .original-preview,.layout-preview .story-preview{object-fit:contain;width:100%;height:100%;max-height:100%;box-shadow:none;margin:0}.photo-layout-picker .actions-panel{align-self:end;margin:0 auto}.photo-layout-picker .action{min-height:48px;padding-block:10px}.photo-layout-picker .save-hint{margin-top:5px;font-size:10px}.photo-layout-picker .action-notice{margin-top:3px;font-size:10px}.photo-layout-picker .action-notice:empty{margin:0}.ready-layout .privacy-note{max-width:100%;font-size:9px;line-height:1.3}}