.editor-page{min-height:100vh;background:radial-gradient(ellipse at 50% 15%,#242426,#111112 70%)}.editor-head{height:66px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d2d2f}.editor-head-label{font:8px var(--mono);color:#818184;letter-spacing:.15em}.back-link{font:10px var(--mono);color:#b9b9bb}.back-link:first-letter{font-size:17px;color:var(--amber)}.back-link span{margin-left:7px;font-size:8px;letter-spacing:.08em}.camera-app{width:min(620px,calc(100% - 32px));margin:34px auto 24px}.app-hardware{padding:18px 20px 20px;border:1px solid #3c3c3e;border-radius:35px;background:linear-gradient(140deg,#242426,#151516 22%,#202022 75%,#111112);box-shadow:0 30px 70px #000b,inset 0 1px #ffffff15;position:relative}.app-hardware:before{content:'';position:absolute;inset:6px;border:1px solid #ffffff08;border-radius:29px;pointer-events:none}.app-top{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 6px 10px}.app-icon,.utility{width:34px;height:34px;border-radius:50%;border:1px solid #444446;background:linear-gradient(#373739,#242426);box-shadow:0 2px 5px #0009;color:#ddd;cursor:pointer;font-size:15px}.app-icon:hover,.utility:hover{border-color:#888}.app-live{position:absolute;left:50%;top:17px;width:6px;height:6px;border-radius:50%;background:#41c96e;box-shadow:0 0 9px #41c96e}.viewfinder-wrap{padding:7px;border-radius:18px;background:#080809;border:1px solid #4a4a4d;box-shadow:inset 0 0 0 2px #222224}.viewfinder{height:370px;position:relative;overflow:hidden;border-radius:11px;background:#060607}.viewfinder video,.viewfinder canvas{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:1}.viewfinder canvas{z-index:3}.demo-view{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#422817,#874d28 27%,#c07839 43%,#57442d 45%,#28261f 100%)}.demo-view:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0808089c,transparent 45%,#17100a44);mix-blend-mode:multiply}.demo-sun{position:absolute;right:16%;top:13%;width:72px;height:72px;border-radius:50%;background:#f2bc70;filter:blur(1px)}.demo-land{position:absolute;left:-14%;width:130%;height:52%;border-radius:50% 50% 0 0}.hill-a{bottom:13%;background:linear-gradient(170deg,#7d7046,#4d4934);transform:rotate(-7deg)}.hill-b{height:55%;bottom:-25%;background:linear-gradient(160deg,#565036,#22251e);transform:rotate(4deg)}.demo-copy{position:absolute;top:8px;left:0;right:0;text-align:center;color:#211d1a9c;font-size:16px;font-weight:700;z-index:1}.demo-copy small{font-size:9px;font-weight:400}.live-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.overlay-top{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;color:#f4f4f4;font:11px var(--mono);text-shadow:0 1px 3px #000}.overlay-top small{font-size:7px}.overlay-top button{pointer-events:auto;border:1px solid #aaa;background:#e0e0e0;color:#222;border-radius:4px;padding:3px 10px;font:11px var(--mono)}.focus-frame{position:absolute;left:13%;top:17%;width:74%;height:65%;border:1px solid #eda82f;border-radius:5px;box-shadow:0 0 18px #f4a82d24}.focus-frame i{position:absolute;width:7px;height:7px;background:#e7aa3c;clip-path:polygon(0 0,100% 0,100% 100%)}.focus-frame i:nth-child(1){left:-1px;top:-1px}.focus-frame i:nth-child(2){right:-1px;top:-1px;transform:rotate(90deg)}.focus-frame i:nth-child(3){right:-1px;bottom:-1px;transform:rotate(180deg)}.focus-frame i:nth-child(4){left:-1px;bottom:-1px;transform:rotate(270deg)}.overlay-bottom{position:absolute;bottom:0;left:0;right:0;height:43px;background:#050506e8;display:flex;align-items:center;justify-content:space-around;color:#fff}.overlay-bottom button{pointer-events:auto;background:transparent;border:0;color:#fff;font:19px var(--mono);cursor:pointer}.overlay-bottom button small{font-size:7px}.overlay-bottom #menuBtn{font-size:9px;border:1px solid #ddd;padding:3px 6px}.overlay-bottom .toggled{color:var(--amber)}.camera-date{position:absolute;z-index:2;right:16px;bottom:52px;color:#f2b658;text-shadow:0 1px 4px #000;font:9px var(--mono)}.viewfinder.has-photo .demo-view{display:none}.viewfinder.effect-kira:after{content:'✧  ♡  ✧';position:absolute;z-index:4;inset:0;display:grid;place-items:center;color:#ffe1f2;text-shadow:0 0 12px #f5a9e8;font-size:50px;pointer-events:none}.viewfinder.effect-ascii:before{content:'';position:absolute;z-index:4;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 4px);mix-blend-mode:screen}.viewfinder.with-frame{box-shadow:inset 0 0 0 10px #f2dfbd}.app-controls{padding:15px 3px 0}.mode-row{display:flex;align-items:center;gap:7px}.mode-row button{cursor:pointer}.mode-pill,.mode-selected{height:24px;padding:0 12px;border-radius:15px;border:1px solid #38393b;background:#414346;color:#bcbdbb;font:8px var(--mono)}.mode-selected{background:#292b2d}.mode-selected b{color:#a4dc47;font-weight:400}.mode-spacer{flex:1}.utility{height:30px;width:30px;font-size:13px}.camera-row-label{display:flex;justify-content:space-between;align-items:center;margin:12px 0 2px;color:#77787b;font:7px var(--mono);letter-spacing:.1em}.camera-row-label button{border:0;background:none;color:#aaa;font:7px var(--mono);letter-spacing:.1em;cursor:pointer}.camera-carousel{display:flex;gap:8px;overflow:auto;padding:11px 1px 12px;border-bottom:1px solid #3c3c3e;scrollbar-width:thin;scrollbar-color:#555 transparent}.camera-choice{flex:0 0 67px;border:0;background:transparent;color:#d6d6d8;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.camera-choice span{font:7px var(--mono);white-space:nowrap}.camera-choice em{font-style:normal;border:1px solid var(--amber);border-radius:2px;padding:0 2px;font-size:6px}.camera-choice.active span{color:var(--amber)}.mini-camera{height:30px;width:48px;border:2px solid #696a6b;border-radius:6px;background:linear-gradient(140deg,#aebbbc,#29383c 55%,#71807d);display:block;position:relative;box-shadow:0 3px 5px #0008}.mini-camera b{position:absolute;width:17px;height:17px;border-radius:50%;top:5px;left:14px;background:radial-gradient(circle,#101415 0 29%,#93a1a0 34% 44%,#202222 49%);border:1px solid #aaa}.cam-polaroid{width:39px;border-radius:3px;background:#bea88c}.cam-polaroid b{left:9px}.cam-blue,.cam-bluefilm{background:linear-gradient(130deg,#14add0,#162f38 52%,#2298ad)}.cam-computer{width:39px;border-radius:2px;background:#c4b88d}.cam-computer b{width:26px;height:17px;left:4px;top:2px;border-radius:2px;background:#26558a}.cam-action{border-radius:10px;background:#23292a}.cam-bigshot{background:linear-gradient(130deg,#bda778,#27262b)}.cam-booth{background:#8c5a33}.cam-dispo{background:linear-gradient(130deg,#e8d4bb,#8a6d64)}.cam-z50{background:#777846}.effect-head{display:flex;gap:13px;align-items:center;margin:11px 0}.effect-head span{background:#414346;border-radius:11px;padding:4px 13px;color:#bdbdbf;font:7px var(--mono)}.effect-head i{height:1px;background:#444446;flex:1}.effect-carousel{display:flex;justify-content:space-between;gap:4px}.effect-choice{min-width:55px;display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:none;color:#ddd;cursor:pointer;padding:0}.effect-icon{width:40px;height:40px;border-radius:50%;border:1px solid #4b4b4e;background:radial-gradient(circle at 35% 25%,#55565a,#232326 63%);box-shadow:0 3px 5px #0009,inset 0 1px 2px #ffffff20;display:grid;place-items:center;font:14px var(--mono);color:#e5e5e8;font-style:normal}.effect-choice span{font:7px var(--mono);white-space:nowrap}.effect-choice.active span,.effect-choice.active .effect-icon{color:var(--amber)}.date-icon{color:#c5c5c7}.none-icon{font-size:22px}.kira-icon{color:#f3afd1;text-shadow:0 0 7px #e55}.frame-icon{color:#a9d0aa}.ascii-icon{color:#d5d6d7}.bottom-controls{height:119px;display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;justify-items:center;position:relative;margin-top:7px}.small-preview,.gallery-button{width:67px;height:51px;border:1px solid #505053;border-radius:8px;background:linear-gradient(140deg,#283336,#090a0b 55%,#4f6264);box-shadow:0 3px 6px #0009;display:grid;place-items:center}.small-preview{justify-self:start;margin-left:6px;color:#aaa;font:7px var(--mono)}.gallery-button{justify-self:end;margin-right:7px;background:linear-gradient(#222224,#111112);cursor:pointer;color:#bbb;font-size:22px}.shutter{width:96px;height:96px;border-radius:50%;border:6px solid #141415;background:linear-gradient(135deg,#dfd9ce,#716f6b 35%,#b8b3a9 62%,#454444);box-shadow:0 0 0 2px #4a4a4c,0 7px 16px #000d,inset 0 2px 5px #fff;display:grid;place-items:center;cursor:pointer}.shutter:hover{filter:brightness(1.12)}.shutter i{width:75px;height:75px;border-radius:50%;border:1px solid #7a7875;background:radial-gradient(circle at 38% 28%,#ffffff50,transparent 35%);box-shadow:inset 0 2px 8px #fff4}.capture-switch{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:25px;width:140px;border:1px solid #3c3c3e;border-radius:15px;background:#111113;display:flex;align-items:center;justify-content:space-around}.capture-switch button{border:0;background:none;color:#aaa;font-size:12px}.capture-switch button.selected{color:#ddd}.capture-switch span{width:53px;height:16px;border-radius:10px;background:linear-gradient(#55565a,#242426);box-shadow:inset 0 1px 3px #000}.status-line{min-height:16px;text-align:center;color:#77787a;font:7px var(--mono);margin:10px 0 0;line-height:1.5}.editor-legal{max-width:540px;margin:0 auto 36px;padding:0 16px;text-align:center;color:#79797c;font-size:9px;line-height:1.7}.app-toast{position:fixed;z-index:30;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;background:#272729;border:1px solid #555;padding:11px 15px;border-radius:5px;font:9px var(--mono);transition:.2s;pointer-events:none}.app-toast.visible{opacity:1;transform:translate(-50%,0)}.editor-footer{background:#101011}.photo-ready .camera-date{color:#ffc267}.capturing .shutter{transform:scale(.94);filter:brightness(1.3)}
@media(max-width:560px){.editor-head{height:58px;padding:0 5vw}.editor-head-label{font-size:6px}.camera-app{width:100%;margin:14px auto 20px;padding:0 8px}.app-hardware{border-radius:27px;padding:13px 12px 15px}.app-hardware:before{border-radius:22px}.app-top{height:32px}.app-icon{height:29px;width:29px}.viewfinder-wrap{padding:5px;border-radius:14px}.viewfinder{height:min(56vh,410px);min-height:300px}.demo-sun{width:55px;height:55px}.app-controls{padding:12px 2px 0}.camera-choice{flex-basis:58px}.mini-camera{transform:scale(.9)}.effect-icon{width:35px;height:35px}.effect-choice{min-width:47px}.effect-choice span{font-size:6px}.bottom-controls{height:105px;grid-template-columns:1fr 86px 1fr}.shutter{width:80px;height:80px}.shutter i{width:62px;height:62px}.small-preview,.gallery-button{height:45px;width:57px}.capture-switch{bottom:-2px}.status-line{font-size:6px}.site-footer{padding:25px 6vw}}