@font-face{font-family:Archivo;src:url('fonts/Archivo-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url('fonts/Archivo-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:ArchivoBlack;src:url('fonts/ArchivoBlack-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:PlexMono;src:url('fonts/IBMPlexMono-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#13120f;--ink-2:#1d1b17;--ink-3:#29261f;--line:#3d3930;--cream:#f2ecdf;--muted:#aaa397;--faint:#777167;--amber:#ffb64c;--cyan:#96d9d8;--display:ArchivoBlack,Arial,sans-serif;--body:Archivo,Arial,sans-serif;--mono:PlexMono,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--body);-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.38}
a{color:inherit;text-decoration:none}
img{max-width:100%}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
::selection{background:var(--amber);color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:-50px;left:12px;z-index:20;background:var(--amber);color:var(--ink);padding:12px}.skip-link:focus{top:12px}
.topbar{height:82px;padding:0 clamp(20px,4vw,68px);display:flex;align-items:center;gap:5vw;border-bottom:1px solid var(--line);position:relative;z-index:2;background:var(--ink)}
.brand{display:inline-flex;align-items:center;gap:12px;font:25px/1 var(--display);letter-spacing:-1.7px;white-space:nowrap}.brand-accent{color:var(--amber)}
.brand-mark{width:24px;height:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-11deg)}.brand-mark span{background:var(--amber);border-radius:2px}.brand-mark span:nth-child(2){border-radius:2px 9px 2px 2px}.brand-mark span:nth-child(3){border-radius:2px 2px 2px 9px}
.topnav{display:flex;align-items:center;gap:33px;margin:auto}.topnav a{font-size:13px;font-weight:700;color:#d2cbbd}.topnav a:hover,.footer a:hover{color:var(--amber)}
.topbar-note,.eyebrow,.hero-meta,.hero-index,.hero-art-caption,.rail-head,.privacy-note,.preview-top,.preview-bottom,.export-eyebrow,.footer,.field-label,.field-value,.preset-category,.library-card-meta,.status-chip{font-family:var(--mono);font-size:11px;letter-spacing:.055em}
.topbar-note{color:var(--faint);white-space:nowrap}
.hero{min-height:684px;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.95fr);padding:76px clamp(20px,4vw,68px) 98px;gap:5vw;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero:before{content:"";position:absolute;top:0;left:-5%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,182,76,.07),transparent 67%);pointer-events:none}
.hero-copy{position:relative;z-index:1;align-self:center}.eyebrow{color:var(--amber);font-weight:700;display:flex;align-items:center;gap:8px}.live-dot,.view-light{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--amber);box-shadow:0 0 14px var(--amber)}
h1,h2,h3,p{margin-top:0}.hero h1{font:clamp(58px,6.8vw,112px)/.94 var(--display);letter-spacing:-.07em;margin:27px 0 31px;white-space:nowrap}.hero h1 em,.closing h2 em{font-style:normal;color:var(--amber)}
.hero-copy>p{max-width:510px;font-size:19px;line-height:1.55;color:#c7bfb2;margin-bottom:28px}.hero-actions,.closing-actions,.toolbar-actions,.export-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.button{border:1px solid transparent;min-height:54px;padding:0 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;font-weight:700;transition:transform .18s,background .18s,border-color .18s;white-space:nowrap}.button:not(:disabled):hover{transform:translateY(-2px)}.button-primary{background:var(--amber);color:var(--ink)}.button-primary:not(:disabled):hover{background:#ffd082}.button-ghost{background:transparent;color:var(--cream);border-color:var(--line)}.button-ghost:hover,.button-outline:hover{border-color:var(--amber)}.button-outline{background:transparent;color:var(--cream);border-color:#696154}.button-small{min-height:40px;padding:0 14px;gap:6px;font-size:12px}
.hero-meta{display:flex;flex-wrap:wrap;gap:18px;color:var(--faint);margin-top:54px}.hero-meta span+span:before{content:"●";font-size:5px;color:var(--amber);margin-right:18px;vertical-align:middle}
.hero-art{min-height:545px;position:relative;align-self:center;padding:15px 15px 31px;background:#e4d9c8;transform:rotate(2.2deg);box-shadow:30px 40px 0 #29251f,0 30px 70px #070706}.hero-art-image{height:100%;min-height:490px;background:url('images/seaside.jpg') center/cover no-repeat;filter:sepia(.1) contrast(1.06)}.hero-art-sticker{position:absolute;right:-26px;top:31px;background:var(--amber);color:var(--ink);padding:15px 19px 17px;transform:rotate(8deg);font:21px/.93 var(--display);letter-spacing:-.03em;box-shadow:5px 6px 0 #2c241b}.hero-art-caption{position:absolute;bottom:11px;left:16px;right:16px;display:flex;justify-content:space-between;color:#3b3126;font-size:9px}.hero-index{position:absolute;bottom:23px;left:clamp(20px,4vw,68px);color:var(--faint)}
.studio-shell,.library-section{padding:95px clamp(20px,4vw,68px) 100px;max-width:1700px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.section-heading h2{font:clamp(40px,4.2vw,70px)/1 var(--display);letter-spacing:-.06em;margin:16px 0 0}.period{color:var(--amber)}.section-heading>p{font-size:15px;color:var(--muted);max-width:280px;line-height:1.4;margin:0 0 4px}
.studio-toolbar{border:1px solid var(--line);border-bottom:0;background:#1c1a16;display:flex;justify-content:space-between;align-items:center;padding:15px 19px;gap:12px}.flow-switch{display:flex;background:#11100e;padding:4px;gap:4px}.flow-button{border:0;background:none;color:var(--muted);padding:10px 13px;font-size:12px;font-weight:700}.flow-button.is-active{background:var(--cream);color:var(--ink)}
.studio-grid{display:grid;grid-template-columns:190px minmax(0,1fr) 330px;border:1px solid var(--line);min-height:600px;background:var(--ink-2)}.source-rail{border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:16px}.rail-head{display:flex;justify-content:space-between;color:var(--muted)}.rail-head span:last-child{color:var(--amber)}.source-list{display:flex;flex-direction:column;gap:9px;min-height:42px;max-height:425px;overflow-y:auto}.source-item{border:1px solid var(--line);background:#25221c;text-align:left;padding:5px;display:flex;gap:8px;align-items:center;color:var(--cream);min-height:65px;width:100%;overflow:hidden}.source-item.is-active{border-color:var(--amber);background:#342b1c}.source-item img{width:48px;height:52px;object-fit:cover}.source-item div{min-width:0}.source-item strong{display:block;font-size:11px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-item small{font-size:9px;color:var(--faint)}.source-drop{border:1px dashed #615a4d;padding:20px 7px;text-align:center;cursor:pointer;color:var(--muted);margin-top:auto}.source-drop:hover,.source-drop.dragging,.preview-stage.dragging{border-color:var(--amber);background:#282319}.source-drop-icon{font:34px/1 var(--body);display:block;color:var(--amber);margin-bottom:10px}.source-drop strong{display:block;font-size:11px;color:var(--cream)}.source-drop small{display:block;font-size:9px;margin-top:5px}.privacy-note{color:var(--faint);line-height:1.55;margin:0}.privacy-note span{color:var(--cyan)}
.workspace{min-width:0;display:flex;flex-direction:column}.preview-top,.preview-bottom{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;color:var(--faint);flex-shrink:0}.preview-top{border-bottom:1px solid var(--line)}.preview-top span:first-child{color:#bdb5a7}.view-light{background:var(--cyan);box-shadow:0 0 11px var(--cyan);margin-right:8px}.preview-stage{min-height:510px;flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:33px;background:radial-gradient(ellipse at center,#24221d,#14130f 70%)}.preview-stage:before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.preview-stage canvas{max-width:100%;max-height:530px;width:auto;height:auto;object-fit:contain;box-shadow:0 20px 55px #000a;position:relative;z-index:1}.preview-stage canvas[hidden]{display:none}.stage-corners span{width:22px;height:22px;position:absolute;border-color:#948976;z-index:2;pointer-events:none}.stage-corners span:nth-child(1){top:15px;left:15px;border-top:1px solid;border-left:1px solid}.stage-corners span:nth-child(2){top:15px;right:15px;border-top:1px solid;border-right:1px solid}.stage-corners span:nth-child(3){bottom:15px;left:15px;border-bottom:1px solid;border-left:1px solid}.stage-corners span:nth-child(4){bottom:15px;right:15px;border-bottom:1px solid;border-right:1px solid}.preview-placeholder{text-align:center;position:relative;z-index:1;color:var(--muted)}.preview-placeholder-mark{font-size:100px;line-height:1;color:var(--amber);margin-bottom:6px}.preview-placeholder h3{font:29px/1.1 var(--display);color:var(--cream);letter-spacing:-.035em;margin-bottom:10px}.preview-placeholder p{font-size:13px}.preview-placeholder .button{margin:auto}.compare-label{position:absolute;z-index:3;top:48px;left:50%;transform:translateX(-50%);background:var(--cream);color:var(--ink);font:11px var(--mono);padding:9px 13px}.compare-label[hidden]{display:none}.preview-bottom{border-top:1px solid var(--line)}.text-button{padding:3px 0;background:none;border:0;color:#cfc6b9;font:11px var(--mono)}.text-button:hover{color:var(--amber)}
.control-panel{border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.panel-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.panel-tabs button{padding:16px 3px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:11px;font-weight:700}.panel-tabs button.is-active{border-color:var(--amber);color:var(--cream)}.panel-content{padding:21px;max-height:540px;overflow-y:auto;flex:1}.panel-heading{font:22px/1 var(--display);letter-spacing:-.04em;margin:0 0 7px}.panel-description{font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:21px}.preset-category{color:var(--faint);margin:18px 0 10px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-button{border:1px solid var(--line);background:#29261f;padding:12px;text-align:left;color:var(--cream);min-height:63px}.preset-button:hover{border-color:#9e855a}.preset-button.is-active{border-color:var(--amber);background:#3b2e1d}.preset-button strong{display:block;font-size:11px}.preset-button small{display:block;color:var(--muted);font-size:9px;line-height:1.3;margin-top:4px}.preset-glyph{display:inline-block;background:var(--amber);color:var(--ink);width:19px;height:19px;border-radius:50%;text-align:center;line-height:19px;font-size:11px;margin-bottom:7px}.field{margin:0 0 20px}.field-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.field-label{color:var(--cream);text-transform:uppercase}.field-value{color:var(--amber)}.field input[type=range]{width:100%;accent-color:var(--amber);cursor:pointer}.field-scale{display:flex;justify-content:space-between;color:var(--faint);font:9px var(--mono);margin-top:5px}.field select,.field input[type=text]{background:#29261f;border:1px solid var(--line);color:var(--cream);padding:10px 11px;width:100%;outline:0}.field select:focus,.field input[type=text]:focus{border-color:var(--amber)}.field-checkbox{display:flex;align-items:center;gap:10px;font-size:12px}.field-checkbox input{accent-color:var(--amber)}.panel-footer{padding:12px 20px;border-top:1px solid var(--line)}.reset-button{background:none;border:0;color:var(--muted);font-size:11px;padding:6px 0}.reset-button:hover{color:var(--amber)}
.export-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 25px;background:#31291d;border:1px solid #5b4830;border-top:0}.export-eyebrow{display:block;color:var(--amber);margin-bottom:7px}.export-bar strong{font-size:16px}.export-actions .button{min-height:44px;padding:0 16px;font-size:12px}
.library-section{padding-top:34px}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;min-height:220px}.library-empty{grid-column:1/-1;border:1px dashed var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:220px;color:var(--muted);padding:25px}.library-empty span{font-size:43px;color:var(--amber)}.library-empty strong{font-size:17px;color:var(--cream);margin:9px 0 4px}.library-empty p{margin:0;font-size:13px}.library-card{background:#24211c;border:1px solid var(--line);padding:9px;min-width:0}.library-card img{display:block;width:100%;height:180px;object-fit:cover;background:#151410}.library-card-row{display:flex;justify-content:space-between;gap:7px;align-items:center;margin:12px 2px 3px}.library-card-row strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-card-meta{color:var(--faint);margin:0 2px 11px}.library-card-actions{display:flex;gap:6px}.library-card-actions button{flex:1;background:#312d25;border:1px solid #514a3e;color:var(--cream);font-size:11px;padding:9px 6px}.library-card-actions button:hover{border-color:var(--amber)}
.closing{margin:35px clamp(20px,4vw,68px) 80px;background:var(--amber);color:var(--ink);padding:35px clamp(30px,6vw,85px) 70px;min-height:400px;position:relative;overflow:hidden}.closing:before{content:"○";position:absolute;right:-20px;bottom:-145px;font-size:590px;line-height:1;color:#a8692933;pointer-events:none}.closing-sprocket{font-size:25px;letter-spacing:7px;white-space:nowrap;opacity:.28;overflow:hidden;margin-bottom:40px}.closing .eyebrow{color:#44301c}.closing h2{font:clamp(52px,6vw,96px)/.96 var(--display);letter-spacing:-.06em;margin:20px 0}.closing h2 em{color:#f9e7c2}.closing p{max-width:540px;font-size:17px;line-height:1.5;margin-bottom:24px}.closing .button-primary{background:var(--ink);color:var(--cream)}.closing .button-primary:hover{background:#3b352c}.closing .button-outline{color:var(--ink);border-color:#704e27}.closing .button-outline:hover{border-color:var(--ink)}.footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(20px,4vw,68px);border-top:1px solid var(--line);color:var(--faint)}.noscript{position:fixed;inset:0;display:grid;place-content:center;text-align:center;background:var(--ink);padding:30px;z-index:50}.noscript p{color:var(--muted)}
@media(max-width:1200px){.studio-grid{grid-template-columns:140px minmax(0,1fr) 295px}.source-rail{padding:12px 8px}.hero{grid-template-columns:1fr .85fr}.hero h1{font-size:clamp(55px,6.5vw,80px)}.hero-art{min-height:450px}.hero-art-image{min-height:400px}.topbar-note{display:none}}
@media(max-width:900px){.topbar{height:70px}.topnav{margin-left:auto;margin-right:0}.hero{min-height:0;grid-template-columns:1fr;padding-top:72px}.hero h1{font-size:clamp(56px,10vw,92px)}.hero-art{height:430px;min-height:0;max-width:630px;width:90%;justify-self:center}.hero-art-image{min-height:0;height:100%}.hero-index{display:none}.studio-grid{grid-template-columns:minmax(0,1fr) 300px}.source-rail{grid-column:1/-1;grid-row:1;border-right:0;border-bottom:1px solid var(--line);padding:12px 14px}.source-list{flex-direction:row;overflow-x:auto;max-height:none}.source-item{min-width:120px;max-width:140px}.source-drop{display:none}.privacy-note{margin-left:auto}.workspace{grid-column:1;grid-row:2}.control-panel{grid-column:2;grid-row:2}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.topbar{padding:0 18px}.brand{font-size:20px}.brand-mark{width:20px;height:20px}.topnav{gap:14px}.topnav a{font-size:11px}.topnav a:nth-child(2){display:none}.hero{padding:57px 22px 70px}.hero h1{font-size:clamp(50px,11vw,73px)}.hero-copy>p{font-size:16px}.hero-meta{margin-top:34px;font-size:9px;gap:8px}.hero-meta span+span:before{margin-right:8px}.hero-art{height:320px;width:90%;margin:5px 0}.hero-art-sticker{font-size:15px;right:-10px}.hero-art-caption{font-size:7px}.studio-shell,.library-section{padding:65px 16px}.section-heading{align-items:start;display:block}.section-heading h2{font-size:42px}.section-heading>p{margin-top:16px}.studio-toolbar{flex-direction:column;align-items:stretch}.flow-switch{display:grid;grid-template-columns:1fr 1fr}.toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.studio-grid{display:flex;flex-direction:column}.source-rail{order:1}.workspace{order:2}.control-panel{order:3;border-left:0;border-top:1px solid var(--line)}.preview-stage{min-height:380px;padding:22px}.preview-stage canvas{max-height:420px}.panel-content{max-height:none}.export-bar{align-items:start;flex-direction:column;padding:20px}.export-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.export-actions .button{width:100%;justify-content:center}.export-actions #export-all{grid-column:1/-1}.library-grid{gap:9px}.library-card img{height:150px}.closing{margin:0 16px 60px;padding:25px 27px 52px}.closing h2{font-size:56px}.closing-actions{align-items:stretch;flex-direction:column}.closing-actions .button{justify-content:center}.footer{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:9px}.footer span:nth-child(2){display:none}}
@media(max-width:400px){.topnav a:nth-child(3){display:none}.hero h1{font-size:48px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-art{height:255px}.library-grid{grid-template-columns:1fr 1fr}.library-card img{height:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.source-item{gap:2px;padding:4px}
.source-select{display:flex;gap:7px;align-items:center;min-width:0;flex:1;background:none;border:0;color:inherit;text-align:left;padding:0}
.source-item img{width:42px}
.source-item .source-select div{min-width:0}
.source-remove{width:20px;align-self:stretch;border:0;background:none;color:var(--faint);font-size:18px;padding:0}
.source-remove:hover{color:var(--amber)}
.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-actions{display:flex;gap:14px}.history-actions .text-button{font-family:var(--body);font-weight:700;white-space:nowrap}.panel-footer .reset-button{white-space:nowrap}
.histogram-card{border:1px solid var(--line);background:#161513;padding:10px 11px 8px;margin:-4px 0 23px}.histogram-caption{font:9px var(--mono);letter-spacing:.06em;color:var(--faint);margin-bottom:7px}.histogram-card canvas{display:block;width:100%;height:74px;background:linear-gradient(90deg,transparent 24.7%,#ffffff12 25%,transparent 25.3%,transparent 49.7%,#ffffff12 50%,transparent 50.3%,transparent 74.7%,#ffffff12 75%,transparent 75.3%),linear-gradient(#ffffff10 1px,transparent 1px) bottom/100% 25px}
#toast{position:fixed;z-index:80;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);padding:12px 16px;background:#f2ecdf;color:#13120f;border-left:4px solid var(--amber);box-shadow:0 12px 35px #0009;font-size:13px;line-height:1.4;opacity:0;pointer-events:none;transform:translate(-50%,14px);transition:opacity .2s,transform .2s}#toast.is-visible{opacity:1;transform:translate(-50%,0)}#toast.is-error{border-left-color:#d94d4d}
body.camera-active{overflow:hidden}
.camera-modal{position:fixed;inset:0;z-index:50;background:#090806eb;display:grid;place-items:center;overflow:auto;padding:18px}
.camera-modal[hidden]{display:none!important}
.camera-modal [hidden]{display:none!important}
.camera-shell{width:min(100%,1000px);max-height:calc(100dvh - 36px);overflow:auto;background:#1b1915;border:1px solid #6a5a43;box-shadow:0 25px 90px #000c;padding:19px 23px 24px}
.camera-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:15px}.camera-header h2{font:clamp(29px,4vw,48px)/1 var(--display);letter-spacing:-.055em;margin:7px 0 0}.camera-close{background:none;border:1px solid var(--line);color:var(--cream);font-size:30px;width:43px;height:43px;line-height:1}.camera-close:hover{border-color:var(--amber)}
.camera-view{height:min(54dvh,560px);min-height:280px;background:#060605;position:relative;overflow:hidden;display:grid;place-items:center}.camera-view video{width:100%;height:100%;object-fit:cover}.camera-guide-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.camera-guide-frame{display:block;width:min(70%,620px);aspect-ratio:3/2;border:1px solid #ffda91;box-shadow:0 0 0 999px #0003,0 0 0 1px #0008 inset;position:relative}.camera-guide-frame:before,.camera-guide-frame:after{content:"";position:absolute;left:33.333%;height:100%;border-left:1px dashed #ffda9180}.camera-guide-frame:after{left:66.666%}.camera-guide-overlay[data-guide=square] .camera-guide-frame{aspect-ratio:1;width:min(48%,380px)}.camera-guide-overlay[data-guide=portrait] .camera-guide-frame{aspect-ratio:4/5;width:min(40%,330px)}.camera-guide-overlay[data-guide=none]{display:none}.camera-guide-center{position:absolute;width:12px;height:12px;border:1px solid #ffda91;border-radius:50%}.camera-view-corners span{width:20px;height:20px;position:absolute;border-color:#c8b89b;pointer-events:none}.camera-view-corners span:nth-child(1){top:15px;left:15px;border-top:1px solid;border-left:1px solid}.camera-view-corners span:nth-child(2){top:15px;right:15px;border-top:1px solid;border-right:1px solid}.camera-view-corners span:nth-child(3){bottom:15px;left:15px;border-bottom:1px solid;border-left:1px solid}.camera-view-corners span:nth-child(4){bottom:15px;right:15px;border-bottom:1px solid;border-right:1px solid}.camera-countdown{position:absolute;font:100px/1 var(--display);color:var(--amber);text-shadow:0 5px 30px #000}.camera-capture-count{position:absolute;top:16px;left:50%;transform:translateX(-50%);background:#111b;padding:8px 12px;color:var(--amber);font:11px var(--mono);white-space:nowrap}.camera-flash .camera-view:after{content:"";position:absolute;inset:0;background:#fff;pointer-events:none;animation:camera-flash .35s ease-out forwards}@keyframes camera-flash{from{opacity:.9}to{opacity:0}}
.camera-view video{object-fit:contain}.camera-guide-overlay{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%}
.camera-hint{font-size:13px;color:var(--cream);margin:15px 0 3px}.camera-status{font:11px/1.5 var(--mono);color:var(--muted);min-height:17px;margin:0 0 18px}.camera-controls{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.camera-field{min-width:135px;display:flex;flex-direction:column;gap:6px;color:var(--faint);font:10px var(--mono);letter-spacing:.07em}.camera-field select{height:37px;background:#29261f;border:1px solid #5a5042;color:var(--cream);padding:0 9px}.camera-field select:focus{border-color:var(--amber)}.camera-zoom-field{min-width:150px;flex:1}.camera-zoom-field>span{display:flex;justify-content:space-between}.camera-zoom-field output{color:var(--amber)}.camera-zoom-field input{height:37px;accent-color:var(--amber)}.camera-toggle{height:37px;border:1px solid #5a5042;background:#29261f;color:var(--cream);padding:0 13px}.camera-toggle[aria-pressed=true]{border-color:var(--amber);color:var(--amber)}.camera-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin-top:19px}.camera-footer .button{justify-self:start;min-height:43px}.camera-shutter{height:69px;width:69px;border-radius:50%;border:3px solid var(--cream);background:transparent;display:grid;place-items:center;padding:4px}.camera-shutter span{display:block;background:var(--amber);border-radius:50%;width:52px;height:52px;transition:transform .15s}.camera-shutter:not(:disabled):active span{transform:scale(.86)}.camera-footer-note{justify-self:end;text-align:right;font:10px/1.45 var(--mono);letter-spacing:.08em;color:var(--faint)}
.camera-field>span{display:flex;justify-content:space-between;gap:5px}.camera-field output{color:var(--amber)}.camera-field input[type=range]{height:37px;accent-color:var(--amber)}
@media(max-width:650px){.camera-modal{padding:0;display:block}.camera-shell{border:0;min-height:100dvh;max-height:100dvh;padding:15px 16px 23px}.camera-view{height:min(36dvh,360px);min-height:230px}.camera-guide-frame{width:82%}.camera-guide-overlay[data-guide=square] .camera-guide-frame{width:69%}.camera-guide-overlay[data-guide=portrait] .camera-guide-frame{width:55%}.camera-field{min-width:calc(50% - 5px)}.camera-zoom-field{min-width:calc(60% - 5px)}.camera-footer{position:sticky;bottom:-23px;background:#1b1915;padding:9px 0 12px}.camera-footer .button{padding:0 9px;font-size:10px;white-space:normal;text-align:center}.camera-footer-note{font-size:8px}.camera-shutter{height:61px;width:61px}.camera-shutter span{height:44px;width:44px}}
.finish-preview{background:#12110e;border:1px solid var(--line);padding:12px 12px 14px;margin:0 0 21px;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:110px}
.finish-preview>span{align-self:stretch;color:var(--amber);font:9px var(--mono);letter-spacing:.08em}
.finish-preview canvas{display:block;width:auto;height:auto;max-width:100%;max-height:170px;box-shadow:0 9px 22px #0008}
.frame-options-label{display:block;margin:21px 0 10px}
.frame-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:21px}
.frame-style-choice{min-height:73px;padding:8px 4px;border:1px solid var(--line);background:#28251f;color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;font-size:10px}
.frame-style-choice.is-active,.paper-color-choice.is-active{border-color:var(--amber);background:#3b2e1d}
.frame-style-choice:hover,.paper-color-choice:hover{border-color:#c8904a}
.frame-style-icon{font-size:25px;line-height:1;color:var(--amber)}
.paper-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:20px}
.paper-color-choice{min-height:57px;border:1px solid var(--line);background:#28251f;color:var(--cream);font-size:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:5px}
.paper-swatch{display:block;width:24px;height:24px;border:1px solid #9b9388}.paper-swatch-cream{background:#fcfbf7}.paper-swatch-white{background:#fff}.paper-swatch-black{background:#141414}
.field input[type=date]{background:#29261f;border:1px solid var(--line);color:var(--cream);padding:10px 11px;width:100%;color-scheme:dark}
.field input[type=date]:focus{border-color:var(--amber)}
.field-hint{font-size:11px;line-height:1.45;color:var(--muted);margin:-12px 0 20px}
.field-hint.is-warning{color:var(--amber)}
.export-size-note{margin-top:-12px}
@media(max-height:650px) and (max-width:900px){.camera-view{height:29dvh;min-height:170px}.camera-header h2{font-size:29px}.camera-hint{display:none}}