:root{--bg:#f5efe7;--paper:#fffdf9;--ink:#211d1a;--muted:#786f68;--line:#ded4ca;--accent:#d78896;--shadow:0 20px 70px rgba(50,38,29,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.topbar{width:min(1500px,calc(100% - 40px));margin:0 auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{width:43px;height:43px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 15px Georgia,serif;transform:rotate(-4deg);box-shadow:0 7px 18px #2d211923}.brand strong{display:block;font:700 17px Georgia,serif}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:1px;letter-spacing:.06em}.top-actions{display:flex;gap:8px}.ghost-btn,.dark-btn,.secondary-btn,.icon-btn,.download-btn{border:0;cursor:pointer;font:700 12px/1 system-ui,sans-serif;transition:.2s}.ghost-btn{padding:12px 14px;border:1px solid var(--line);background:#ffffff80;border-radius:12px;color:var(--ink)}.dark-btn{padding:12px 15px;border-radius:12px;background:var(--ink);color:#fff}.ghost-btn:hover,.secondary-btn:hover,.icon-btn:hover{background:#fff}.dark-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #211d1a20}.page-shell{width:min(1500px,calc(100% - 40px));margin:0 auto 70px}.hero-copy{padding:55px 0 48px;max-width:760px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.21em;color:#9b7760;margin:0 0 10px}.hero-copy h1{font:500 clamp(44px,6vw,88px)/.92 Georgia,"Times New Roman",serif;letter-spacing:-.055em;margin:0}.hero-copy h1 em{font-weight:400;color:#ab6d79}.hero-copy>p:last-child{font-size:15px;color:var(--muted);max-width:570px;margin:22px 0 0}.studio-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.25fr) minmax(300px,.9fr);gap:14px;align-items:start}.panel{background:rgba(255,253,249,.93);border:1px solid #e6dcd2;border-radius:24px;box-shadow:var(--shadow);padding:20px;min-width:0}.controls-panel,.preview-panel{position:sticky;top:14px}.step-head{display:flex;align-items:center;gap:11px;margin-bottom:15px}.step-head>span{width:31px;height:31px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:700 10px Georgia,serif;color:#9d8878}.step-head b{display:block;font:700 14px Georgia,serif}.step-head small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.divider{height:1px;background:var(--line);margin:22px 0}.template-filters{display:flex;gap:6px;overflow:auto;padding-bottom:7px;scrollbar-width:none}.template-filters::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;border:1px solid var(--line);background:#fff8;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;color:#776d65;cursor:pointer}.filter-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:334px;overflow:auto;padding-right:2px}.template-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:6px;cursor:pointer;text-align:left;transition:.18s;min-width:0}.template-card:hover{transform:translateY(-2px)}.template-card.active{outline:2px solid var(--ink);outline-offset:1px}.template-thumb{aspect-ratio:.78;border-radius:8px;display:grid;place-items:center;overflow:hidden;position:relative}.template-thumb::after{content:"";width:58%;height:55%;background:#d9d6d0;border:4px solid #fff;box-shadow:0 2px 7px #0002}.template-card strong{font-size:9px;display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card small{font-size:8px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field{display:grid;gap:6px}.field>span,.color-field>span{font-size:10px;font-weight:800;color:#665e57}.field select,.field input{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 11px;font:500 11px system-ui;color:var(--ink);outline:none}.field input:focus,.field select:focus{border-color:#a79789;box-shadow:0 0 0 3px #ab8b7512}.toggle-row{display:flex;gap:13px;flex-wrap:wrap;margin:12px 0}.toggle-row label,.mini-check{display:flex;align-items:center;gap:6px;font-size:10px;color:#605850;cursor:pointer}.toggle-row input,.mini-check input{accent-color:var(--ink)}.accent-row{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:11px}.color-field{display:grid;gap:5px}.color-field input{width:64px;height:38px;border:1px solid var(--line);padding:3px;border-radius:10px;background:#fff}.camera-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.camera-toolbar>div:first-child{display:flex;align-items:center;gap:7px}.live-dot{width:7px;height:7px;background:#ed5f5f;border-radius:50%;box-shadow:0 0 0 4px #ed5f5f17}.camera-actions{display:flex;gap:6px}.icon-btn{width:35px;height:35px;border-radius:10px;border:1px solid var(--line);background:#fff8;color:var(--ink);display:grid;place-items:center;font-size:17px}.file-btn{position:relative;overflow:hidden}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.camera-stage{position:relative;aspect-ratio:4/3;border-radius:18px;background:#191817;overflow:hidden}.camera-stage video{width:100%;height:100%;object-fit:cover;display:block}.camera-stage.mirrored video{transform:scaleX(-1)}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#2a2724,#151412);color:#fff;padding:22px}.camera-placeholder.hidden{display:none}.camera-placeholder b{font:700 16px Georgia,serif}.camera-placeholder small{color:#bcb6b1;margin:5px 0 15px;max-width:280px}.camera-illustration{font-size:42px;margin-bottom:8px;opacity:.8}.countdown{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:700 clamp(80px,16vw,160px)/1 Georgia,serif;text-shadow:0 5px 30px #0006;pointer-events:none}.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.flash.fire{animation:flash .28s ease}@keyframes flash{0%{opacity:0}35%{opacity:.92}100%{opacity:0}}.shot-counter{position:absolute;right:12px;bottom:12px;background:#0009;color:#fff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.capture-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;margin:14px 0}.secondary-btn{padding:11px 12px;border-radius:11px;background:#f7f3ee;border:1px solid var(--line);color:var(--ink)}.shutter{width:68px;height:68px;border-radius:50%;border:3px solid var(--ink);background:transparent;padding:5px;cursor:pointer}.shutter span{display:block;width:100%;height:100%;background:var(--ink);border-radius:50%;transition:.18s}.shutter:active span{transform:scale(.82)}.camera-note{font-size:9px;color:#8b8179;text-align:center}.shots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.shot-slot{aspect-ratio:1;border:1px dashed #cfc3b8;border-radius:11px;background:#f8f4ef;overflow:hidden;position:relative;cursor:pointer}.shot-slot.active{outline:2px solid var(--accent);outline-offset:1px}.shot-slot img{width:100%;height:100%;object-fit:cover;display:block}.shot-slot span{position:absolute;inset:0;display:grid;place-items:center;font:700 11px Georgia,serif;color:#afa39a}.shot-slot button{position:absolute;right:4px;top:4px;width:21px;height:21px;border-radius:50%;border:0;background:#000a;color:#fff;cursor:pointer;display:none}.shot-slot:hover button{display:block}.print-stage{min-height:500px;border-radius:18px;background:#ebe4dc;display:grid;place-items:center;padding:23px;overflow:hidden;position:relative}.print-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff4 1px,transparent 1px),linear-gradient(90deg,#fff4 1px,transparent 1px);background-size:18px 18px;opacity:.22}.print-preview{position:relative;z-index:1;width:min(100%,270px);filter:drop-shadow(0 18px 20px #43342925)}.mock-print{padding:12px;background:#fff;color:#221e1b;position:relative;overflow:hidden}.mock-print.single{aspect-ratio:.78}.mock-print.duo{aspect-ratio:.68}.mock-print.strip3{aspect-ratio:.39}.mock-print.strip4{aspect-ratio:.33}.mock-print.grid4{aspect-ratio:1}.mock-photo{background:#d8d3cd;overflow:hidden;position:relative}.mock-photo img{width:100%;height:100%;object-fit:cover;display:block}.mock-photo span{position:absolute;inset:0;display:grid;place-items:center;font:700 10px Georgia,serif;color:#8f8983}.mock-print.single .mock-photo{height:72%}.mock-print.duo .mock-photo{height:38%;margin-bottom:8px}.mock-print.strip3 .mock-photo{height:27.5%;margin-bottom:8px}.mock-print.strip4 .mock-photo{height:20.7%;margin-bottom:7px}.mock-print.grid4{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px}.mock-print.grid4 .mock-photo{height:auto}.mock-caption{text-align:center;padding:10px 5px 2px;font:700 13px/1.2 Georgia,serif}.mock-date{text-align:center;font:8px/1.2 "Courier New",monospace;letter-spacing:.12em;opacity:.65}.mock-decoration{position:absolute;inset:0;pointer-events:none}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.download-btn{width:100%;padding:14px;border-radius:13px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px}.download-btn span{font-size:18px}.download-btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px #221a1525}.privacy-note{text-align:center;color:#8f857d;font-size:9px;margin:10px 0 0}.template-showcase{padding:105px 0 20px}.section-title{max-width:650px}.section-title h2{font:500 clamp(34px,4vw,58px)/1 Georgia,serif;letter-spacing:-.035em;margin:0 0 14px}.section-title>p:last-child{color:var(--muted);font-size:14px}.showcase-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:34px}.showcase-card{border-radius:17px;padding:11px;border:1px solid #e3d9cf;background:#ffffff80}.showcase-art{aspect-ratio:.75;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d}.showcase-art::before{content:"";position:absolute;width:68%;height:55%;left:16%;top:15%;background:#cec9c3;border:7px solid #fff;box-shadow:0 4px 13px #0002}.showcase-card b{font:700 12px Georgia,serif;display:block;margin:9px 2px 1px}.showcase-card small{font-size:9px;color:var(--muted)}.modal{position:fixed;inset:0;z-index:120;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:#201c1899;backdrop-filter:blur(5px)}.modal-card{position:absolute;width:min(460px,calc(100% - 30px));left:50%;top:50%;transform:translate(-50%,-50%);background:#fffdf9;border-radius:24px;padding:28px;box-shadow:0 30px 100px #0004}.modal-card h3{font:600 28px Georgia,serif;margin:5px 0 15px}.modal-card ol{padding-left:20px;color:#645c55}.modal-card li{margin:7px 0}.modal-card p:last-child{background:#f7f2ed;padding:12px;border-radius:12px;color:#756b63;font-size:11px}.modal-close{position:absolute;right:14px;top:14px;border:0;background:#f3ede7;width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer}@media(max-width:1180px){.studio-grid{grid-template-columns:minmax(270px,.8fr) minmax(420px,1.2fr)}.preview-panel{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.preview-panel>.step-head,.preview-panel>.privacy-note{grid-column:1/-1}.print-stage{grid-row:2/5;min-height:430px}.showcase-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:820px){.topbar,.page-shell{width:min(100% - 24px,1500px)}.topbar{padding:14px 0}.brand small{display:none}.top-actions .ghost-btn{display:none}.hero-copy{padding:35px 0 30px}.hero-copy h1{font-size:clamp(43px,13vw,68px)}.studio-grid{grid-template-columns:1fr}.controls-panel,.preview-panel{position:static}.preview-panel{display:block}.print-stage{min-height:420px}.template-grid{grid-template-columns:repeat(4,1fr);max-height:290px}.showcase-grid{grid-template-columns:repeat(3,1fr)}.template-showcase{padding-top:70px}}@media(max-width:540px){body{font-size:13px}.panel{padding:14px;border-radius:18px}.hero-copy h1{font-size:44px}.hero-copy>p:last-child{font-size:13px}.settings-grid,.export-options{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(3,1fr)}.camera-stage{border-radius:14px}.capture-row{gap:8px}.secondary-btn{font-size:10px;padding:10px 8px}.shutter{width:61px;height:61px}.shots-grid{gap:5px}.print-stage{min-height:390px;padding:18px}.print-preview{width:min(100%,240px)}.showcase-grid{grid-template-columns:repeat(2,1fr)}.accent-row{align-items:center}.top-actions .dark-btn{font-size:10px;padding:11px}.brand-mark{width:38px;height:38px}.page-shell{margin-bottom:35px}}