@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;550;600;650;700;750;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#f6f4ef;--ink:#29282b;--muted:#89858c;--line:#dfdcd6;--purple:#d9c9ef;--purple-dark:#77608d;--white:#fffdf9;font-family:'Be Vietnam Pro',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9175b2;outline-offset:4px}a{color:inherit;text-decoration:none}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.site-header{height:94px;max-width:1320px;margin:0 auto;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:43px;font-weight:700;letter-spacing:-3.5px;position:relative;line-height:1}.brand>span:first-child{color:#9d80b8}.brand-star{position:absolute;font-size:22px;top:-3px;right:-27px;letter-spacing:0;font-weight:400;color:#9575b3}.site-header nav{display:flex;gap:36px;height:100%;align-items:center;margin-left:92px}.site-header nav a,.nav-link{font-size:12px;font-weight:550;background:none;padding:10px 0}.nav-active{position:relative}.nav-active:after{position:absolute;bottom:0;left:0;content:'';height:3px;width:22px;background:var(--purple-dark)}.nav-link{color:#858188}.nav-link span{margin-left:4px}.header-note{font-size:10px;color:#8c8690;display:flex;align-items:center;gap:14px}.header-note .icon{width:17px;color:#a58bbf}main{max-width:1320px;padding:0 12px;margin:0 auto;scroll-margin-top:20px}.intro{display:flex;justify-content:space-between;align-items:center;padding:39px 0 34px}.eyebrow{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:8px}.eyebrow>span{width:5px;height:5px;background:#a891be;border-radius:50%}h1{font-size:35px;letter-spacing:-1.6px;line-height:1.45;font-weight:650;margin:12px 0 9px}h1 em{font-family:Georgia,'Be Vietnam Pro',serif;font-weight:500;color:#8e759e;font-style:italic} .intro p{font-size:12px;color:#858087;margin:0;line-height:1.8}.intro-sticker{border:1px solid #b5a0c5;border-radius:50%;width:121px;height:106px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(10deg);position:relative;margin-right:28px;color:#8c729f}.intro-sticker span{font-size:7px;letter-spacing:2px}.intro-sticker strong{font-family:Georgia,serif;font-style:italic;font-size:23px;font-weight:400;margin:6px 0}.intro-sticker b{position:absolute;bottom:-6px;right:6px;background:var(--paper);font-size:26px;font-weight:400;padding:0 3px}.studio-grid{display:grid;grid-template-columns:218px minmax(0,1fr) 242px;gap:24px;align-items:start}.section-title{display:flex;gap:9px;align-items:center;margin:0 0 24px}.section-title h2{font-size:12px;font-weight:600;margin:0;letter-spacing:-.2px}.step{font-family:'DM Sans',sans-serif;font-size:9px;width:23px;height:23px;border:1px solid #d6d0d9;border-radius:50%;display:grid;place-items:center;color:#8c7b99}.settings-panel{padding-top:6px}.setting-block{padding:0;border:0;margin:0 0 24px}legend,.caption-label{font-size:9px;letter-spacing:1.1px;font-weight:600;padding:0;margin-bottom:11px}legend>span,.caption-label>span{font-weight:400;letter-spacing:0;font-size:9px;color:#9a959d;margin-left:7px}.layout-options{display:flex;flex-direction:column;gap:8px}.layout-option{border:1px solid var(--line);border-radius:7px;background:transparent;display:flex;align-items:center;text-align:left;gap:12px;padding:11px 12px;transition:.2s}.layout-option:hover{border-color:#b9a5cc}.layout-option.selected{background:#eee7f5;border-color:#b8a2cc}.layout-option>span:nth-child(2){font-size:11px;font-weight:500}.layout-option small{display:block;font-size:8px;color:#9b8ca6;margin-top:4px;font-weight:400}.layout-icon{width:21px;height:30px;display:grid;gap:2px;padding:3px;border:1px solid #a59aaa;border-radius:2px}.layout-icon i{background:#bcb0c5;border-radius:1px}.strip-icon{grid-template-rows:repeat(4,1fr);width:17px;margin:0 2px}.grid-icon{grid-template-columns:1fr 1fr;height:23px}.radio-dot{margin-left:auto;border:1px solid #c9c3cd;width:11px;height:11px;border-radius:50%}.selected .radio-dot{border:3px solid #9274ad;background:#eee7f5}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 7px}.filter-option{padding:0;background:transparent;text-align:center;font-size:9px;display:flex;flex-direction:column;gap:6px;align-items:center;color:#8a858e}.filter-sample{height:49px;width:100%;border-radius:5px;border:2px solid transparent;padding:2px;transition:.2s}.filter-sample>span{display:block;height:100%;border-radius:2px;background:radial-gradient(circle at 50% 33%,#f1d3bb 0 16%,transparent 17%),radial-gradient(ellipse at 50% 115%,#9b786f 0 40%,transparent 41%),linear-gradient(140deg,#c9d0af,#ede5cf);position:relative;overflow:hidden}.filter-sample>span:after{content:'';position:absolute;width:18px;height:20px;border:5px solid #57483b;border-bottom:0;border-radius:50% 50% 0 0;top:3px;left:calc(50% - 9px)}.filter-option.selected{color:#6d537f;font-weight:600}.filter-option.selected .filter-sample{border-color:#a487bc;background:#fff}.segmented{display:flex;border:1px solid var(--line);border-radius:6px;padding:3px;gap:2px}.segmented button{background:transparent;color:#8f8993;font-size:10px;padding:8px 0;flex:1;border-radius:3px}.segmented button.selected{background:var(--ink);color:white}.setting-toggles{border-top:1px solid var(--line);padding-top:9px}.toggle-row{display:flex;align-items:center;position:relative;cursor:pointer;padding:9px 0}.toggle-row>span:first-child{display:flex;align-items:center;gap:9px;font-size:10px;color:#7e7783}.toggle-row .icon{width:14px;height:14px}.toggle-row input{position:absolute;right:0;width:28px;height:18px;opacity:0;margin:0}.switch{height:16px;width:28px;border-radius:20px;background:#d8d4d9;margin-left:auto;pointer-events:none;position:relative}.switch:after{content:'';height:10px;width:10px;background:white;border-radius:50%;position:absolute;top:3px;left:3px;transition:.2s}.toggle-row input:checked+.switch{background:#a18bb7}.toggle-row input:checked+.switch:after{left:15px}.toggle-row input:focus-visible+.switch{outline:3px solid #9175b2;outline-offset:3px}.tiny-note{display:flex;align-items:center;gap:13px;font-size:10px;line-height:1.9;color:#a19aa5;margin:26px 0 0 8px;transform:rotate(-3deg)}.tiny-note>span{font-size:32px;color:#b4a0c5}.camera-card{background:var(--white);border:1px solid #dfdadf;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #342a3d04}.camera-toolbar{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #eee9ed}.viewfinder-label{font-size:8px;letter-spacing:1.3px;display:flex;align-items:center;gap:7px;color:#8c858f;font-weight:500}.viewfinder-label>span:first-child{width:5px;height:5px;border-radius:50%;background:#b5abbc}.viewfinder-label>span:first-child.active{background:#8c9f7b;box-shadow:0 0 0 3px #eaf0e5}.photo-counter{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:2px;color:#9e95a4}.viewfinder{position:relative;background:#eae4ef;aspect-ratio:4/3;overflow:hidden;margin:10px 10px 0;border-radius:5px;isolation:isolate}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 18% 10%,#f8efe066,transparent 55%),radial-gradient(ellipse at 90% 80%,#d9cce955,transparent 60%),#eae4ee}.camera-placeholder h2{font-size:18px;letter-spacing:-.5px;font-weight:600;margin:22px 0 10px;z-index:1}.camera-placeholder p{text-align:center;font-size:10px;color:#94899b;line-height:1.9;margin:0 0 19px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;font-size:11px;font-weight:500;border-radius:6px;transition:background .2s,transform .2s}.button:hover:not(:disabled){transform:translateY(-1px)}.button.dark{background:#312d34;color:#fff}.button.dark:hover{background:#4b4055}.button.dark .icon{width:16px;height:16px}.button.dark>span{margin-left:12px}.text-button{display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;font-size:9px;color:#918398;padding:13px 5px}.text-button:hover:not(:disabled){color:#604770}.text-button .icon{width:12px;height:12px}.camera-art{width:160px;height:127px;position:relative;transform:rotate(-8deg);margin-top:12px}.camera-art-body{position:absolute;z-index:2;inset:11px 0 13px;background:#f8f4e9;border:1.5px solid #716a6f;border-radius:12px;box-shadow:5px 7px 0 #cfc2d9}.camera-art-body:before{content:'';position:absolute;inset:34px 0 17px;background:#b7a2ca;border-top:1.5px solid #716a6f;border-bottom:1.5px solid #716a6f}.camera-art-top{position:absolute;top:5px;left:19px;width:23px;height:8px;background:#b8a1c7;border:1.5px solid #716a6f;border-radius:3px 3px 0 0}.art-brand{position:absolute;top:8px;left:13px;font-family:Georgia,serif;font-weight:700;font-size:17px;letter-spacing:-1px}.art-flash{position:absolute;top:11px;right:12px;width:25px;height:13px;border:1px solid #7d7284;border-radius:3px;background:repeating-linear-gradient(90deg,#ded6e2 0 3px,#f3eef5 3px 5px)}.art-lens{position:absolute;top:27px;left:52px;width:61px;height:61px;border-radius:50%;background:#ece7dc;border:1.5px solid #716a6f;box-shadow:2px 3px #92809e;display:grid;place-items:center}.art-lens>div{width:46px;height:46px;border-radius:50%;background:#615867;border:6px solid #3d3943;box-shadow:inset 0 0 0 1px #9d8fa8;position:relative}.art-lens>div:after{content:'';position:absolute;width:12px;height:7px;background:#a89ab3aa;border-radius:50%;top:5px;left:4px;transform:rotate(-35deg)}.art-bottom{position:absolute;bottom:6px;left:15px;font-size:4px;letter-spacing:1.7px}.art-photo{width:60px;height:72px;padding:5px 5px 16px;background:#fffaf1;border:1px solid #bbb0be;position:absolute;right:-22px;bottom:-3px;z-index:3;transform:rotate(24deg);box-shadow:2px 3px #c5b5ce66}.art-photo>span{height:100%;background:#d3c6df;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:22px;transform:none;color:#82718d}.art-photo small{position:absolute;font-family:Georgia,serif;font-size:6px;bottom:5px;left:12px;letter-spacing:.4px}.art-flower{position:absolute;z-index:4;bottom:1px;left:-13px;font-size:45px;color:#ab7c90;text-shadow:1px 1px #77676f;transform:rotate(12deg)}.floating-star{position:absolute;color:#ab97b9}.star-one{font-size:25px;left:22%;top:22%;transform:rotate(10deg)}.star-two{font-size:42px;right:18%;top:12%;transform:rotate(-10deg)}#cameraVideo{display:none;width:100%;height:100%;object-fit:cover}.viewfinder.has-camera #cameraVideo{display:block}.viewfinder.has-camera .camera-placeholder{display:none}.viewfinder-corners{position:absolute;inset:18px;pointer-events:none;z-index:4}.viewfinder-corners i{width:16px;height:16px;position:absolute;border:solid #b6a8c0;border-width:1px 0 0 1px;opacity:.55}.viewfinder-corners i:nth-child(2){right:0;transform:rotate(90deg)}.viewfinder-corners i:nth-child(3){bottom:0;right:0;transform:rotate(180deg)}.viewfinder-corners i:nth-child(4){bottom:0;transform:rotate(270deg)}.has-camera .viewfinder-corners i{border-color:#fff;opacity:.65}.viewfinder-watermark{font-family:Georgia,serif;font-size:11px;font-style:italic;position:absolute;bottom:14px;left:50%;transform:translateX(-50%);color:#ab9fb3;z-index:3;white-space:nowrap}.has-camera .viewfinder-watermark{color:#ffffffbb;text-shadow:0 1px 4px #0005}.camera-actions{height:94px;display:flex;align-items:center;justify-content:center;position:relative;padding:0 22px;gap:28px}.capture-hint{position:absolute;left:23px;font-size:10px;color:#776c7e;line-height:1.7}.capture-hint small{display:block;font-size:8px;color:#b0a7b5;margin-top:2px}.shutter-button{padding:5px;background:transparent;width:60px;height:60px;border:1.5px solid #a58cba;border-radius:50%;transition:.2s}.shutter-button>span{width:100%;height:100%;display:grid;place-items:center;background:var(--purple);border-radius:50%;transition:.2s}.shutter-button .icon{width:22px;height:22px;stroke:#705783}.shutter-button:disabled{border-color:#ddd3e4}.shutter-button:disabled>span{background:#e8dfef}.shutter-button:disabled .icon{stroke:#b5a3c4}.shutter-button:hover:not(:disabled)>span{background:#c4aadf}.shutter-button.capturing{border-color:#bc7b7b}.shutter-button.capturing>span{background:#f0d5d5}.round-button{height:34px;width:34px;display:grid;place-items:center;border-radius:50%;background:transparent;border:1px solid #e7e0eb;color:#9c8ca6}.round-button .icon{height:14px;width:14px}.round-button:hover{background:#efe8f5}#uploadButton{position:absolute;right:23px}.cancel-button{position:absolute;right:14px;background:#f0e6e9;font-size:9px;padding:9px}.camera-footnote{height:30px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#aaa1af;border-top:1px solid #eee9ee}.camera-footnote .icon{height:10px;width:10px}.countdown{position:absolute;inset:0;display:grid;place-items:center;z-index:8;color:white;background:#1e182326;font-family:'DM Sans',sans-serif;font-size:100px;font-weight:500;text-shadow:0 2px 30px #0005}.countdown.pulse{animation:count-in .65s ease-out}.flash-overlay{position:absolute;inset:0;background:white;opacity:0;pointer-events:none;z-index:9}.flash-overlay.flashing{animation:flash .35s ease-out}.capture-progress{position:absolute;top:18px;left:50%;transform:translateX(-50%);padding:7px 12px;border-radius:25px;font-size:10px;color:white;background:#26212a88;z-index:7;white-space:nowrap;backdrop-filter:blur(8px)}.result-panel{padding-top:6px}.strip-stage{height:326px;background:repeating-linear-gradient(0deg,transparent 0 19px,#c8bfce23 19px 20px),repeating-linear-gradient(90deg,transparent 0 19px,#c8bfce23 19px 20px),#eeeae9;border-radius:7px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px;overflow:hidden}.strip-paper{padding:9px 9px 0;width:119px;background:#fffdf6;box-shadow:2px 4px 11px #29222d20;transform:rotate(4deg);transition:background .2s,width .3s,color .2s;color:#332d35;position:relative}.strip-paper:before{content:'';position:absolute;top:-10px;left:calc(50% - 20px);width:40px;height:20px;background:#cdbad38c;transform:rotate(-9deg);z-index:2;clip-path:polygon(0 5%,94% 0,100% 98%,4% 93%)}.photo-slots{display:grid;gap:5px}.photo-slot{position:relative;width:100%;aspect-ratio:4/3;border:0;padding:0;background:#e9e5e7;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#beb2c6;overflow:hidden}.photo-slot .icon{width:15px;height:15px;stroke-width:1}.photo-slot>span{font-family:'DM Sans',sans-serif;font-size:7px;letter-spacing:1px}.photo-slot canvas{width:100%;height:100%;object-fit:cover;display:block}.photo-slot .retake-overlay{position:absolute;inset:0;background:#29212d80;color:white;display:none;place-items:center;font-size:8px;letter-spacing:0}.photo-slot.filled:hover .retake-overlay,.photo-slot.filled:focus-visible .retake-overlay{display:grid}.strip-footer{text-align:center;display:flex;align-items:center;flex-direction:column;padding:9px 0 8px;gap:4px}.strip-footer strong{font-family:Georgia,serif;font-size:16px;letter-spacing:-1px}.strip-footer>span{font-size:3.5px;max-width:100%;overflow-wrap:anywhere;line-height:1.6;min-height:5px}.strip-footer small{font-family:'DM Sans',sans-serif;font-size:4px;letter-spacing:1px;opacity:.6}.strip-paper.grid-preview{width:202px;padding:10px 10px 0;transform:rotate(-3deg)}.grid-preview .photo-slots{grid-template-columns:1fr 1fr}.grid-preview .strip-footer{padding:14px 0}.stage-spark{position:absolute;right:26px;bottom:29px;font-size:40px;color:#a790b6;transform:rotate(15deg)}.frame-options{padding:0;border:0;margin:0 0 19px}.swatches{display:flex;gap:10px}.swatch{background:var(--swatch);width:25px;height:25px;border-radius:50%;border:1px solid #00000010;position:relative}.swatch.selected:after{content:'';position:absolute;inset:-4px;border:1px solid #94839f;border-radius:50%}.swatch.selected:before{content:'✓';font-family:Arial,sans-serif;color:#8b7898;font-size:12px}.swatch[data-color='#29272b'].selected:before{color:white}.caption-label{display:block;margin:0 0 9px}.caption-input-wrap{position:relative}.caption-input-wrap input{width:100%;background:transparent;border:1px solid var(--line);border-radius:5px;padding:11px 28px 11px 10px;font-size:9px;color:#62536c;outline-offset:2px}.caption-input-wrap input::placeholder{color:#aaa0ae}.caption-input-wrap>span{position:absolute;right:10px;top:9px;color:#a698af;font-size:13px}.result-actions{margin-top:19px}.download-button{width:100%;background:var(--purple);font-size:11px;color:#624e73;height:41px}.download-button:hover:not(:disabled){background:#c8b1e0}.download-button:disabled{background:#e8e0ee;color:#aa97b9}.download-button .icon{width:15px;height:15px}.reset-button{width:100%;margin-top:3px;font-size:9px}.reset-button:disabled{color:#bdb2c4}.download-note{text-align:center;font-size:8px;color:#aaa1af;line-height:1.7;margin:0}.bottom-ribbon{border-top:1px solid var(--line);margin-top:35px;padding:24px 0;display:flex;justify-content:center;align-items:center;gap:45px;color:#958b9b;font-size:10px}.bottom-ribbon>span{display:flex;align-items:center;gap:10px}.bottom-ribbon b{font-family:'DM Sans',sans-serif;font-size:8px;color:#a894b8;border:1px solid #d9cfdf;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-weight:500}.bottom-ribbon>i{font-size:20px;color:#bdb0c5;font-style:normal}.ribbon-heart{font-size:23px;color:#ad92ba}.site-footer{max-width:1320px;margin:0 auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:23px 12px;font-size:8px;color:#a59da9}.site-footer>span:first-child{font-family:Georgia,serif;font-size:11px;font-style:italic}.site-footer>span:nth-child(2){display:flex;align-items:center;gap:8px}.site-footer b{font-size:17px;font-weight:400}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:13px 21px;background:#342d3c;color:#fff;border-radius:9px;font-size:11px;z-index:30;box-shadow:0 4px 24px #0002;max-width:calc(100vw - 32px);text-align:center;line-height:1.7}dialog{border:1px solid #d8cadf;background:var(--white);color:var(--ink);padding:38px;border-radius:16px;max-width:460px;width:calc(100% - 32px);box-shadow:0 25px 120px #34223944}dialog::backdrop{background:#29213055;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:14px}.dialog-icon{font-size:45px;color:#a48ab8;margin-bottom:14px}dialog h2{font-size:24px;letter-spacing:-.8px;line-height:1.5;margin:12px 0 23px}dialog ol{padding-left:18px;font-size:12px;line-height:1.9;color:#88778f}dialog li{padding-left:5px;margin-bottom:12px}dialog li strong{color:#594561}.help-note{padding:13px 15px;background:#f0eaf4;border-radius:6px;color:#8d7c95;font-size:10px;line-height:1.9;margin-bottom:24px}dialog>.button{width:100%}@keyframes flash{0%{opacity:.9}100%{opacity:0}}@keyframes count-in{0%{transform:scale(1.15);opacity:.3}100%{transform:scale(1);opacity:1}}
@media(min-width:1450px){.site-header,main,.site-footer{max-width:1380px}.studio-grid{grid-template-columns:230px minmax(0,1fr) 260px;gap:30px}.strip-stage{height:351px}.strip-paper{width:128px}.intro{padding-top:44px;padding-bottom:40px}.camera-placeholder h2{margin-top:29px}.camera-art{transform:scale(1.12) rotate(-8deg);margin-bottom:12px}}
@media(max-width:1200px){.site-header,main,.site-footer{margin-left:28px;margin-right:28px;padding-left:0;padding-right:0}.studio-grid{grid-template-columns:180px minmax(0,1fr) 205px;gap:18px}.section-title{gap:6px}.section-title h2{font-size:11px}.layout-option{padding:10px}.filter-block legend>span{display:none}.strip-stage{height:305px}.strip-paper{width:111px}.camera-placeholder h2{font-size:16px;margin-top:15px}.camera-placeholder p{margin-bottom:12px}.camera-art{transform:scale(.84) rotate(-8deg);margin:-5px 0 -10px}.star-one{left:14%}.star-two{right:13%}.capture-hint{left:14px;font-size:8px}.capture-hint small{font-size:7px}.bottom-ribbon{gap:24px}.swatches{gap:9px}.intro-sticker{margin-right:5px}h1{font-size:31px}}
@media(max-width:980px){.studio-grid{grid-template-columns:175px minmax(0,1fr);gap:22px}.result-panel{grid-column:1/-1;display:grid;grid-template-columns:175px 230px minmax(0,1fr);column-gap:22px;position:relative;border-top:1px solid var(--line);padding-top:24px}.result-panel>.section-title{grid-column:1;grid-row:1;align-self:start}.strip-stage{grid-column:2;grid-row:1/7;height:315px;margin:0}.frame-options{grid-column:3;grid-row:1;margin-top:7px}.caption-label{grid-column:3;grid-row:2}.caption-input-wrap{grid-column:3;grid-row:3}.result-actions{grid-column:3;grid-row:4;margin-top:10px}.download-note{grid-column:3;grid-row:5}.camera-art{transform:scale(1) rotate(-8deg);margin:8px 0 0}.camera-placeholder h2{margin-top:20px}.settings-panel{padding-top:7px}.tiny-note{font-size:9px}.camera-card{align-self:start}.viewfinder{aspect-ratio:1.15}.header-note{font-size:8px}.site-header nav{margin-left:40px;gap:24px}.intro{padding-top:30px}.intro-sticker{width:100px;height:92px}.intro-sticker strong{font-size:20px}h1{font-size:29px}.bottom-ribbon{gap:18px;font-size:9px}.bottom-ribbon>span{gap:7px}.site-footer>span:nth-child(2){font-size:7px}}
@media(max-width:720px){.site-header,main,.site-footer{margin-left:20px;margin-right:20px}.site-header{height:76px}.brand{font-size:36px}.brand-star{font-size:19px;right:-24px}.site-header nav{margin-left:15px;gap:22px}.site-header nav a,.nav-link{font-size:10px}.header-note{display:none}.intro{padding:28px 0 25px}.intro .eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:25px;letter-spacing:-1px;line-height:1.6;margin:10px 0 7px}h1 em{display:block}.intro p{font-size:10px;max-width:250px;line-height:1.8}.intro-sticker{width:91px;height:84px;flex-shrink:0;margin-left:8px;margin-top:8px}.intro-sticker strong{font-size:17px}.intro-sticker span{font-size:5px;letter-spacing:1.5px}.intro-sticker b{font-size:21px}.studio-grid{display:flex;flex-direction:column;gap:24px}.camera-card{width:100%;order:0}.settings-panel{width:100%;order:1;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.settings-panel>.section-title{grid-column:1/-1;margin-bottom:18px}.setting-block{margin-bottom:21px}.filter-block{grid-column:1/-1;grid-row:3}.filter-block legend>span{display:inline}.filters{grid-template-columns:repeat(5,1fr);gap:8px}.filter-sample{height:58px}.layout-options{gap:6px}.layout-option{padding:9px}.layout-icon{height:25px}.grid-icon{height:20px}.layout-option>span:nth-child(2){font-size:10px}.layout-option small{font-size:7px}.setting-toggles{grid-column:2;grid-row:2;margin-top:47px;padding-top:2px;border:0;align-self:start}.setting-block:has(#timerOptions){grid-column:2;grid-row:2;align-self:start}.segmented button{font-size:9px;padding:7px 0}.toggle-row{padding:7px 0}.tiny-note{display:none}.result-panel{width:100%;order:2;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.result-panel>.section-title{grid-column:1/-1;grid-row:1;margin-bottom:22px}.strip-stage{grid-column:1;grid-row:2/8;height:315px}.frame-options{grid-column:2;grid-row:2;margin-top:7px}.caption-label{grid-column:2;grid-row:3;font-size:8px}.caption-label>span{display:none}.caption-input-wrap{grid-column:2;grid-row:4}.result-actions{grid-column:2;grid-row:5}.download-note{grid-column:2;grid-row:6}.swatches{gap:9px;flex-wrap:wrap}.swatch{width:23px;height:23px}.frame-options legend{font-size:8px}.download-button{font-size:9px;padding:12px 6px;gap:5px}.caption-input-wrap input{font-size:8px;padding-left:7px}.strip-paper.grid-preview{width:155px;padding:7px 7px 0}.grid-preview .photo-slots{gap:3px}.bottom-ribbon{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:23px 4px;font-size:10px;margin-top:27px}.bottom-ribbon>i{display:none}.site-footer{padding:20px 0;gap:15px;flex-wrap:wrap;font-size:7px}.site-footer>span:nth-child(2){order:3;width:100%;justify-content:center;font-size:8px}.viewfinder{aspect-ratio:1.08}.camera-placeholder h2{font-size:17px}.camera-placeholder p{font-size:10px}.camera-art{transform:scale(.9) rotate(-8deg);margin:0 0 -4px}.star-one{left:16%;top:20%}.star-two{right:15%;top:12%}.camera-actions{height:90px}.capture-hint{font-size:9px;left:18px}.capture-hint small{font-size:7px}.camera-footnote{font-size:7px}.camera-toolbar{height:40px;padding:0 14px}.viewfinder-label{font-size:7px}.section-title h2{font-size:12px}.button.dark{padding:12px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.camera-tools{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:14px}.camera-tools select{max-width:120px;font-size:8px;color:#8b7b94;border:0;background:transparent;outline-offset:2px}.camera-tools button{display:grid;place-items:center;background:transparent;color:#a18baa;padding:3px}.camera-tools .icon{width:13px;height:13px}.camera-placeholder>p{max-width:300px;padding:0 12px}.photo-slot:disabled{cursor:default}@media(max-width:720px){.camera-tools select{max-width:85px}.camera-tools{margin-right:7px;gap:2px}}
.intro-sticker strong{white-space:nowrap}.viewfinder.has-camera{aspect-ratio:4/3}.filter-sample>span{filter:inherit}
.strip-footer strong{position:relative}.strip-footer strong:before,.strip-footer strong:after{content:"✦";position:absolute;font-family:Georgia,serif;font-size:7px;font-weight:400;top:5px}.strip-footer strong:before{left:-15px}.strip-footer strong:after{right:-15px}
.strip-paper{width:100px}@media(min-width:1450px){.strip-paper{width:108px}}@media(max-width:1200px){.strip-paper{width:94px}}.strip-paper.grid-preview{width:202px}@media(max-width:720px){.strip-paper.grid-preview{width:155px}}
@media(max-width:720px){.viewfinder:not(.has-camera) .viewfinder-watermark{display:none}}