@font-face{font-family:Booth;src:local('Avenir Next'),local('Avenir'),local('Helvetica Neue');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fdf6ef;color:#4a2515;font:15px/1.6 Booth,'Helvetica Neue',Arial,sans-serif}body:before{content:'';position:fixed;inset:0;opacity:.025;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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none;z-index:9}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c35320;outline-offset:4px}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.055em;font-weight:600}h1{font-size:64px}h2{font-size:36px}h3{font-size:22px}p{color:#ca5621}label{font-weight:500;font-size:13px;display:grid;gap:7px}input:not([type=checkbox]),select,textarea{width:100%;min-width:0;border:1px solid #f6dabe;background:#fefbf8;border-radius:9px;padding:11px 13px;color:#4b2616;outline-offset:2px}input[type=color]{height:43px;padding:5px;cursor:pointer}textarea{resize:vertical}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}.check{display:flex;align-items:center;gap:9px;line-height:1.4}hr{border:0;border-top:1px solid #fae2ca;width:100%;margin:12px 0}.wrap{max-width:1320px;padding-left:52px;padding-right:52px;margin:auto}.header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 52px;max-width:1440px;margin:auto;border-bottom:1px solid #fae2cb}.brand{display:inline-flex;align-items:center;gap:9px;font-size:24px;font-weight:750;letter-spacing:-1.1px;white-space:nowrap}.brand-icon{font-size:41px;color:var(--accent);line-height:1}.brand-dot{font-size:11px;align-self:flex-start;margin-top:5px}.header nav{display:flex;gap:34px;font-size:13px;font-weight:500}.header nav a:hover,.footer-links a:hover{color:var(--accent)}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:16px 23px;border:1px solid transparent;border-radius:9px;font-weight:600;line-height:1.25;transition:transform .2s,background .2s;font-size:14px}.button:not(:disabled):hover{transform:translateY(-2px)}.primary{background:var(--accent);color:white;box-shadow:0 5px 12px #4a251518}.dark{background:#4c2616;color:#fefbf8}.secondary{border-color:#f6dabe;background:#fefbf8}.small{padding:12px 18px;font-size:12px}.text-link{display:inline-flex;align-items:center;gap:12px;background:none;border:0;padding:0;font-size:13px;font-weight:600}.text-link:hover{color:var(--accent)}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.1px;display:flex;align-items:center;gap:8px;margin-bottom:21px}.live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #ca562118}.hero{display:grid;grid-template-columns:1.07fr 1fr;align-items:center;min-height:650px;padding-top:53px;padding-bottom:55px;overflow:hidden}.hero-copy h1{font-size:clamp(46px,5.2vw,73px);line-height:1.07;letter-spacing:-4px;margin:0 0 30px;position:relative;max-width:650px}.hero-copy h1 span{color:var(--accent);font-family:Georgia,serif;font-style:italic;font-weight:400}.underline{display:block;width:260px;height:20px;margin-top:-1px;margin-left:125px;margin-bottom:-20px;fill:none;stroke:var(--accent);stroke-width:1.8}.hero-copy>p{font-size:14px;max-width:405px;line-height:1.9;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:28px}.hero-perks{display:flex;gap:20px;margin-top:30px;font-size:10px;color:#e86b17}.hero-art{height:510px;position:relative;margin-left:20px}.orbit{position:absolute;width:440px;height:440px;border-radius:50%;background:#f9e0c8;top:30px;left:0;outline:1px solid #f2cda8;outline-offset:17px}.art-label{position:absolute;top:0;right:28px;font-size:9px;letter-spacing:2px;transform:rotate(8deg)}.demo-strip{position:absolute;width:184px;padding:12px 12px 17px;background:#ca5621;box-shadow:1px 14px 30px #4925152e;border:1px solid #c35320;display:grid;gap:7px;top:30px;left:160px;transform:rotate(10deg)}.demo-strip img{width:100%;height:112px;object-fit:cover;filter:saturate(.8)}.demo-strip b{font-size:8px;text-align:center;color:#fdf6ef;font-family:Georgia,serif;font-style:italic;margin-top:5px}.demo-strip small{font-size:7px;color:#fdf2e8;text-align:center;letter-spacing:1px}.demo-strip.back{background:#fdf6ef;border-color:#f4d4b5;transform:rotate(-13deg);left:22px;top:62px}.demo-strip.back img{filter:grayscale(1)}.demo-strip.back b,.demo-strip.back small{color:#ac4a1c}.round-sticker{position:absolute;width:105px;height:105px;border-radius:50%;right:-4px;top:320px;background:#f2cea9;border:1px solid #ee9254;outline:4px solid #f2cea9;text-align:center;padding-top:17px;transform:rotate(12deg);font-size:18px;line-height:1.05}.round-sticker b{font-size:27px}.round-sticker span{font-size:6px;letter-spacing:.7px;display:block;margin-top:8px}.spark{position:absolute;color:var(--accent);font-size:72px;z-index:2}.spark-one{left:4px;top:-18px;transform:rotate(14deg)}.handwritten{position:absolute;bottom:0;left:38px;font-family:Georgia,serif;font-style:italic;font-size:20px;transform:rotate(-9deg);line-height:1.15}.ticker{background:#502817;color:#fbecdc;display:flex;justify-content:space-around;align-items:center;gap:35px;padding:18px 35px;overflow:hidden;white-space:nowrap;font-size:22px}.ticker span{font-size:10px;letter-spacing:2.4px}.collection{padding-top:82px;padding-bottom:76px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.section-heading .eyebrow{color:var(--accent);margin-bottom:13px}.section-heading h2{margin-bottom:13px;font-size:40px}.section-heading p{font-size:13px;margin:0}.little-note{font-family:Georgia,serif;font-style:italic;color:#e86b17;transform:rotate(7deg);font-size:19px;line-height:1.3}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:16px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{background:none;border:1px solid #f9dec4;border-radius:30px;padding:9px 17px;font-size:11px}.filter.active{background:#502817;border-color:#502817;color:#fdf4eb}.muted{color:#e86b17;font-size:12px}.frame-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px 20px}.frame-card{min-width:0}.frame-art{position:relative;background:#fbecdc;border-radius:12px;display:flex;justify-content:center;align-items:center;height:277px;overflow:hidden;border:1px solid #fae2ca;transition:background .2s}.frame-card:nth-child(4n+2) .frame-art{background:#fbe7d3}.frame-card:nth-child(4n+3) .frame-art{background:#fbead8}.frame-card:nth-child(4n+4) .frame-art{background:#fae4ce}.frame-art canvas{height:220px;max-width:85%;object-fit:contain;transform:rotate(-6deg);box-shadow:3px 8px 12px #47241522;transition:transform .25s}.frame-card:nth-child(even) canvas{transform:rotate(5deg)}.frame-card:hover canvas{transform:rotate(0) translateY(-4px)}.frame-card:hover .frame-art{background:#fae2ca}.frame-card .card-tag{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:1px;background:#ffffffaa;padding:4px 8px;border-radius:4px}.frame-meta{display:flex;align-items:center;justify-content:space-between;padding:14px 1px}.frame-meta h3{font-size:16px;letter-spacing:-.4px;margin-bottom:5px}.frame-meta small{font-size:10px;color:#e86b17}.frame-meta .arrow{width:29px;height:29px;border-radius:50%;border:1px solid #f4d6b8;display:grid;place-items:center}.how{padding-top:58px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1.7fr;gap:65px;border-top:1px solid #f9e0c7}.how h2{font-size:36px;margin-bottom:24px}.how .eyebrow{color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.steps article{padding-top:7px}.steps article>span{display:inline-flex;font-family:Georgia,serif;font-style:italic;font-size:40px;color:#efc091;margin-bottom:24px}.steps h3{font-size:18px;letter-spacing:-.5px}.steps p{font-size:12px;line-height:1.8}.privacy-band{display:flex;align-items:center;gap:25px;background:#fbebdb;border-top:1px solid #f9dec3;border-bottom:1px solid #f9dec3;padding-top:31px;padding-bottom:31px}.privacy-band>span{font-size:45px;color:#ca5621}.privacy-band h3{font-size:21px;margin-bottom:6px}.privacy-band p{margin:0;font-size:12px}.privacy-band a{margin-left:auto;white-space:nowrap}.footer{padding-top:44px;padding-bottom:20px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:30px}.footer .brand{font-size:22px}.footer .brand-icon{font-size:33px}.footer p{font-size:11px;margin-top:9px}.footer-links{display:flex;gap:24px;font-size:12px;flex-wrap:wrap}.copyright{width:100%;display:flex;justify-content:space-between;border-top:1px solid #fae2c9;padding-top:18px;font-size:9px;color:#ea772a;letter-spacing:.3px}.notice{max-width:1100px;margin:20px auto;padding:14px 22px;border:1px solid #f1a674;background:#fbecdc;border-radius:10px;font-size:13px}.notice.error{background:#fbebdb;border-color:#ef975c;color:#a9481b}.panel{border:1px solid #f9dec4;background:#fefbf8;border-radius:15px;padding:26px}.form-grid{display:grid;gap:20px}.form-grid h2{font-size:27px;margin:0}.form-grid .eyebrow{margin-bottom:12px}.form-grid>.button{justify-self:start}.auth-shell{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:75px;padding-bottom:80px;max-width:1150px}.auth-intro{padding-top:25px}.auth-intro h1{font-size:65px}.auth-intro p{max-width:320px}.auth-flower{font-size:145px;color:var(--accent);line-height:1.3}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.page-content{padding-top:85px;padding-bottom:100px;max-width:930px}.page-content h1{font-size:54px}.prose{font-size:17px;line-height:1.9;white-space:normal;overflow-wrap:anywhere;margin-bottom:40px}.admin-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:45px;padding-top:50px;padding-bottom:80px}.admin-sidebar h2{font-size:29px;margin-bottom:30px}.admin-sidebar>.eyebrow{margin-bottom:12px}.admin-sidebar>a{display:block;padding:12px 15px;font-size:13px;border-radius:8px;margin-bottom:5px}.admin-sidebar>a.active{background:#fae6d2;color:#b24c1d}.admin-sidebar form{padding:28px 15px}.admin-top{display:flex;justify-content:space-between;gap:15px}.admin-main h1{font-size:40px;margin-top:18px}.admin-main h1 span{color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.stats article{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:12px}.stats strong{font-size:44px;line-height:1.2;letter-spacing:-2px}.stats a{font-size:11px;color:var(--accent)}.welcome-panel{background:#fae5d1;position:relative;padding:35px;overflow:hidden}.welcome-panel>span{position:absolute;right:25px;top:15px;font-size:140px;color:#efc091;line-height:1}.welcome-panel h2,.welcome-panel p,.welcome-panel a{position:relative;max-width:450px}.admin-main>.panel{margin-bottom:25px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.list-heading h2{font-size:22px}.list-heading a{font-size:12px}.admin-row{display:flex;align-items:center;gap:15px;padding:17px 0;border-top:1px solid #fae2cb;font-size:13px}.admin-row div{flex:1}.admin-row small{display:block;color:#e86b17;font-size:11px;margin-top:4px}.color-chip{width:33px;height:33px;border-radius:50%;border:1px solid #ddd}.studio{padding-top:40px;padding-bottom:55px;max-width:1500px;padding-left:30px;padding-right:30px}.studio-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:20px}.studio-heading h1{font-size:38px;margin:0}.studio-heading h1 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}.studio-heading .eyebrow{margin-bottom:12px;font-size:9px}.privacy-pill{font-size:11px;background:#fbe8d4;padding:8px 13px;border-radius:20px;color:#ca5621}.studio-layout{display:grid;grid-template-columns:240px minmax(300px,1fr) 255px;gap:24px;align-items:start}.studio-controls{padding:22px;display:grid;gap:14px}.studio-controls h2,.preview-title h2{font-size:17px;letter-spacing:-.6px;margin-bottom:2px;display:flex;align-items:center;gap:9px}.step-number{font-size:10px;color:var(--accent);border:1px solid #c9a24e;border-radius:50%;width:23px;height:23px;display:inline-grid;place-items:center}.studio-controls label{font-size:11px}.studio-controls input,.studio-controls select{font-size:12px;padding:8px 10px}.studio-controls .button{padding:12px 10px;font-size:11px}.upload-label{position:relative;cursor:pointer}.upload-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-label:focus-within{outline:3px solid var(--accent)}.studio-controls .muted{font-size:9px}.camera-shell{background:#4e2717;border-radius:15px;padding:16px;color:#fdf6f0}.camera-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.3px;padding:0 2px 12px}.camera-top i{display:inline-block;width:5px;height:5px;background:#efc091;border-radius:50%;margin-right:5px}.viewfinder{aspect-ratio:4/3;background:#f9e0c8;position:relative;border-radius:5px;overflow:hidden;color:#c0521f;display:grid;place-items:center}.viewfinder video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.viewfinder video.mirrored{transform:scaleX(-1)}#camera-placeholder{padding:30px;text-align:center}#camera-placeholder>span{font-size:85px;line-height:1.3;color:#e86d1b;display:block;margin-bottom:15px}#camera-placeholder h2{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:27px;max-width:260px;line-height:1.2}#camera-placeholder p{font-size:10px;margin:0}.viewfinder-corner{position:absolute;width:22px;height:22px;border-color:#e86b1788;border-style:solid;pointer-events:none}.tl{top:16px;left:16px;border-width:1px 0 0 1px}.tr{top:16px;right:16px;border-width:1px 1px 0 0}.bl{bottom:16px;left:16px;border-width:0 0 1px 1px}.br{bottom:16px;right:16px;border-width:0 1px 1px 0}.camera-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:16px}.camera-bottom>span{font-size:9px;max-width:32%;line-height:1.5}.camera-bottom>.text-link{font-size:9px}.shutter{border:1px solid #ee8e4e;background:transparent;width:52px;height:52px;border-radius:50%;padding:4px;flex-shrink:0}.shutter>span{display:block;background:#fdf6f0;border-radius:50%;width:100%;height:100%}.shutter:hover:not(:disabled)>span{background:#ee9357}#countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:110px;font-weight:700;color:white;text-shadow:0 4px 30px #0009;pointer-events:none}.tray-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 13px}.tray-heading h3{font-size:15px;margin:0}.tray-heading button{font-size:10px}.photo-tray{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.photo-slot{aspect-ratio:4/3;background:#fbebdb;border:1px dashed #f2cca6;border-radius:7px;position:relative;display:grid;place-items:center;color:#ed8d4d;font-size:18px;overflow:hidden}.photo-slot img{width:100%;height:100%;object-fit:cover}.photo-slot button{position:absolute;right:4px;top:4px;width:23px;height:23px;border:0;background:#fef8f2;border-radius:50%;font-size:17px;line-height:1}.tiny{font-size:10px;margin-top:12px}.preview-title{display:grid;gap:12px;margin-bottom:16px}.preview-title>span{font-size:8px;letter-spacing:2px;color:#ea792d}.canvas-stage{background:repeating-linear-gradient(45deg,#fbead8,#fbead8 1px,#fcefe2 1px,#fcefe2 9px);border-radius:12px;padding:23px;display:flex;justify-content:center;align-items:center;min-height:385px;border:1px solid #f9dec4}#result{max-width:100%;height:auto;max-height:410px;object-fit:contain;box-shadow:0 7px 17px #9c431927}.export-buttons{display:grid;gap:10px;margin:19px 0 12px}.export-buttons .button{font-size:11px;padding:13px 8px}.preview-panel>small{font-size:9px;display:block;text-align:center}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,25px);background:#4e2717;color:white;padding:13px 23px;border-radius:9px;max-width:90vw;opacity:0;pointer-events:none;transition:.2s;z-index:30;font-size:13px}#toast.visible{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;left:10px;top:-90px;background:white;padding:10px;z-index:50}.skip:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1450px){.hero{min-height:700px}.hero-art{margin-left:55px}}
@media(max-width:1100px){.wrap{padding-left:32px;padding-right:32px}.header{padding:20px 32px}.hero-copy h1{font-size:55px;letter-spacing:-3px}.hero-art{transform:scale(.85);transform-origin:center left;margin-left:0}.hero{min-height:590px;grid-template-columns:1fr 1fr}.hero-perks{gap:12px}.hero-copy>p{font-size:13px}.frame-art{height:235px}.frame-art canvas{height:188px}.how{gap:30px}.studio-layout{grid-template-columns:210px minmax(280px,1fr)}.preview-panel{grid-column:2}.canvas-stage{min-height:300px}.preview-panel{display:grid;grid-template-columns:1fr 1fr;gap:15px}.preview-title{grid-column:1/-1}.preview-panel>.canvas-stage{grid-row:2/4}.preview-panel>.export-buttons{align-self:end}.preview-panel>small{align-self:start}.auth-shell{gap:45px}.studio-controls{grid-row:1/3}.studio{padding-left:25px;padding-right:25px}}
@media(max-width:760px){.header{padding:17px 20px;gap:10px}.brand{font-size:20px}.brand-icon{font-size:31px}.header nav{display:none}.header .button{padding:11px 13px;font-size:10px}.wrap{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:15px;min-height:auto}.hero-copy h1{font-size:53px;letter-spacing:-3px;max-width:410px}.hero-copy .eyebrow{font-size:8px;margin-bottom:22px}.hero-copy>p{font-size:13px;margin-bottom:24px}.hero-art{height:440px;transform:scale(.82);transform-origin:top left;margin-top:40px;margin-left:calc(50% - 185px);margin-bottom:-65px;width:440px}.hero-perks{font-size:9px;margin-top:23px;gap:16px}.hero-actions{gap:23px}.hero-actions .button{font-size:12px;padding:15px 18px}.hero-actions .text-link{font-size:12px}.underline{width:230px;margin-left:105px}.ticker{padding:14px 15px;gap:24px;justify-content:flex-start}.ticker span{font-size:8px;letter-spacing:2px}.collection{padding-top:48px;padding-bottom:44px}.section-heading h2{font-size:30px}.section-heading .eyebrow{font-size:8px}.section-heading p{font-size:12px}.little-note{display:none}.collection-toolbar{align-items:flex-start;flex-direction:column;gap:11px}.collection-toolbar>.muted{font-size:10px}.filters{gap:5px}.filter{padding:8px 12px;font-size:10px}.frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.frame-art{height:220px}.frame-art canvas{height:176px}.frame-meta{padding-top:12px}.frame-meta h3{font-size:14px}.frame-meta small{font-size:9px}.frame-meta .arrow{width:24px;height:24px}.how{grid-template-columns:1fr;gap:30px;padding-top:35px;padding-bottom:35px}.how h2{font-size:32px}.steps{gap:20px;grid-template-columns:1fr}.steps article{position:relative;padding-left:54px}.steps article>span{position:absolute;left:0;top:0;font-size:32px}.steps h3{margin-bottom:10px}.steps p{margin-bottom:0;font-size:12px}.privacy-band{gap:15px;flex-wrap:wrap;padding-top:23px;padding-bottom:23px}.privacy-band>span{font-size:32px}.privacy-band>div{flex:1}.privacy-band h3{font-size:19px}.privacy-band a{margin-left:47px;font-size:11px}.footer{padding-top:32px;gap:20px}.footer-links{gap:18px;font-size:11px}.copyright span{display:none}.auth-shell{grid-template-columns:1fr;gap:20px;padding-top:28px;padding-bottom:35px}.auth-intro h1{font-size:43px;margin-bottom:15px}.auth-intro p{font-size:13px;max-width:100%}.auth-flower{display:none}.auth-intro{padding:0}.auth-intro .eyebrow{font-size:8px}.panel{padding:21px}.notice{margin:15px}.admin-layout{grid-template-columns:1fr;gap:25px;padding-top:25px}.admin-sidebar{display:flex;gap:6px;flex-wrap:wrap}.admin-sidebar .eyebrow,.admin-sidebar h2{display:none}.admin-sidebar>a{font-size:10px;padding:8px 10px;background:#fbead8}.admin-sidebar form{padding:8px 10px}.admin-sidebar form button{font-size:10px}.admin-main h1{font-size:32px}.admin-top .eyebrow{font-size:8px}.admin-top .text-link{font-size:10px}.stats{gap:9px;grid-template-columns:1fr 1fr}.stats article:last-child{grid-column:1/-1}.stats .panel{padding:18px}.welcome-panel>span{opacity:.4}.admin-row{gap:10px;flex-wrap:wrap}.admin-row small{font-size:10px}.admin-row a,.admin-row button{font-size:11px}.list-heading h2{font-size:19px}.studio-heading{align-items:flex-start;flex-direction:column;gap:16px}.studio-heading h1{font-size:32px}.studio{padding-top:28px}.studio-layout{display:flex;flex-direction:column;gap:23px}.studio-controls{width:100%;grid-template-columns:1fr 1fr;padding:18px;gap:13px}.studio-controls h2,.studio-controls hr,.studio-controls>small{grid-column:1/-1}.studio-controls .two-cols{gap:8px}.capture-area,.preview-panel{width:100%}.preview-panel{display:block}.preview-title{margin:0 0 13px}.canvas-stage{min-height:350px}.photo-tray{gap:8px}#camera-placeholder h2{font-size:24px;margin-bottom:13px}#camera-placeholder>span{font-size:65px;margin-bottom:7px}.page-content{padding-top:40px}.page-content h1{font-size:39px}.prose{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Visitor accounts */
.header-actions{display:flex;align-items:center;gap:18px}.member-nav{font-size:12px;font-weight:600;white-space:nowrap}.member-nav:hover{color:var(--accent)}.member-switch{margin:0;font-size:13px}.account-wrap{padding-top:55px;padding-bottom:65px}.account-wrap h1{font-size:44px;overflow-wrap:anywhere}.member-spark{color:var(--accent)}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.member-details{display:grid;grid-template-columns:110px 1fr;gap:14px;font-size:14px;margin:0}.member-details dt{color:#e86b17}.member-details dd{margin:0;overflow-wrap:anywhere}.member-pagination{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-top:20px}.admin-row strong,.admin-row small{overflow-wrap:anywhere}.admin-row>div{min-width:0}
@media(max-width:760px){.header-actions{gap:10px}.member-nav{font-size:10px}.header .brand{font-size:17px}.header .brand-icon{font-size:27px}.header .button.small{padding:10px;font-size:9px}.account-grid{grid-template-columns:1fr}.account-wrap h1{font-size:32px}.account-wrap{padding-top:35px}.member-details{grid-template-columns:80px 1fr;font-size:12px}}

/* Sharing preview */
.share-hero{margin-top:22px}#share-dialog{width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid #f5d9bd;border-radius:24px;background:#fef8f2;color:#4c2616;box-shadow:0 24px 100px #2c160d40;overflow:auto}#share-dialog::backdrop{background:#2c160dba;backdrop-filter:blur(5px)}.share-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.share-heading h2{font-size:30px;margin:8px 0 10px}.share-close{border:1px solid #f3d2b0;border-radius:50%;background:transparent;width:38px;height:38px;flex-shrink:0;font-size:25px;cursor:pointer}.share-card{border:1px solid #f5d8bb;border-radius:15px;overflow:hidden;background:white;margin:18px 0}.share-card>img{width:100%;height:auto;display:block;aspect-ratio:1200/630}.share-card>div{padding:16px}.share-card small{text-transform:uppercase;font-size:11px;letter-spacing:1px;overflow-wrap:anywhere}.share-card h3{font-size:18px;line-height:1.4;margin:8px 0;overflow-wrap:anywhere}.share-card p{margin:0;font-size:13px;line-height:1.5;color:#ca5621;overflow-wrap:anywhere}.share-label{font-size:13px;font-weight:700}.share-networks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.share-networks .button{font-size:12px;min-height:44px;padding:10px 5px;justify-content:center}.share-url-label{display:block;margin:18px 0 12px;font-size:12px}.share-url-label input{display:block;width:100%;box-sizing:border-box;margin-top:7px;font-size:13px}#share-status,#share-photo-status{font-size:13px;line-height:1.5;overflow-wrap:anywhere}#share-photo-preview>img{display:block;max-width:100%;max-height:340px;width:auto;margin:18px auto;object-fit:contain;border-radius:8px}#share-photo-preview>p{font-size:13px;line-height:1.5}.share-photo-actions{display:flex;gap:8px;flex-wrap:wrap}#share-dialog [hidden]{display:none!important}#share-dialog button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){#share-dialog{padding:18px}.share-networks{grid-template-columns:repeat(2,minmax(0,1fr))}.share-heading h2{font-size:26px}} 

/* Brand logo */
.brand-logo{width:54px;height:54px;object-fit:contain;flex-shrink:0}.brand{gap:10px;letter-spacing:-.8px;color:#4c2616}.brand-icon{color:#ca5621}.header{border-bottom-color:#f5dbc0}.orbit{background:radial-gradient(circle at 36% 30%,#fceee1,#f4d5b7)}.demo-strip.front{background:var(--accent);border-color:#c85521}.round-sticker{background:#f4d2b1;color:#9b4219}.ticker{background:#fae4ce;color:#ae4a1c}.privacy-band{background:#fbebda;border-color:#f5d7b9}.share-card>div{background:#fefbf8}.footer{border-top-color:#f5d8bb}.primary:hover{filter:brightness(.94)}.header .brand-logo{filter:drop-shadow(0 2px 2px #4a251510)}@media(max-width:600px){.brand-logo{width:43px;height:43px}.brand{font-size:20px;gap:7px}}

.auth-mascot{width:180px;height:180px;object-fit:contain;margin:35px 0}

/* ===== SHYLO Premium Orange layer ===== */
:root{--navy:#381c10;--navy-2:#943f18;--royal:#b14c1d;--ice:#fef4eb;--gold:#c9a24e;--gold-2:#e8cf8a;--serif:Didot,'Bodoni 72','Bodoni MT','Playfair Display','Times New Roman',Georgia,serif}
body{background:#fef8f1;color:#4c2616}
h1,h2,h3{color:#472415}
::selection{background:#c9a24e55}
.header{background:#ffffffcc;backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);position:sticky;top:0;z-index:20;max-width:none;border-bottom:1px solid #fae4cf;box-shadow:0 1px 0 #ffffff inset}
.brand{font-family:var(--serif);letter-spacing:.5px;color:#472415;font-weight:700}
.brand-logo{width:58px;height:58px;filter:drop-shadow(0 3px 6px #381c1033)}
.header nav a{letter-spacing:.3px}
.primary{background:linear-gradient(135deg,#ca5621,#943f18);color:#fff;box-shadow:0 8px 20px #943f1833,inset 0 1px 0 #ffffff22;border-color:#472415}
.primary:hover{box-shadow:0 10px 26px #943f1855,0 0 0 1px var(--gold) inset}
.dark{background:linear-gradient(135deg,#472415,#32190e);color:#f6ecd0;border-color:#c9a24e66}
.dark:hover{border-color:var(--gold)}
.secondary{background:#fff;border-color:#f9e0c8}
.eyebrow{color:#ec843e}
.live-dot{background:var(--gold);box-shadow:0 0 0 4px #c9a24e30}
.hero-copy h1 span,.studio-heading h1 em,.admin-main h1 span{font-family:var(--serif);background:linear-gradient(120deg,#b14c1d,#e86b17 55%,#b8892e);-webkit-background-clip:text;background-clip:text;color:transparent}
.underline{stroke:var(--gold)}
.orbit{background:radial-gradient(circle at 35% 30%,#feeddc,#fddab8 70%);outline-color:#c9a24e66}
.demo-strip{background:linear-gradient(180deg,#b14c1d,#472415);border-color:#c9a24e}
.demo-strip b,.demo-strip small{color:#fbe3c4}
.demo-strip.back{background:#fffaf5;border-color:#fae3cd}
.round-sticker{background:linear-gradient(135deg,#fbe3c4,#d4af5a);border-color:#a8822f;outline-color:#fbe3c4;color:#472415}
.spark{color:var(--gold)}
.ticker{background:linear-gradient(90deg,#32190e,#b14c1d 50%,#32190e);color:var(--gold-2);border-top:1px solid #c9a24e66;border-bottom:1px solid #c9a24e66}
.filter.active,.fx-tab.active{background:linear-gradient(135deg,#b14c1d,#472415);border-color:#472415;color:#f6ecd0}
.frame-art{background:#fdf0e4;border-color:#fbe6d2}
.frame-card:hover .frame-art{background:#fde9d4}
.step-number{border-color:var(--gold);color:var(--royal);font-weight:700}
.panel{background:#ffffffee;border-color:#fae6d3;box-shadow:0 10px 30px #381c100d}
.privacy-band{background:linear-gradient(90deg,#fef2e7,#fef9f3);border-color:#fae4cf}
.privacy-band>span{color:var(--gold)}
.camera-shell{background:linear-gradient(160deg,#943f18,#32190e 70%);box-shadow:0 18px 40px #381c1040,0 0 0 1px #c9a24e44 inset;color:#fff6ee}
.camera-top i{background:#ff5d6c;box-shadow:0 0 8px #ff5d6c}
.viewfinder{background:radial-gradient(circle at 50% 40%,#b64e1e,#381c10 75%);color:#fce0c4}
.viewfinder-corner{border-color:#c9a24eaa}
#camera-placeholder h2{color:#fbe3c4;font-family:var(--serif)}
#camera-placeholder p{color:#f7d0a8}
.placeholder-crest{width:118px;height:118px;margin:0 auto 12px;filter:drop-shadow(0 6px 18px #000a)}
.shutter{border-color:var(--gold)}
.shutter>span{background:radial-gradient(circle at 35% 30%,#ffffff,#fef1e4)}
.shutter:hover:not(:disabled)>span{background:var(--gold-2)}
#countdown{font-family:var(--serif);color:#fbe3c4}
.photo-slot{background:#fef4ea;border-color:#f8d8b7}
.canvas-stage{background:repeating-linear-gradient(45deg,#fdf0e4,#fdf0e4 1px,#fef8f1 1px,#fef8f1 9px);border-color:#fbe6d2}
#toast{background:linear-gradient(135deg,#943f18,#32190e);border:1px solid #c9a24e66}
.footer .brand-logo{width:64px;height:64px}
.auth-mascot{filter:drop-shadow(0 12px 22px #381c1044)}

/* live filter preview */
#live-fx{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
#live-fx.mirrored{transform:scaleX(-1)}
.live-fx-name{position:absolute;left:14px;bottom:12px;z-index:2;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;background:#32190eb3;color:#fbe3c4;border:1px solid #c9a24e88;padding:5px 10px;border-radius:20px;backdrop-filter:blur(4px)}
.viewfinder-corner,#countdown{z-index:3}

/* filter gallery */
.fx-panel{margin-top:18px;background:#fff;border:1px solid #fae6d3;border-radius:15px;padding:16px 16px 12px;box-shadow:0 10px 30px #381c100f}
.fx-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fx-head h3{font-size:16px;margin:0;display:flex;align-items:center;gap:8px;letter-spacing:-.3px}
.fx-head h3 small{font-size:10px;font-weight:600;letter-spacing:1px;color:#8a6a22;background:#f6ecd0;border:1px solid #e8cf8a;padding:2px 8px;border-radius:20px}
.fx-star{color:var(--gold)}
.fx-actions{display:flex;gap:6px}
.fx-nav{border:1px solid #f9e0c8;background:#fffaf4;border-radius:20px;min-width:32px;height:32px;padding:0 10px;font-size:15px;color:#943f18}
.fx-random{font-size:11px;font-weight:700;background:linear-gradient(135deg,#fbe3c4,#d4af5a);border-color:#b8892e;color:#472415}
.fx-nav:hover{border-color:var(--gold)}
.fx-tabs{display:flex;gap:6px;margin:12px 0 10px;overflow-x:auto;scrollbar-width:none}
.fx-tabs::-webkit-scrollbar{display:none}
.fx-tab{flex-shrink:0;border:1px solid #fae4cf;background:#fefbf7;border-radius:20px;padding:6px 13px;font-size:11px;color:#b94f1e}
.fx-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c9a24e #fef4ea}
.fx-item{flex:0 0 92px;scroll-snap-align:start;border:0;background:none;padding:0;display:grid;gap:5px;text-align:center;font-size:10px;font-weight:600;color:#c45420}
.fx-item canvas{width:92px;height:69px;border-radius:10px;border:2px solid transparent;box-shadow:0 3px 8px #381c1022;transition:transform .15s,border-color .15s}
.fx-item:hover canvas{transform:translateY(-2px)}
.fx-item.active canvas{border-color:var(--gold);box-shadow:0 0 0 2px #472415,0 6px 14px #381c1044}
.fx-item.active{color:#472415}
.fx-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #fdf2e8;padding-top:10px}
.fx-strength{display:flex;align-items:center;gap:10px;font-size:11px;flex:1;min-width:200px}
.fx-strength input{flex:1;accent-color:var(--royal);padding:0;border:0;background:none}
.fx-strength output{font-size:11px;min-width:36px;color:#8a6a22;font-weight:700}
.fx-current{font-size:11px;color:#e97325}
.fx-current b{color:#472415}
@media(max-width:760px){.fx-item{flex-basis:80px}.fx-item canvas{width:80px;height:60px}.fx-head h3{font-size:15px}}

/* warm neutral text for a calmer premium look */
p{color:#7d6255}
.muted,.tiny,.preview-panel>small,.studio-controls .muted{color:#9a7d6c}
.hero-perks{color:#9a7d6c}
.fx-item{color:#5a3a2a}