:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;color-scheme:dark;background:#111411;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0;background:transparent;color:inherit}button:disabled{opacity:.38;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #85b59e;outline-offset:4px}.app{max-width:600px;min-height:100dvh;margin:auto;padding:calc(env(safe-area-inset-top) + 18px) 20px calc(96px + env(safe-area-inset-bottom));color:#f5f6f3}.light{background:#f7f7f2;color:#202720;color-scheme:light}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.wordmark{font-size:17px;font-weight:750;letter-spacing:2px;display:block}.tag{display:block;color:#9ba49c;font-size:10px;margin-top:7px;letter-spacing:1px}.edition{font-size:10px;color:#7d897e;letter-spacing:2px}.top-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:12px}.ratios{display:flex;gap:8px}.ratios button{padding:8px 10px;color:#8e998f;border-radius:3px}.ratios button[aria-pressed=true]{background:#283a30;color:#dce9df}.top-controls>button{font-size:27px;min-width:44px;min-height:44px}.viewfinder{position:relative;background:#080a09;width:100%;overflow:hidden;border:1px solid #272d28;max-height:62vh}.viewfinder canvas,.result{display:block;width:100%;height:100%;object-fit:contain}.camera-source{position:absolute;width:1px;height:1px;opacity:.01;pointer-events:none}.concealed{visibility:hidden}.start-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px}.camera-symbol{font-size:47px;color:#809b89}.start-panel h1{font-size:18px;font-weight:500;letter-spacing:2px;margin-bottom:4px}.start-panel p{font-size:12px;line-height:1.9;color:#98a299}.primary{background:#dce7dc;color:#15291d;padding:12px 19px;border-radius:4px;font-weight:600}.start-panel .primary{margin-top:13px}.technical{font-size:10px;letter-spacing:.3px;min-height:15px;color:#98a599;margin:10px 0 17px}.live-label{position:absolute;top:12px;left:12px;background:#131b15b3;padding:5px 7px;font-size:10px;border-radius:2px}.live-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a7cfb0;margin-right:4px}.grid{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,transparent 33.2%,#ffffff20 33.3%,transparent 33.5%,transparent 66.5%,#ffffff20 66.6%,transparent 66.8%),linear-gradient(0deg,transparent 33.2%,#ffffff20 33.3%,transparent 33.5%,transparent 66.5%,#ffffff20 66.6%,transparent 66.8%)}.presets{display:flex;gap:10px}.presets button{flex:1;text-align:left;padding:12px 10px;border:1px solid #343e35;border-radius:3px}.presets button[aria-pressed=true]{border-color:#9ab59d;background:#223028}.presets strong{font-size:12px;font-weight:500}.presets small{display:block;font-size:9px;margin-top:6px;color:#9ca99e}.intensity{display:flex;align-items:center;gap:13px;margin:20px 0;font-size:11px;color:#b3beb4}.intensity input{flex:1;min-width:30px;accent-color:#c0d7bf;height:24px}.intensity output{width:34px;text-align:right;font-variant-numeric:tabular-nums}.shutter-row{display:flex;align-items:center;justify-content:space-evenly}.shutter{border:2px solid #dae1d8;border-radius:50%;width:70px;height:70px;padding:5px}.shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#e6ebe1}.text-button{font-size:12px;min-width:60px;min-height:44px;color:#b1beb3}.hint{font-size:10px;line-height:1.8;color:#879589;text-align:center;margin-top:17px}nav{display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(600px,100%);padding:10px 10px calc(12px + env(safe-area-inset-bottom));background:#151b16f5;border-top:1px solid #303a31;z-index:10}nav button{flex:1;display:flex;align-items:center;flex-direction:column;gap:5px;color:#8b988d;font-size:10px}nav button span{font-size:24px;height:29px}nav button[aria-current]{color:#e1eddf}.light nav{background:#f7f7f2f5;border-color:#ddd}.light nav button[aria-current]{color:#28533a}.page h1{font-size:25px;font-weight:550;margin-top:38px}.page h2{font-size:17px;margin-top:30px}.page p,.page li{color:#69756a;font-size:12px;line-height:2}.page ol{padding-left:20px}.page dl{margin-top:30px}.page dt{font-size:11px;color:#6e7a6f;margin-top:20px}.page dd{font-size:13px;margin:7px 0;border-bottom:1px solid #ddd;padding-bottom:12px}.empty{padding:80px 0;text-align:center;font-size:13px;color:#768378;line-height:2}.thumbnail{padding:0;width:100%;text-align:left}.thumbnail img{display:block;width:33.33%}.thumbnail span{display:block;font-size:11px;margin-top:12px}.review p{font-size:12px}.review small{display:block;font-size:10px;color:#92a495;margin-top:7px}.review>div{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.review button{padding:12px 16px}.message{font-size:12px;line-height:1.8;padding:12px;background:#22362b;border:1px solid #55775c;margin-top:14px;border-radius:3px;overflow-wrap:anywhere}.message.error{background:#402d26;border-color:#875d4a;color:#ffe5d4}@media(min-width:650px){.app{border-left:1px solid #293029;border-right:1px solid #293029}.viewfinder{max-height:58vh}}@media(max-height:720px){header{margin-bottom:12px}.viewfinder{max-height:50vh}.intensity{margin:12px 0}.shutter{width:60px;height:60px}}.brand-tabs{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding:0 0 10px;white-space:nowrap}.brand-tabs::-webkit-scrollbar,.presets::-webkit-scrollbar{display:none}.brand-tabs button{font-size:9px;letter-spacing:.4px;color:#89998c;min-height:36px;padding:6px 0;border-bottom:1px solid transparent}.brand-tabs button[aria-pressed=true]{color:#e1eddf;border-bottom-color:#a0baa5}.filter-picker .presets{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;gap:9px;padding-bottom:4px}.filter-picker .presets button{flex:0 0 100px;scroll-snap-align:start;padding:4px 4px 8px;overflow:hidden}.presets img,.thumb-placeholder{width:90px;height:74px;display:block;object-fit:cover;border-radius:1px}.thumb-placeholder{display:grid;place-items:center;background:#1c241e;color:#829487;font-size:24px}.filter-picker .presets strong{display:block;font-size:10px;white-space:normal;line-height:1.4;margin:7px 2px 0;min-height:28px}.filter-picker .presets small{font-size:8px;margin:4px 2px 0;letter-spacing:.2px}.filter-caption{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#a1b6a6;margin-top:9px}.filter-caption span:last-child{color:#809486;font-size:9px}.thumb-hint{font-size:9px;color:#809486;margin:8px 0 0}.intensity{margin:12px 0}.technical{margin-bottom:8px}.viewfinder{max-height:50dvh}.filter-picker{min-width:0}.shutter{width:64px;height:64px}@media(max-height:740px){.viewfinder{max-height:39dvh}.presets img,.thumb-placeholder{height:56px}.filter-picker .presets strong{min-height:26px;font-size:9px}.hint{margin-top:10px}header{margin-bottom:10px}}.app.dark{height:100dvh;min-height:620px;display:flex;flex-direction:column;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.app.dark>*{flex-shrink:0}.app.dark header{margin-bottom:10px}.app.dark .top-controls{margin-bottom:8px}.app.dark .viewfinder{flex:1 1 0;min-height:120px;max-height:none}.app.dark .technical{margin:8px 0 3px}.brand-tabs{padding-bottom:4px}.brand-tabs button{min-height:30px}.presets img,.thumb-placeholder{height:54px}.filter-picker .presets strong{min-height:26px;font-size:9px;margin-top:5px}.filter-picker .presets small{margin-top:2px}.filter-caption{margin-top:4px}.intensity{margin:6px 0}.app.dark>.hint{margin:8px 0 0;font-size:8px}.app.dark .review .hint{margin:10px 0 0}.thumb-hint{margin:4px 0 0}.gallery-heading{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.gallery-heading h1{margin:0}.import-photo{background:#2b5038;color:#fff;padding:11px 15px;border-radius:3px;font-size:12px}.review>div{gap:4px}.review button{padding:12px 8px;font-size:11px}.editor-shell{max-width:600px;margin:auto;height:100dvh;min-height:560px;background:#f7f7f2;color:#263c2d;color-scheme:light;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom));overflow:hidden}.editor-header{flex-shrink:0;display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.editor-header>div{text-align:center;font-size:14px;font-weight:600}.editor-header small{display:block;font-size:8px;color:#859081;letter-spacing:1px;margin-top:5px}.editor-header button{font-size:12px;min-height:40px;padding:0 5px}.editor-header .editor-export{background:#2b5038;color:#fff;padding:10px;border-radius:3px}.editor-photo{position:relative;display:flex;justify-content:center;align-items:center;flex:1 1 0;min-height:130px;max-height:43dvh;overflow:hidden;background:#eaece4}.editor-photo canvas,.editor-photo img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.editor-photo p{position:absolute;inset:40% 0 auto;text-align:center;color:#687a6d;font-size:12px}.editor-info{flex-shrink:0;font-size:9px;color:#738173;line-height:1.7;margin:7px 0;overflow-wrap:anywhere}.editor-info small{display:block;font-size:9px}.edit-history{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-shrink:0;border-bottom:1px solid #dce0d7;padding:0 0 7px}.edit-history button{font-size:11px;padding:8px 4px;min-height:34px}.compare-button{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.compare-label{position:absolute;top:8px;left:8px;background:#203d2ccf;color:#fff;font-size:9px;padding:5px}.editor-tabs{display:flex;flex-shrink:0;border-bottom:1px solid #dce0d7;margin:3px 0 7px}.editor-tabs button{flex:1;padding:11px 0;color:#829080;font-size:12px;border-bottom:2px solid transparent}.editor-tabs button[aria-selected=true]{color:#244d33;border-bottom-color:#244d33}.editor-tools{margin:0;padding:0 0 12px;border:0;min-width:0;min-height:120px;flex:1.15 1 0;overflow-y:auto;overscroll-behavior:contain}.editor-tools p{font-size:10px;color:#7b8879;line-height:1.8}.editor-filter-list,.frame-list,.editor-ratios{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 14px}.editor-filter-list button,.frame-list button,.editor-ratios button{border:1px solid #d2d9ce;border-radius:3px;padding:9px 10px;font-size:10px;min-height:36px}.editor-filter-list button[aria-pressed=true],.frame-list button[aria-pressed=true],.editor-ratios button[aria-pressed=true]{background:#e0e9db;border-color:#3f6949;color:#254b30}.edit-slider{display:flex;gap:10px;align-items:center;font-size:11px;margin:6px 0;min-height:36px}.edit-slider span{width:62px}.edit-slider input{flex:1;min-width:0;accent-color:#3f6747}.edit-slider output{font-variant-numeric:tabular-nums;width:35px;text-align:right;font-size:10px;color:#5b725e}.editor-option{display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:11px;min-height:40px}.editor-option input[type=checkbox]{accent-color:#3f6747;width:18px;height:18px}.editor-option input[type=color]{width:44px;height:28px;border:0;background:none}.editor-text{border:1px solid #d2d9ce;background:#fff;color:#233e2b;border-radius:3px;padding:9px;font:inherit;font-size:12px;max-width:76%;min-width:0}.editor-error{font-size:11px;color:#7b3629;background:#f7e9df;padding:10px;line-height:1.8;flex-shrink:0;margin:6px 0}.export-actions{overflow-y:auto;flex:1;min-height:140px}.export-actions h2{font-size:16px}.export-actions p{font-size:11px;line-height:1.8;color:#75816f}.export-actions button{padding:11px 13px;margin:3px 6px 3px 0;font-size:12px}.export-actions .primary{background:#2b5038;color:#fff}.reset-adjustments{font-size:11px;padding:10px;border:1px solid #d2d9ce;border-radius:3px}@media(max-height:700px){.editor-photo{max-height:33dvh}.editor-tools{flex:1.4 1 0}.editor-info{font-size:8px}.editor-header{margin-bottom:5px}}.capture-modes{display:flex;gap:9px}.capture-modes button{font-size:11px;padding:8px 0;color:#7e8f82}.capture-modes button[aria-pressed=true]{color:#e0edde}.top-controls .ratios{gap:3px}.top-controls .ratios button{padding:8px 6px}.capture-filter-controls{border:0;margin:0;padding:0;min-width:0}.capture-filter-controls:disabled .brand-tabs,.capture-filter-controls:disabled .presets{opacity:.55}.video-options{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:9px;color:#9bad9e;min-height:28px;margin:0 0 5px}.video-options button{font-size:10px;padding:6px 9px;border:1px solid #425749;border-radius:3px}.video-shutter span{background:#d85951}.video-shutter.is-recording span{border-radius:4px;width:29px;height:29px;margin:auto}.video-playback{width:100%;height:100%;display:block;object-fit:contain;background:#080a09}.recording-label{background:#7f2d28dd}.recording-label i{background:#ffb1a2}.app.dark .message{font-size:10px;padding:7px;margin-top:7px}.app.dark .technical{overflow-wrap:anywhere;line-height:1.6}.video-thumbnail{margin-bottom:24px}.video-thumbnail img{max-height:180px;object-fit:contain;object-position:left}.video-review small{overflow-wrap:anywhere}.library-tabs{display:flex;gap:20px;border-bottom:1px solid #dde2d6;margin:22px 0 12px}.library-tabs button{padding:10px 0;border-bottom:2px solid transparent;font-size:12px;color:#7d8c79}.library-tabs button[aria-pressed=true]{border-color:#31573d;color:#31573d}.photo-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.work-tile{padding:0;position:relative;aspect-ratio:1;overflow:hidden;background:#e8ebdf}.work-tile img{display:block;width:100%;height:100%;object-fit:cover}.tile-favorite{position:absolute;right:5px;top:5px;color:#fff;text-shadow:0 1px 3px #333;font-size:14px}.tile-video{position:absolute;left:5px;bottom:5px;color:#fff;text-shadow:0 1px 3px #222;font-size:9px}.work-detail{position:fixed;inset:0;max-width:600px;margin:auto;background:#f7f7f2;z-index:30;overflow-y:auto;padding:calc(16px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));color:#274331}.work-detail header{display:flex;justify-content:space-between;margin:0 0 16px}.work-detail header button{min-height:40px;font-size:12px}.work-media{background:#e7ebdf;display:flex;align-items:center;justify-content:center;height:48dvh}.work-media img,.work-media video{width:100%;height:100%;object-fit:contain}.work-detail>p{font-size:13px;margin:16px 0}.work-detail small{display:block;font-size:10px;margin-top:7px;color:#7e8b78;line-height:1.7}.work-detail details{font-size:11px;margin:18px 0}.work-detail details p{font-size:11px;line-height:2}.detail-actions{display:flex;flex-wrap:wrap;gap:8px}.detail-actions button{padding:11px 10px;font-size:11px}.detail-actions .primary{background:#31573d;color:#fff}.detail-actions .delete-work{color:#955344}.delete-confirm,.cache-confirm{padding:12px;background:#eeeade;border:1px solid #d5c9b5;margin-top:18px;font-size:12px}.delete-confirm button,.cache-confirm button{padding:10px;font-size:12px}.library-settings>label{display:flex;align-items:center;justify-content:space-between;margin:16px 0;font-size:12px}.library-settings select,.library-settings input{max-width:100px;padding:7px;background:#fff;border:1px solid #d2dacb;color:#2b4932;border-radius:3px}.library-settings>button{padding:10px 9px;margin:3px 5px 3px 0;border:1px solid #d4ddce;font-size:11px;border-radius:3px}
