:root{--bg:#111310;--panel:#191b17;--panel2:#20221d;--line:#30332c;--text:#eeeede;--muted:#9b9e91;--soft:#6f7468;--lime:#d5f276;--lime2:#b8d858;--red:#ff8d72;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}.topbar{height:72px;border-bottom:1px solid #272923;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font-weight:700;letter-spacing:-.7px;font-size:22px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--lime);color:#1b2011;border-radius:9px 9px 9px 3px;font-family:var(--serif);font-size:22px;font-style:italic}.brand-dot{color:var(--lime)}.top-right{display:flex;align-items:center;gap:24px}.privacy{color:#a7aa9e;font-size:12px;display:flex;gap:8px;align-items:center}.privacy i,.focus-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px #d5f27666}.icon-button{width:30px;height:30px;border:1px solid #41443b;border-radius:50%;background:none;color:#bbbeb2;font-family:var(--serif);font-size:15px;cursor:pointer}main{max-width:1390px;margin:0 auto}.welcome{min-height:calc(100vh - 72px);padding:73px 5.2% 34px;display:grid;grid-template-columns:1fr 1fr;align-content:center;column-gap:9%;position:relative}.welcome-copy{padding:22px 0 62px}.eyebrow{font:11px var(--mono);letter-spacing:1.35px;color:var(--lime);display:flex;align-items:center;gap:10px}.eyebrow-line{width:23px;height:1px;background:var(--lime);display:inline-block}.welcome h1{font:600 clamp(44px,5.4vw,72px)/1.05 var(--serif);letter-spacing:-1.8px;margin:24px 0 20px}.welcome h1 em{color:var(--lime);font-weight:600}.welcome-copy>p{max-width:500px;color:#a7aa9e;font-size:16px;line-height:1.72;margin:0 0 28px}.start-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.primary-button{height:50px;padding:0 18px;border:0;background:var(--lime);border-radius:5px;color:#1b2011;font:700 13px var(--sans);display:inline-flex;align-items:center;gap:11px;cursor:pointer;transition:.18s ease}.primary-button:hover{background:#e1ff8d;transform:translateY(-1px)}.folder-icon{font-size:18px;font-weight:400}.button-arrow{font-size:17px;margin-left:5px}.start-note{font-size:11px;color:var(--soft)}.support-note{margin-top:20px;color:#72766c;font-size:11px}.welcome-art{height:395px;max-width:515px;width:100%;justify-self:center;position:relative;margin-top:4px}.art-frame{position:absolute;overflow:hidden;border:8px solid #282b24;border-radius:4px;background:#d7ddc8;box-shadow:0 20px 50px #0007}.frame-back{width:56%;height:66%;left:8%;top:3%;transform:rotate(-8deg);opacity:.65}.frame-front{width:65%;height:78%;right:8%;top:10%;transform:rotate(5deg);border-width:9px}.art-sky{height:63%;background:linear-gradient(155deg,#c0cdb8 0%,#d6d8bc 48%,#eece96 100%)}.sky-front{background:linear-gradient(180deg,#9db3ae 0%,#c4cdb7 51%,#f0c98d 100%);height:70%}.sun{position:absolute;right:26%;top:25%;height:43px;width:43px;border-radius:50%;background:#edc17a;box-shadow:0 0 34px #f3d39488}.art-hill{position:absolute;width:125%;height:55%;left:-10%;border-radius:50% 50% 0 0}.hill-one{top:49%;background:#859783;transform:rotate(10deg)}.hill-two{top:64%;background:#596f5d;transform:rotate(-8deg)}.hill-three{top:56%;background:#899c84;transform:rotate(-12deg)}.hill-four{top:68%;background:#3d594b;transform:rotate(8deg)}.frame-caption{position:absolute;bottom:10px;left:13px;color:#eef0dc;font:10px var(--mono);text-shadow:0 1px 5px #26332c}.focus-tag,.blur-tag{position:absolute;z-index:1;border:1px solid #464940;background:#1a1d18eF;box-shadow:0 8px 24px #0005;padding:11px 14px;border-radius:5px;font-size:11px;letter-spacing:.5px}.focus-tag{left:3%;top:30%;display:flex;align-items:center;gap:9px;color:var(--lime)}.blur-tag{bottom:8%;right:0;color:#c5c7bc}.blur-tag span{color:var(--red);font-size:18px;vertical-align:middle;margin-right:4px}.blur-tag b{color:var(--red);font:12px var(--mono);padding-left:10px}.feature-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2b2e27;padding-top:23px;gap:24px}.feature-strip>div{display:flex;align-items:flex-start;gap:14px}.feature-number{font:11px var(--mono);color:var(--lime);padding-top:2px}.feature-strip b,.feature-strip small{display:block}.feature-strip b{font-size:12px;font-weight:600;margin-bottom:5px}.feature-strip small{font-size:11px;color:#83877c}.hidden{display:none!important}.workspace{min-height:calc(100vh - 72px);display:grid;grid-template-columns:245px 1fr}.sidebar{border-right:1px solid #2b2e27;padding:34px 20px 22px;display:flex;flex-direction:column;min-height:calc(100vh - 72px)}.session-label{font:10px var(--mono);letter-spacing:1.1px;color:#787d70}.folder-name{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600;margin:16px 0 25px;overflow:hidden}.folder-name span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.folder-mini{color:var(--lime);font-size:16px}.side-stats{display:grid;gap:15px}.side-stats div{display:flex;justify-content:space-between;color:#9c9f93;font-size:11px}.side-stats b{font:13px var(--mono);color:#e7e8d9}.side-stats .accent-text{color:var(--red)}.side-rule{height:1px;background:#2d302a;margin:25px 0}.filters{display:grid;gap:5px;margin-top:12px}.filter{display:flex;align-items:center;gap:10px;text-align:left;width:100%;height:37px;padding:0 10px;border:0;border-radius:4px;background:none;color:#9b9e91;font:12px var(--sans);cursor:pointer}.filter>span{font-size:16px;width:14px;text-align:center}.filter b{font:10px var(--mono);margin-left:auto;color:#74796c}.filter.active{background:#292c24;color:var(--lime)}.filter.active b{color:var(--lime)}.side-bottom{margin-top:auto}.privacy-card{display:flex;gap:10px;padding:12px 10px;background:#1b1e19;border:1px solid #2a2d26;border-radius:5px;margin-bottom:16px}.lock{color:var(--lime);font-size:15px}.privacy-card b,.privacy-card small{display:block}.privacy-card b{font-size:10px;font-weight:600;margin-bottom:4px}.privacy-card small{font-size:9px;color:#85897d;line-height:1.45}.text-button{border:0;background:none;color:#9fa294;padding:5px 2px;font:11px var(--sans);cursor:pointer}.text-button:hover{color:var(--lime)}.gallery-area{min-width:0;padding:32px 36px 23px}.gallery-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:21px}.small-eye{font-size:9px}.small-eye .eyebrow-line{width:16px}.gallery-head h2{font:600 27px var(--serif);letter-spacing:-.35px;margin:8px 0 0}.heading-count{font:11px var(--mono);color:#777c70;vertical-align:middle;margin-left:6px}.head-actions{display:flex;gap:8px}.secondary-button,.view-button{height:34px;border:1px solid #41443b;border-radius:4px;background:#1a1c18;color:#c3c6b8;font:11px var(--sans);cursor:pointer;padding:0 12px}.secondary-button:hover,.view-button:hover{border-color:#858b76;color:var(--lime)}.secondary-button:disabled{opacity:.42;cursor:default}.view-button{width:36px;font-size:16px;padding:0}.view-button.active{color:var(--lime);border-color:#636c4a}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 15px;border-top:1px solid #2b2e27}.search-wrap{display:flex;align-items:center;gap:8px;max-width:330px;width:100%;height:32px;border:1px solid #363931;background:#191b17;border-radius:4px;padding:0 10px;color:#8b9082}.search-wrap>span{font-size:17px}.search-wrap input{border:0;outline:0;background:none;color:var(--text);font:11px var(--sans);width:100%}.search-wrap input::placeholder{color:#71766b}.sort-control{display:flex;align-items:center;gap:8px;color:#85897d;font-size:10px}.sort-control select{background:#191b17;border:0;color:#c6c8bc;font:10px var(--sans);outline:0;padding:5px 3px}.progress-wrap{margin:6px 0 16px}.progress-copy{display:flex;justify-content:space-between;color:#aeb2a4;font-size:10px;margin-bottom:6px}.progress-copy span:last-child{font-family:var(--mono);color:var(--lime)}.progress-track{height:3px;background:#2d3029;border-radius:3px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--lime);width:0;transition:width .12s}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.photo-card{position:relative;aspect-ratio:1/1.08;background:#20221e;border:1px solid #2d3029;border-radius:4px;overflow:hidden;cursor:pointer;transition:.14s}.photo-card:hover{border-color:#70775b;transform:translateY(-2px)}.photo-card.selected{outline:2px solid var(--lime);outline-offset:1px}.photo-card img{width:100%;height:100%;object-fit:cover;display:block;background:#252822}.photo-card .card-top{position:absolute;top:7px;left:7px;right:7px;display:flex;justify-content:space-between;pointer-events:none}.badge{font:9px var(--mono);padding:5px 7px;border-radius:3px;background:#111310d9;color:#d4d7c9;backdrop-filter:blur(8px)}.badge.blur{color:#ffc0ad}.badge.status-keep{color:var(--lime)}.badge.status-reject{color:var(--red)}.photo-card .file-label{position:absolute;bottom:0;left:0;right:0;padding:24px 9px 8px;background:linear-gradient(transparent,#10120fee);color:#eff0e4;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-card .quick-action{position:absolute;right:7px;bottom:30px;width:27px;height:27px;border:1px solid #5b5e53;border-radius:4px;background:#141612e8;color:#e8ebdc;cursor:pointer;opacity:0;transition:.15s}.photo-card:hover .quick-action{opacity:1}.photo-card .quick-action:hover{color:var(--lime);border-color:var(--lime)}.empty-state{height:300px;border:1px dashed #35382f;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#8d9185}.empty-icon{font-size:28px;color:#6c725c;margin-bottom:2px}.empty-state b{font:600 17px var(--serif);color:#dadccd}.empty-state span{font-size:11px;color:#83877c}.compact{height:38px;margin-top:8px;font-size:11px}.notice{margin:6px 0 14px;padding:10px 12px;border-radius:4px;border:1px solid #514d35;background:#28271c;color:#c9c29b;font-size:11px;line-height:1.5}.load-more-wrap{text-align:center;padding:20px}.keyboard-hint{display:flex;gap:20px;align-items:center;justify-content:center;color:#73786c;font:9px var(--mono);padding:18px 0 0}.keyboard-hint span{display:flex;gap:5px;align-items:center}kbd{display:inline-grid;place-items:center;min-width:19px;height:18px;padding:0 4px;border:1px solid #464a40;border-radius:3px;color:#afb3a5;font:9px var(--mono)}.viewer,.help-dialog{border:1px solid #3d4038;background:#171915;color:var(--text);border-radius:7px;box-shadow:0 24px 90px #000b;padding:22px}.viewer{width:min(92vw,1030px);height:min(92vh,800px);max-width:none;max-height:none;overflow:hidden;grid-template-rows:1fr auto;align-items:center}.viewer[open]{display:grid}.viewer::backdrop,.help-dialog::backdrop{background:#080907dd;backdrop-filter:blur(6px)}.viewer-image-wrap{height:100%;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:12px 42px 4px}.viewer-image-wrap img{max-width:100%;max-height:calc(100% - 35px);object-fit:contain;box-shadow:0 8px 35px #0008}.viewer-meta{width:100%;display:flex;justify-content:space-between;color:#adb1a3;font-size:10px}.viewer-close{position:absolute;right:14px;top:11px;border:0;background:none;color:#c7caba;font-size:25px;cursor:pointer;z-index:2}.viewer-nav{position:absolute;top:48%;border:1px solid #55584e;border-radius:50%;width:38px;height:38px;background:#181a16;color:#e7eadc;font-size:25px;cursor:pointer}.viewer-nav:hover{color:var(--lime);border-color:var(--lime)}.viewer-nav.prev{left:15px}.viewer-nav.next{right:15px}.viewer-actions{display:flex;justify-content:center;gap:9px;padding:12px 0 3px}.viewer-actions .secondary-button,.reject-button{height:38px}.viewer-actions kbd{margin-left:8px}.reject-button{border:1px solid #805347;border-radius:4px;background:#2a1e1b;color:#ffc0ad;font:11px var(--sans);padding:0 12px;cursor:pointer}.reject-button:hover{background:#38231d}.help-dialog{width:min(94vw,510px);padding:32px}.help-dialog h2{font:600 28px var(--serif);margin:14px 0}.help-dialog p,.help-dialog li{color:#aeb1a4;font-size:12px;line-height:1.65}.help-dialog ul{padding-left:18px;display:grid;gap:10px;margin:18px 0}.help-dialog li b{color:#e3e6d7}
@media(max-width:1000px){.welcome{column-gap:3%;padding-top:45px}.welcome-art{transform:scale(.9)}.workspace{grid-template-columns:210px 1fr}.sidebar{padding-left:15px;padding-right:15px}.gallery-area{padding:28px 22px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.site-footer{padding:12px 18px 18px;flex-direction:column;align-items:flex-start;gap:5px}.topbar{height:60px;padding:0 18px}.privacy{font-size:0}.privacy i{width:8px;height:8px}.welcome{display:block;padding:48px 22px 25px}.welcome-copy{padding:0}.welcome h1{font-size:49px}.welcome-copy>p{font-size:14px}.welcome-art{height:310px;max-width:390px;margin:20px auto 28px;transform:none}.feature-strip{gap:14px;grid-template-columns:1fr;padding-top:16px}.feature-strip>div{gap:11px}.feature-strip small{font-size:10px}.workspace{display:block}.sidebar{min-height:0;border-right:0;border-bottom:1px solid #2b2e27;padding:14px 16px}.session-label,.side-stats,.side-rule,.sidebar>.session-label:nth-of-type(2),.side-bottom{display:none}.folder-name{margin:0 0 11px}.filters{display:flex;overflow:auto;margin:0;gap:4px}.filter{width:auto;white-space:nowrap;padding:0 9px;font-size:10px;height:32px}.filter b{margin-left:3px}.gallery-area{padding:21px 14px}.gallery-head{align-items:flex-start;gap:9px}.gallery-head h2{font-size:24px}.head-actions{gap:5px}.head-actions .secondary-button{max-width:145px;height:33px;white-space:normal;line-height:1.2;font-size:9px;padding:0 8px}.view-button{display:none}.toolbar{align-items:flex-start}.search-wrap{max-width:none}.sort-control{gap:4px;flex-direction:column;align-items:flex-end}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.keyboard-hint{display:none}.viewer{padding:10px}.viewer-image-wrap{padding:10px 24px}.viewer-actions{gap:5px}.viewer-actions .secondary-button,.reject-button{font-size:10px;padding:0 8px}.viewer-nav.prev{left:5px}.viewer-nav.next{right:5px}}
.toolbar-controls{display:flex;align-items:center;gap:14px}.bulk-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:-2px 0 12px;padding:10px 11px;border:1px solid #30332c;background:#181a16;border-radius:4px}.bulk-actions>span{font-size:10px;color:#8e9286}.bulk-actions select{height:29px;max-width:235px;border:1px solid #3a3d35;border-radius:3px;background:#191b17;color:#c7cabb;font:10px var(--sans);padding:0 7px}.bulk-actions .secondary-button{height:29px;margin-left:auto}.bulk-actions .secondary-button:disabled,.primary-button:disabled{opacity:.4;cursor:default}.delete-consent{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid #704b41;border-radius:4px;background:#291d1a;color:#ffc0ad;font-size:11px;line-height:1.5}.delete-consent input{accent-color:#ff8d72;margin-top:2px}.confirm-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.confirm-buttons .secondary-button{height:38px}.confirm-buttons .primary-button{height:38px;margin:0}
@media(max-width:700px){.toolbar-controls{gap:5px}.toolbar-controls .sort-control{gap:2px}.toolbar-controls select{max-width:140px;font-size:9px}.bulk-actions{align-items:flex-start}.bulk-actions>span{width:100%}.bulk-actions select{flex:1;max-width:none}.bulk-actions .secondary-button{margin-left:0}.site-footer span:first-child{display:none}}
.site-footer{column-gap:24px}
.filters{gap:18px}
.filter-group{display:grid;gap:4px}
.filter-group-title{display:grid;gap:4px;padding:0 9px 4px;color:#7e8376;font:9px var(--mono);letter-spacing:.8px}
.filter-group-title small{color:#6e7368;font:9px var(--sans);letter-spacing:0}
.filter{height:39px;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s}
.filter:hover{background:#20221d;color:#e4e7d8}
.filter.active{background:#292d22;border-color:#4d5736;color:var(--lime);box-shadow:inset 3px 0 0 var(--lime)}
.filter b{min-width:24px;height:20px;display:grid;place-items:center;border-radius:20px;background:#252821;color:#979b8e}
.filter.active b{background:#384329;color:var(--lime)}
.gallery-hint{margin-top:7px;color:#8e9385;font-size:10px;display:flex;align-items:center;gap:7px}
.hint-dot{width:9px;height:9px;border:2px solid var(--lime);border-radius:50%;display:inline-block;box-shadow:0 0 8px #d5f27655}
.photo-card.is-picked{border-color:var(--lime);box-shadow:0 0 0 2px #d5f27666,0 7px 24px #0006}
.photo-card.is-picked::after{content:"SELECIONADA";position:absolute;left:8px;bottom:34px;padding:4px 6px;border:1px solid #d5f27688;border-radius:3px;background:#171b10e8;color:var(--lime);font:8px var(--mono);letter-spacing:.45px;pointer-events:none}
.photo-card-controls{position:absolute;right:9px;bottom:31px;display:flex;align-items:center;gap:7px;z-index:1}
.pick-button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:2px solid #f3f3e5;border-radius:50%;background:#111310c9;color:#fff;cursor:pointer;box-shadow:0 2px 12px #0009;transition:transform .14s,background .14s,border-color .14s}
.pick-button span{font:700 18px var(--sans);opacity:0;transform:scale(.65);transition:transform .14s,opacity .14s}
.pick-button:hover{transform:scale(1.08);border-color:var(--lime)}
.pick-button.is-picked{background:var(--lime);border-color:var(--lime);color:#171a11;box-shadow:0 0 0 4px #d5f27655,0 3px 14px #0009}
.pick-button.is-picked span{opacity:1;transform:scale(1)}
.review-button{height:29px;min-width:29px;padding:0 8px;border:1px solid #e6b0a2;border-radius:15px;background:#271c1ae8;color:#ffe1d8;font:9px var(--sans);cursor:pointer;opacity:0;transition:opacity .14s,background .14s}
.photo-card:hover .review-button,.review-button:focus-visible,.review-button.is-review{opacity:1}
.review-button.is-review{background:#9a4e3c;border-color:#ffb39e;color:#fff}
.bulk-actions{padding:12px;gap:10px;border-color:#39402c;background:#191c16}
.bulk-intro{display:grid;gap:4px;margin-right:auto}
.bulk-intro b{font-size:11px;color:#e4e7d8}
.bulk-intro small{font-size:9px;color:#858a7e}
.bulk-actions select{height:34px;max-width:245px;font-size:10px}
.bulk-actions .secondary-button{height:34px;background:#292d22;border-color:#596443;color:var(--lime)}
.bulk-actions .secondary-button:disabled{background:#1a1c18;color:#777b70;border-color:#30332c}
@media(max-width:700px){.filters{gap:0}.filter-group{display:contents}.filter-group-title{display:none}.filter{flex:0 0 auto}.gallery-hint{font-size:9px}.bulk-intro{width:100%}.bulk-actions select{max-width:none;width:100%}.bulk-actions .secondary-button{margin-left:0}.photo-card-controls{right:6px;bottom:27px;gap:5px}.pick-button{width:34px;height:34px}.review-button{opacity:1;min-width:27px;padding:0 6px}.photo-card.is-picked::after{left:6px;bottom:29px;font-size:7px}}
[data-tip]{position:relative}
[data-tip]::after{content:attr(data-tip);position:absolute;z-index:30;left:50%;bottom:calc(100% + 9px);width:max-content;max-width:260px;padding:9px 11px;border:1px solid #596443;border-radius:5px;background:#20231c;color:#e8ebdc;box-shadow:0 8px 24px #000b;font:11px/1.45 var(--sans);letter-spacing:0;text-align:left;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .12s,transform .12s,visibility .12s}
[data-tip]:hover::after,[data-tip]:focus-visible::after,[data-tip]:focus-within::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.filter[data-tip]::after{left:calc(100% + 10px);bottom:auto;top:50%;max-width:230px;transform:translate(0,-46%)}
.filter[data-tip]:hover::after,.filter[data-tip]:focus-visible::after{transform:translate(0,-50%)}
.search-wrap[data-tip]::after{left:0;transform:translate(0,4px)}
.search-wrap[data-tip]:hover::after,.search-wrap[data-tip]:focus-within::after{transform:translate(0,0)}
.action-select-wrap{position:relative}
.action-select-wrap select{width:100%}
.photo-card-controls [data-tip]::after{bottom:calc(100% + 7px);max-width:185px;font-size:10px}
@media(max-width:700px){.filter[data-tip]::after{display:none}.sort-control[data-tip]::after,.action-select-wrap[data-tip]::after{max-width:min(230px,85vw);z-index:40}.search-wrap[data-tip]::after{max-width:220px}}

/* Polished dark workspace: subtle glass, soft green light, and quieter controls. */
:root{--bg:#090b09;--panel:#111510;--panel2:#171c15;--line:#293027;--text:#f0f2e7;--muted:#a3aa9a;--soft:#737c6d;--lime:#d5f276;--lime2:#b8d858;--sans:"Avenir Next",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}
body{background:radial-gradient(ellipse at 50% -16%,#29341d 0,transparent 36%),radial-gradient(ellipse at 92% 62%,#17201666 0,transparent 29%),var(--bg);letter-spacing:.005em}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(#d5f27608 1px,transparent 1px),linear-gradient(90deg,#d5f27608 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#0008,transparent 70%)}
main,.site-footer{position:relative;z-index:1}
.topbar{height:76px;padding-inline:max(5.2%,calc((100vw - 1280px)/2));border-bottom-color:#d5f27617;background:#090b09bb;backdrop-filter:blur(18px)}
.brand{font-size:19px;letter-spacing:-.5px;gap:12px}
.brand-mark{width:34px;height:34px;border-radius:11px 11px 11px 4px;background:linear-gradient(145deg,#e5ffa0,var(--lime2));box-shadow:0 0 24px #d5f27628}
.privacy{padding:9px 12px;border:1px solid #ffffff0c;background:#ffffff05;border-radius:30px;font-size:11px}
.icon-button{width:34px;height:34px;border-color:#ffffff20;background:#ffffff06;transition:.18s}
.icon-button:hover{color:var(--lime);border-color:#d5f27688;background:#d5f2760b}
.welcome{width:min(100% - 48px,1320px);min-height:calc(100vh - 112px);margin:22px auto 28px;padding:clamp(42px,6vw,78px) clamp(24px,5.7vw,76px) 32px;border:1px solid #d5f27616;border-radius:24px;background:radial-gradient(ellipse at 78% 35%,#a7d7460c,transparent 36%),linear-gradient(145deg,#11150fee,#0c0f0beF);box-shadow:0 30px 90px #0006,inset 0 1px #ffffff08}
.welcome-copy{padding-bottom:42px}
.eyebrow{font-size:10px;letter-spacing:1.5px}
.eyebrow-line{width:28px;box-shadow:0 0 9px #d5f27688}
.welcome h1{font:650 clamp(44px,5.3vw,70px)/1.02 var(--sans);letter-spacing:-3.4px;margin:27px 0 18px;max-width:720px}
.welcome h1 em{font-style:normal;color:var(--lime);text-shadow:0 0 34px #d5f27620}
.welcome-copy>p{max-width:520px;color:#adb4a6;font-size:15px;line-height:1.75}
.primary-button{height:48px;padding:0 19px;border-radius:9px;background:linear-gradient(120deg,#e3ff99,var(--lime));box-shadow:0 8px 28px #d5f27624;font-size:12px}
.primary-button:hover{box-shadow:0 10px 32px #d5f27636}
.start-note{padding:8px 11px;border:1px solid #ffffff0e;border-radius:30px;background:#ffffff04;color:#939c8b}
.support-note{max-width:410px;padding-left:1px;line-height:1.6}
.welcome-art{height:410px;filter:drop-shadow(0 20px 42px #0006)}
.welcome-art::before{content:"";position:absolute;width:270px;height:270px;left:50%;top:48%;border:1px solid #d5f27617;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 28px #d5f27605,0 0 0 58px #d5f27604}
.art-frame{border:7px solid #1b2119;border-radius:15px;background:#d7ddc8;box-shadow:0 28px 64px #0009,0 0 0 1px #e5ffc31a}
.frame-back{transform:rotate(-7deg);opacity:.74}
.frame-front{transform:rotate(4deg);border-width:8px}
.focus-tag,.blur-tag{border:1px solid #d5f27622;background:#111710eF;backdrop-filter:blur(14px);box-shadow:0 12px 36px #0008;border-radius:30px;padding:10px 15px;letter-spacing:.15px}
.focus-tag{color:#e5ffad}.focus-dot{width:8px;height:8px;animation:quiet-pulse 2.4s ease-in-out infinite}
.blur-tag{color:#d0d6c6}.blur-tag span,.blur-tag b{color:#ffad95}
@keyframes quiet-pulse{50%{box-shadow:0 0 15px #d5f276aa}}
.feature-strip{gap:13px;border-top-color:#ffffff10;padding-top:21px}
.feature-strip>div{min-height:76px;padding:14px 15px;border:1px solid #ffffff0c;border-radius:12px;background:linear-gradient(145deg,#ffffff06,#ffffff02)}
.feature-number{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #d5f2764d;border-radius:8px;background:#d5f2760b;color:var(--lime);font-size:9px}
.feature-strip b{font-size:11px}.feature-strip small{line-height:1.5}
.workspace{width:min(100%,1600px);min-height:calc(100vh - 76px);margin:auto;grid-template-columns:264px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:calc(100vh - 76px);min-height:650px;overflow-y:auto;padding:29px 18px 20px;border-right-color:#ffffff0c;background:#0e110dd9;backdrop-filter:blur(18px)}
.session-label{font-size:9px;letter-spacing:1.2px}
.folder-name{margin:12px 0 22px;padding:11px 10px;border:1px solid #ffffff10;border-radius:10px;background:#ffffff04}
.side-stats{gap:10px;padding:14px 12px;border:1px solid #ffffff0c;border-radius:12px;background:#ffffff03}
.side-rule{margin:20px 0;border:0;background:#ffffff10}
.filters{gap:17px;margin-top:0}
.filter-group{gap:4px}
.filter-group-title{padding-inline:8px;font-size:8px;letter-spacing:1px}
.filter-group-title small{font-size:9px}
.filter{height:38px;border-radius:9px;font-size:11px}
.filter.active{background:linear-gradient(100deg,#d5f27615,#d5f27605);border-color:#d5f27624;box-shadow:inset 3px 0 var(--lime)}
.filter b{font-size:9px}
.privacy-card{border-color:#d5f27617;border-radius:11px;background:linear-gradient(130deg,#d5f2760a,#ffffff03);padding:13px 11px}
.text-button{padding:8px 9px;border-radius:8px}.text-button:hover{background:#d5f2760d}
.gallery-area{padding:34px clamp(22px,3.5vw,52px) 28px}
.gallery-head{align-items:center;margin-bottom:23px}
.gallery-head h2{font:620 27px/1.2 var(--sans);letter-spacing:-.9px}
.heading-count{display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 6px;border:1px solid #ffffff12;border-radius:20px;background:#ffffff06;color:#bac4ae;font-size:10px}
.gallery-hint{font-size:10px;color:#9ba392}
.head-actions .secondary-button,.view-button{border-color:#ffffff17;border-radius:9px;background:#ffffff05}
.secondary-button,.view-button,.reject-button{border-radius:9px;transition:transform .16s,border-color .16s,color .16s,background .16s}
.secondary-button:hover,.view-button:hover{border-color:#d5f2766b;background:#d5f2760a}
.toolbar{border-top-color:#ffffff10;padding:13px 0 17px}
.search-wrap{height:38px;max-width:370px;border-color:#ffffff14;border-radius:10px;background:#ffffff04;padding:0 12px;transition:border-color .16s,box-shadow .16s}
.search-wrap:focus-within{border-color:#d5f27675;box-shadow:0 0 0 3px #d5f27610}
.search-wrap input{font-size:11px}
.sort-control{gap:7px;color:#9da595}
.sort-control select{padding:8px 9px;border:1px solid #ffffff13;border-radius:8px;background:#11150f;color:#d9dece}
.bulk-actions{border-color:#ffffff10;border-radius:12px;background:linear-gradient(110deg,#171c14,#10130f);padding:13px 14px}
.bulk-actions select{border-color:#ffffff19;border-radius:8px;background:#0d100c;color:#e2e6d9}
.bulk-actions .secondary-button{border-radius:8px}
.advanced-copy b{font-size:11px}.advanced-copy small{max-width:450px;line-height:1.5}
.american-option{font-size:10px}.advanced-panel .secondary-button{border-radius:8px}
.progress-wrap{padding:14px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff03}
.photo-grid{gap:14px}
.photo-card{border:1px solid #ffffff17;border-radius:12px;background:#151914;box-shadow:0 5px 18px #0003;transition:transform .2s,border-color .2s,box-shadow .2s}
.photo-card:hover{border-color:#d5f27670;transform:translateY(-3px);box-shadow:0 14px 30px #0006}
.photo-card.is-picked{border-color:var(--lime);box-shadow:0 0 0 2px #d5f27666,0 12px 32px #0008}
.photo-card .card-top{top:9px;left:9px;right:9px;gap:5px}
.badge{border:1px solid #ffffff17;border-radius:7px;background:#0a0d0bdc;padding:5px 8px;font-size:8px}
.photo-card .file-label{padding:32px 10px 10px;background:linear-gradient(transparent,#090c09f5);font-size:10px}
.photo-card-controls{right:10px;bottom:33px}
.pick-button{width:40px;height:40px;border-color:#ffffffd9;background:#080b09cf;backdrop-filter:blur(8px)}
.pick-button.is-picked{background:var(--lime);border-color:#efffc6}
.review-button{border-radius:20px;backdrop-filter:blur(8px)}
.photo-card.is-picked::after{left:10px;bottom:38px;border-radius:6px}
.empty-state{border-color:#ffffff20;border-radius:16px;background:radial-gradient(ellipse at 50% 10%,#d5f27609,transparent 60%),#ffffff02}
.notice{border-radius:10px}
.load-more-wrap .secondary-button{height:40px;border-radius:10px}
.viewer,.help-dialog{border-color:#ffffff20;border-radius:16px;background:linear-gradient(145deg,#171c15,#0d100d);box-shadow:0 30px 100px #000d}
.viewer-close,.viewer-nav{border-radius:50%;background:#111610;border-color:#ffffff25}
.viewer-actions .secondary-button,.reject-button{border-radius:10px}
.help-dialog{padding:36px}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:1000px){.welcome{width:calc(100% - 32px);margin:16px auto}.workspace{grid-template-columns:224px minmax(0,1fr)}.sidebar{padding-inline:14px}.photo-grid{gap:11px}}
@media(max-width:700px){body::before{background-size:48px 48px}.topbar{height:64px}.welcome{width:calc(100% - 24px);min-height:0;margin:12px auto 20px;padding:36px 20px 20px;border-radius:18px}.welcome h1{font-size:clamp(39px,11vw,52px);letter-spacing:-2.4px}.welcome-copy>p{font-size:13px}.welcome-art{height:285px;margin:9px auto 22px}.feature-strip>div{min-height:0;padding:12px;border-radius:10px}.workspace{min-height:calc(100vh - 64px)}.sidebar{position:relative;height:auto;min-height:0;padding:13px 12px;background:#0d100deF}.folder-name{padding:9px;margin-bottom:10px}.gallery-area{padding:19px 13px}.gallery-head{margin-bottom:17px}.gallery-head h2{font-size:21px}.gallery-hint{max-width:260px;line-height:1.45}.photo-grid{gap:9px}.photo-card{border-radius:9px}.photo-card .card-top{top:6px;left:6px;right:6px}.badge{padding:4px 6px;font-size:7px}.pick-button{width:34px;height:34px}.photo-card-controls{right:6px;bottom:28px}.photo-card.is-picked::after{left:6px;bottom:31px}.bulk-actions{border-radius:10px}.help-dialog{padding:29px 22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(100% - 48px,1320px);margin:0 auto;padding:16px 6px 22px;border-top:1px solid #ffffff0b;color:#727a6d;font-size:9px;line-height:1.5}
.export-folder-note{flex-basis:100%;color:#929b89;font-size:10px;line-height:1.5}
.creator{margin-left:auto;padding-left:16px;border-left:1px solid #d5f27635;color:#a0aa90;font-size:10px;letter-spacing:.08em;white-space:nowrap}
@media(max-width:700px){.site-footer{width:calc(100% - 32px);align-items:flex-start;gap:5px;padding:13px 2px 18px;font-size:9px}.creator{margin:5px 0 0;padding:0;border:0;font-size:9px}}
.top-right .tutorial-button{height:33px;padding:0 12px;border:1px solid #d5f27630;border-radius:9px;background:#d5f27608;color:#d8e6ba;font:10px var(--sans);cursor:pointer;transition:background .16s,border-color .16s}
.top-right .tutorial-button span{margin-left:5px;color:#96a17d;font:8px var(--mono)}
.top-right .tutorial-button:hover{border-color:#d5f2768a;background:#d5f27612;color:var(--lime)}
.photo-card.is-picked{border:3px solid var(--lime);outline:2px solid #f0ffc7;outline-offset:2px;box-shadow:0 0 0 6px #d5f27622,0 0 28px #d5f27655,0 12px 32px #0009}
.photo-card.is-picked::before{content:"";position:absolute;inset:0;z-index:1;border:1px solid #f0ffc78c;border-radius:7px;pointer-events:none}
.photo-card.is-picked::after{z-index:2;bottom:38px;left:10px;background:#10150ded;border-color:#efffc6;color:#edffc1;box-shadow:0 0 15px #d5f27644}
.pick-button.is-picked{outline:3px solid #f2ffc9;outline-offset:2px;box-shadow:0 0 0 7px #d5f2763b,0 0 22px #d5f27688}
.tutorial-dialog,.compare-dialog{position:fixed;inset:0;margin:auto;width:min(94vw,620px);max-width:none;max-height:90vh;overflow:auto;padding:35px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(145deg,#171c15,#0d100d);color:var(--text);box-shadow:0 30px 100px #000d}
.tutorial-dialog::backdrop,.compare-dialog::backdrop{background:#080907df;backdrop-filter:blur(7px)}
.tutorial-dialog h2,.compare-dialog h2{margin:13px 0 8px;font:620 26px/1.2 var(--sans);letter-spacing:-.8px;color:#edf1e2}
.tutorial-visual{height:184px;position:relative;display:grid;place-items:center;overflow:hidden;margin:20px 0 16px;border:1px solid #d5f27617;border-radius:13px;background:radial-gradient(ellipse at 50% 48%,#d5f27611,transparent 48%),linear-gradient(140deg,#121710,#0b0e0b)}
.tutorial-orbit{position:absolute;width:156px;height:156px;border:1px solid #d5f27622;border-radius:50%;box-shadow:0 0 0 20px #d5f27605,0 0 0 42px #d5f27604;transition:transform .3s}
.tutorial-window{position:relative;width:228px;height:112px;padding:15px;border:1px solid #d5f27654;border-radius:12px;background:#161c14;box-shadow:0 12px 35px #0008;transition:transform .3s,border-color .3s}
.tutorial-window i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#65725c}
.tutorial-window b{position:absolute;inset:38px 16px 14px;border:1px solid #ffffff10;border-radius:7px;background:linear-gradient(120deg,#28362b,#657a55 46%,#1d2a21);overflow:hidden}
.tutorial-window b::before,.tutorial-window b::after{content:"";position:absolute;left:0;right:0;height:1px;background:#e2f7c244;transform:rotate(-18deg)}
.tutorial-window b::before{top:50%}.tutorial-window b::after{top:64%;transform:rotate(18deg)}
.tutorial-symbol{position:absolute;right:calc(50% - 150px);top:calc(50% - 40px);display:grid;place-items:center;width:48px;height:48px;border:1px solid #eaffbc;border-radius:50%;background:var(--lime);color:#10150c;font-size:22px;box-shadow:0 0 0 6px #d5f27625,0 10px 30px #0008;animation:tutorial-float 2.8s ease-in-out infinite}
.tutorial-caption{position:absolute;bottom:13px;color:#7d8973;font:8px var(--mono);letter-spacing:1.2px}
.tutorial-visual[data-step="1"] .tutorial-window{transform:scale(1.06);border-color:#d5f27690}
.tutorial-visual[data-step="1"] .tutorial-symbol{background:#10150c;color:var(--lime);border-color:var(--lime)}
.tutorial-visual[data-step="2"] .tutorial-window{transform:translateX(-12px)}
.tutorial-visual[data-step="2"] .tutorial-symbol{right:calc(50% - 142px);top:calc(50% - 52px)}
.tutorial-visual[data-step="3"] .tutorial-window{transform:scale(.9) translateX(-45px)}
.tutorial-visual[data-step="3"] .tutorial-symbol{right:calc(50% - 145px);top:calc(50% - 54px)}
@keyframes tutorial-float{50%{transform:translateY(-4px)}}
.tutorial-copy{min-height:58px;margin:0;color:#adb5a5;font-size:12px;line-height:1.7}
.tutorial-dots{display:flex;gap:7px;justify-content:center;margin:17px 0 7px}
.tutorial-dot{width:7px;height:7px;padding:0;border:0;border-radius:10px;background:#545c4b;cursor:pointer;transition:width .18s,background .18s}
.tutorial-dot.active{width:24px;background:var(--lime);box-shadow:0 0 10px #d5f27655}
.tutorial-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:13px;border-top:1px solid #ffffff10}
.tutorial-controls button{height:38px;margin:0;border-radius:9px}
.tutorial-controls button:disabled{opacity:.35;cursor:default}
.tutorial-step-label{color:#828b77;font:9px var(--mono);letter-spacing:.7px}
.compare-dialog{width:min(96vw,1240px);padding:32px}
.compare-dialog>p{margin:0 0 16px;color:#9da694;font-size:11px;line-height:1.5}
.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px;max-height:62vh;overflow:auto;padding:3px 5px 8px}
.compare-photo{min-width:0;display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid #ffffff13;border-radius:12px;background:#ffffff04;transition:border-color .15s,box-shadow .15s}
.compare-photo.is-picked{border:2px solid var(--lime);box-shadow:0 0 0 3px #d5f27622,0 0 20px #d5f27629}
.compare-preview{display:block;width:100%;aspect-ratio:4/3;padding:0;overflow:hidden;border:1px solid #ffffff12;border-radius:8px;background:#080a08;cursor:zoom-in}
.compare-preview img{display:block;width:100%;height:100%;object-fit:contain}
.compare-name{overflow:hidden;color:#e2e7d7;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.compare-detail{color:#8d9782;font-size:9px}
.compare-pick,.compare-review{height:31px;border:1px solid #d5f2763b;border-radius:8px;background:#d5f27608;color:#dfeabe;font:10px var(--sans);cursor:pointer}
.compare-pick.is-picked{border-color:var(--lime);background:var(--lime);color:#12170c}
.compare-review{border-color:#a96350;background:#291b18;color:#ffc7b9}
.compare-review.is-review{background:#9a4e3c;color:#fff}
@media(max-width:700px){.top-right{gap:8px}.top-right .tutorial-button{height:30px;padding:0 9px;font-size:9px}.top-right .tutorial-button span{font-size:7px}.tutorial-dialog,.compare-dialog{padding:30px 19px 20px;border-radius:15px}.tutorial-dialog h2,.compare-dialog h2{font-size:22px}.tutorial-visual{height:158px;margin:16px 0 12px}.tutorial-copy{min-height:76px;font-size:11px}.tutorial-controls button{padding:0 11px;font-size:10px}.compare-grid{grid-template-columns:repeat(auto-fit,minmax(min(42vw,220px),1fr));max-height:62vh;gap:8px}.compare-photo{padding:6px;border-radius:9px}}
@media(prefers-reduced-motion:reduce){.tutorial-symbol{animation:none}}
@media(max-width:700px){.topbar .brand{gap:8px;font-size:16px}.topbar .brand-mark{width:29px;height:29px;font-size:19px}.topbar .privacy{display:none}.top-right .tutorial-button{padding:0 8px;font-size:8px}}
.viewer-actions{flex-wrap:wrap;align-items:center}
.auto-advance-toggle{display:flex;align-items:center;gap:7px;margin-right:auto;color:#b5bdab;font-size:10px;white-space:nowrap;cursor:pointer}
.auto-advance-toggle input{width:15px;height:15px;margin:0;accent-color:var(--lime)}
.auto-advance-toggle:has(input:checked){color:var(--lime)}
@media(max-width:700px){.viewer-actions{padding-inline:10px}.auto-advance-toggle{width:100%;justify-content:center;margin:0 0 3px;font-size:9px}.viewer-actions .secondary-button,.viewer-actions .reject-button{height:36px}}
.viewer-image-wrap{flex-direction:row;gap:15px;padding:14px 48px 8px}
.viewer-photo{height:100%;min-width:0;min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.exif-panel{width:224px;flex:0 0 224px;align-self:stretch;overflow:auto;padding:14px 12px;border:1px solid #ffffff12;border-radius:12px;background:linear-gradient(155deg,#141a12,#0e110e)}
.exif-heading{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #ffffff10;color:#99a48c;font:8px var(--mono);letter-spacing:1px}
.exif-icon{display:grid;place-items:center;width:22px;height:22px;border:1px solid #d5f27645;border-radius:7px;color:var(--lime);font:15px var(--sans)}
.exif-content{display:grid;gap:0;padding-top:3px;color:#dde3d4}
.exif-item{display:grid;gap:4px;padding:10px 2px;border-bottom:1px solid #ffffff0a}
.exif-item span{color:#7f8b75;font-size:8px;text-transform:uppercase;letter-spacing:.6px}
.exif-item b{font-size:10px;font-weight:550;line-height:1.4;overflow-wrap:anywhere}
.exif-content:not(:has(.exif-item)){padding-top:13px;color:#929b89;font-size:10px;line-height:1.55}
.exif-note{padding:10px 2px;color:#687261;font-size:8px;line-height:1.5}
@media(max-width:700px){.viewer-image-wrap{flex-direction:column;gap:7px;padding:10px 24px 4px}.viewer-photo{width:100%;flex:1}.exif-panel{width:100%;flex:0 0 auto;max-height:112px;padding:9px 11px;border-radius:9px}.exif-heading{padding-bottom:7px;font-size:7px}.exif-icon{width:18px;height:18px}.exif-content{grid-template-columns:1fr 1fr;column-gap:12px;padding-top:0}.exif-item{padding:6px 2px;gap:3px}.exif-item span{font-size:7px}.exif-item b{font-size:9px}.exif-note{display:none}}
.project-signature{margin-top:17px;padding-top:12px;border-top:1px solid #ffffff0c;color:#77816f;font-size:9px;line-height:1.7;letter-spacing:.02em}
.project-signature b,.dialog-credit b,.creator b{color:#b1be9e;font-weight:600}
.dialog-credit{margin:18px 0 13px;padding:12px 13px;border:1px solid #d5f27616;border-radius:9px;background:#d5f27605;color:#8e9984;font-size:10px;line-height:1.7}
@media(max-width:700px){.project-signature{margin-top:14px;font-size:9px}.site-footer span:first-child{display:block}}
.analysis-disclaimer{max-width:860px;margin-top:9px;padding:9px 11px;border-left:2px solid var(--lime);border-radius:0 7px 7px 0;background:#d5f2760a;color:#c4cbb9;font-size:11px;line-height:1.55}.analysis-disclaimer b{color:var(--lime)}
.session-save-note{margin:0 0 9px;color:#a9ba87;font-size:9px;line-height:1.45}
.keyboard-hint{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;color:#89927f;font-size:9px}
.keyboard-hint span{display:inline-flex;align-items:center;gap:3px;padding:4px 6px;border:1px solid #ffffff0d;border-radius:7px;background:#ffffff03;white-space:nowrap}
.keyboard-hint kbd{min-width:15px;height:15px;padding:0 3px;border:1px solid #ffffff1a;border-radius:4px;background:#ffffff08;color:#cbd5bd;font:8px var(--mono);text-align:center}
.viewer-meta small{max-width:780px;color:#88927f;font-size:9px;line-height:1.45;text-align:center}
.scan-controls{display:flex;align-items:center;gap:10px;margin-top:8px}
.scan-controls .text-button{padding:6px 9px;border:1px solid #ffffff12;border-radius:7px;color:#aab49d;font-size:9px}
.scan-controls .text-button:hover{border-color:#d5f27655;color:var(--lime)}
.scan-saved-note{margin-left:auto;color:#a9ba87;font-size:9px}
.compare-zoom-control{display:flex;align-items:center;gap:11px;width:min(100%,400px);margin:0 0 14px;padding:9px 11px;border:1px solid #ffffff10;border-radius:9px;color:#aeb8a4;font-size:10px}
.compare-zoom-control input{flex:1;min-width:60px;accent-color:var(--lime)}
.compare-zoom-control output{min-width:40px;color:var(--lime);font:10px var(--mono);text-align:right}
.compare-preview{position:relative}
.compare-preview img{transition:transform .15s ease}
.compare-photo.is-sharpest .compare-preview::after{content:"Maior indicador do grupo";position:absolute;left:6px;top:6px;padding:5px 7px;border:1px solid #d5f27655;border-radius:6px;background:#11170de8;color:var(--lime);font-size:8px;pointer-events:none}
@media(max-width:700px){.keyboard-hint{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:calc(100vw - 54px);padding:2px 0 5px;scrollbar-width:thin}.analysis-disclaimer{max-width:calc(100vw - 54px)}.scan-controls{flex-wrap:wrap;gap:6px}.scan-saved-note{width:100%;margin:2px 0 0}.compare-zoom-control{width:100%;font-size:9px}}
.curation-hero-svg{display:block;width:100%;height:100%;overflow:visible}
.mobile-open-label,.mobile-photo-button,.mobile-use-note{display:none}
@media(max-width:700px){.desktop-open-label{display:none}.mobile-open-label{display:inline}.mobile-photo-button{display:inline-flex;height:auto;padding:8px 5px;color:#aeb99f;font-size:10px}.mobile-use-note{display:block;max-width:410px;margin-top:12px;color:#99a18e;font-size:10px;line-height:1.55}}
.welcome-art::before{display:none}
.hero-photo-card{position:absolute;inset:0;overflow:hidden;border:1px solid #d5f27638;border-radius:20px;background:#18231d;box-shadow:0 28px 65px #0009,0 0 32px #d5f2760c}
.hero-photo-card>img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% center}
.hero-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08100be8 0%,#0b120c99 35%,transparent 76%),linear-gradient(0deg,#08100be8 0%,transparent 48%);pointer-events:none}
.hero-photo-label{position:absolute;top:17px;left:17px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #ffffff20;border-radius:30px;background:#0a100bd9;color:#d8e4c9;font:8px var(--mono);letter-spacing:.8px;backdrop-filter:blur(8px)}
.hero-photo-label .focus-dot{width:6px;height:6px}
.hero-photo-caption{position:absolute;left:22px;bottom:24px;display:grid;gap:7px;color:#f0f2e9}
.hero-photo-caption small{color:#d5f276;font:8px var(--mono);letter-spacing:1px}
.hero-photo-caption b{font:600 22px/1.1 var(--serif);letter-spacing:-.4px}
.hero-photo-caption span{color:#c0c8ba;font-size:10px}
.hero-photo-indicator{position:absolute;right:17px;bottom:25px;display:flex;align-items:center;gap:4px;padding:7px 9px;border:1px solid #ffffff22;border-radius:30px;background:#0a100bd9;color:#d5f276;font:9px var(--mono);backdrop-filter:blur(8px)}
.hero-photo-indicator span{margin-right:4px}
.hero-photo-indicator i{width:4px;height:4px;border-radius:50%;background:#a9b29d}
.hero-photo-indicator i:first-of-type{background:var(--lime)}
@media(max-width:700px){.hero-photo-card{border-radius:17px}.hero-photo-card>img{object-position:62% center}.hero-photo-label{top:12px;left:12px;padding:7px 9px;font-size:7px}.hero-photo-caption{left:16px;bottom:18px;gap:6px}.hero-photo-caption b{font-size:19px}.hero-photo-caption small{font-size:7px}.hero-photo-caption span{font-size:9px}.hero-photo-indicator{right:12px;bottom:18px;padding:6px 8px}}

/* Landing page portfolio carousel */
.hero-photo-card{isolation:isolate}
.hero-photo-card>.hero-slide{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .8s ease;object-position:center center}
.hero-photo-card>.hero-slide.is-active{opacity:1}
.hero-photo-shade{z-index:1}
.hero-photo-label,.hero-photo-caption,.hero-carousel-controls{z-index:2}
.hero-carousel-controls{position:absolute;right:17px;bottom:20px;display:flex;align-items:center;gap:7px}
.hero-carousel-controls>button{width:28px;height:28px;border:1px solid #ffffff32;border-radius:50%;background:#0a100bd9;color:#eef2e5;font:22px/1 var(--sans);cursor:pointer;backdrop-filter:blur(8px);transition:background .18s,border-color .18s,color .18s}
.hero-carousel-controls>button:hover,.hero-carousel-controls>button:focus-visible{border-color:var(--lime);color:var(--lime);outline:none}
.hero-photo-indicator{position:static;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #ffffff22;border-radius:30px;background:#0a100bd9;backdrop-filter:blur(8px)}
.hero-photo-indicator button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#a9b29d;cursor:pointer;transition:width .2s,background .2s}
.hero-photo-indicator button.is-active{width:17px;border-radius:5px;background:var(--lime)}
.hero-photo-indicator button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:700px){.hero-carousel-controls{right:12px;bottom:14px;gap:5px}.hero-carousel-controls>button{width:25px;height:25px;font-size:20px}.hero-photo-indicator{gap:6px;padding:8px 9px}}
@media(prefers-reduced-motion:reduce){.hero-photo-card>.hero-slide,.hero-carousel-controls>button,.hero-photo-indicator button{transition:none}}

/* Discreet public project history */
.changelog-button{height:31px;padding:0 10px;border:1px solid #34382f;border-radius:5px;background:transparent;color:#aeb2a4;font:11px var(--sans);cursor:pointer;white-space:nowrap;transition:border-color .18s,color .18s}
.changelog-button:hover,.changelog-button:focus-visible{border-color:#70795b;color:var(--lime);outline:none}
.changelog-button span{margin-left:4px;color:var(--lime);font:10px var(--mono)}
.changelog-dialog{width:min(92vw,650px);max-height:min(86vh,760px);overflow:auto;position:relative;padding:32px;border:1px solid #3d4038;border-radius:12px;background:#171915;color:var(--text);box-shadow:0 24px 90px #000b}
.changelog-dialog::backdrop{background:#080907dd;backdrop-filter:blur(6px)}
.changelog-dialog h2{margin:13px 40px 7px 0;font:600 29px var(--serif);letter-spacing:-.4px}
.changelog-intro{margin:0 0 21px;color:#9da294;font-size:12px;line-height:1.6}
.changelog-intro b{color:var(--lime)}
.release-list{list-style:none;margin:0;padding:0;border-top:1px solid #30332c}
.release-item{position:relative;padding:17px 0 17px 15px;border-bottom:1px solid #30332c}
.release-item::before{content:"";position:absolute;left:0;top:21px;width:5px;height:5px;border-radius:50%;background:#72796a}
.release-item.current-release::before{background:var(--lime);box-shadow:0 0 9px #d5f27680}
.release-meta{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:9px}
.release-meta>b{color:var(--lime);font:12px var(--mono)}
.release-meta time{color:#82887b;font:10px var(--mono)}
.current-tag{padding:3px 6px;border:1px solid #d5f27645;border-radius:20px;color:var(--lime);font:8px var(--mono);letter-spacing:.4px}
.release-item ul{display:grid;gap:5px;margin:0;padding-left:16px;color:#c1c5b8;font-size:12px;line-height:1.55}
.release-item li::marker{color:#777e69}
.changelog-footnote{margin:16px 0;color:#7f8578;font-size:10px;line-height:1.6}
@media(max-width:700px){.changelog-button{height:30px;padding:0 7px;font-size:10px}.changelog-dialog{width:calc(100vw - 24px);max-height:88vh;padding:26px 20px 22px}.changelog-dialog h2{font-size:26px}.release-item{padding-block:14px}.release-item ul{font-size:11px}}

/* Development status and visitor feedback */
.site-status-banner{min-height:42px;padding:8px 5.2%;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid #d5f2761a;background:#141711;color:#b6bdab;font-size:11px}
.site-status-banner p{margin:0;line-height:1.45}
.site-status-banner p b{color:#e5e9da;font-weight:600}
.site-status-indicator{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #d5f27666}
.site-status-banner>button{padding:4px 0;border:0;background:none;color:var(--lime);font:600 11px var(--sans);cursor:pointer;white-space:nowrap}
.site-status-banner>button:hover{text-decoration:underline;text-underline-offset:3px}
.feedback-dialog{position:relative;width:min(92vw,560px);max-height:88vh;overflow:auto;padding:32px;border:1px solid #3d4038;border-radius:12px;background:#171915;color:var(--text);box-shadow:0 24px 90px #000b}
.feedback-dialog::backdrop{background:#080907dd;backdrop-filter:blur(6px)}
.feedback-dialog h2{margin:13px 40px 8px 0;font:600 28px var(--serif)}
.feedback-dialog>p{margin:0 0 18px;color:#adb2a3;font-size:12px;line-height:1.6}
.feedback-field{display:grid;gap:7px;margin:13px 0;color:#d9ddcf;font-size:11px;font-weight:600}
.feedback-field select,.feedback-field textarea{width:100%;border:1px solid #393d33;border-radius:6px;background:#11130f;color:var(--text);font:12px var(--sans);padding:10px;outline:none}
.feedback-field select:focus,.feedback-field textarea:focus{border-color:#a8c65b;box-shadow:0 0 0 2px #d5f2761c}
.feedback-field textarea{resize:vertical;min-height:118px;line-height:1.5}
.feedback-field textarea::placeholder{color:#777d70}
.feedback-privacy{display:block;color:#82887a;font-size:10px;line-height:1.5;margin:12px 0 16px}
.feedback-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.feedback-actions a{text-decoration:none}
.feedback-status{min-height:20px;margin-top:10px;color:var(--lime);font-size:11px;line-height:1.5}
@media(max-width:700px){.site-status-banner{justify-content:flex-start;align-items:flex-start;gap:8px;padding:9px 14px;font-size:10px}.site-status-banner p{flex:1}.site-status-banner>button{font-size:10px}.feedback-dialog{width:calc(100vw - 24px);padding:27px 20px 22px}.feedback-dialog h2{font-size:25px}}
.viewer-image-stage{flex:1;min-width:0;min-height:0;width:100%;overflow:auto;display:flex;align-items:center;justify-content:center;border-radius:8px;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-color:#59634f #11140f}
.viewer-image-stage img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center;transition:transform .18s ease;cursor:zoom-in;user-select:none;-webkit-user-drag:none}
.viewer-image-stage.is-zoomed img{cursor:grab}
.viewer-image-stage.is-panning img{cursor:grabbing;transition:none}
.viewer-zoom-controls{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff04;color:#9ca692;font-size:9px}
.viewer-zoom-controls>span{margin:0 3px;font-size:9px}
.viewer-zoom-controls button{min-width:37px;height:27px;padding:0 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:#aeb7a5;font:9px var(--mono);cursor:pointer}
.viewer-zoom-controls button:hover{border-color:#d5f27650;color:var(--lime)}
.viewer-zoom-controls button.active{border-color:#d5f27655;background:#d5f27614;color:var(--lime)}
.viewer-zoom-controls output{min-width:36px;color:#d5f276;font:9px var(--mono);text-align:center}
@media(max-width:700px){.viewer-image-stage{min-height:0}.viewer-zoom-controls{width:100%;justify-content:center;order:0}.viewer-actions{align-items:center}.viewer-zoom-controls>span{margin-right:auto}.viewer-zoom-controls output{margin-left:auto}.viewer-image-stage.is-zoomed{touch-action:none}}
.picker-message{margin:10px 0 0;padding:10px 12px;border:1px solid #d5f27644;border-radius:8px;background:#d5f2760a;color:#dce5c6;font-size:11px;line-height:1.5}
.folder-fallback-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:-2px;color:#777d70;font-size:10px}.folder-fallback{color:#a9b28e;text-decoration:underline;text-decoration-color:#a9b28e66;text-underline-offset:3px;cursor:pointer}.folder-fallback:hover{color:var(--lime)}.visually-hidden-picker{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.rename-prefix-wrap{display:grid;grid-template-columns:auto minmax(120px,190px);align-items:center;gap:4px 8px;color:#c0c7b5;font-size:10px}.rename-prefix-wrap input{height:29px;min-width:0;padding:0 9px;border:1px solid #45493d;border-radius:7px;background:#11140f;color:var(--text);font:11px var(--sans);outline:none}.rename-prefix-wrap input:focus{border-color:var(--lime)}.rename-prefix-wrap small{grid-column:2;color:#858b7a;font-size:9px}.bulk-actions .rename-prefix-wrap:not(.hidden){margin:0 2px}
.sharp-order{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:10px 11px;border:1px solid #d5f27620;border-radius:10px;background:linear-gradient(100deg,#151a12,#121410)}.sharp-order-label{margin-right:2px;color:#858d79;font:8px var(--mono);letter-spacing:.9px}.sharp-order-button{display:flex;align-items:center;gap:8px;min-height:38px;padding:5px 10px;border:1px solid #ffffff12;border-radius:8px;background:#ffffff04;color:#d3d9ca;text-align:left;cursor:pointer;transition:.15s}.sharp-order-button:hover{border-color:#d5f27665}.sharp-order-button.active{border-color:#d5f27678;background:#d5f27613;color:var(--lime);box-shadow:0 0 14px #d5f2760d}.sharp-order-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid #ffffff18;border-radius:50%;font-size:15px}.sharp-order-button.active .sharp-order-icon{border-color:#d5f27670;background:#d5f27614}.sharp-order-button b,.sharp-order-button small{display:block}.sharp-order-button b{font-size:10px;font-weight:600}.sharp-order-button small{margin-top:3px;color:#8e9784;font-size:8px}.sharp-order-note{margin-left:auto;color:#838a79;font-size:9px}
@media(max-width:700px){.sharp-order{gap:6px;padding:8px}.sharp-order-label{width:100%}.sharp-order-button{flex:1;min-width:145px;padding:5px 7px}.sharp-order-note{width:100%;margin:2px 0 0}}
html,body{max-width:100%;overflow-x:hidden}
.head-actions{flex-wrap:wrap;justify-content:flex-end}
.head-actions .secondary-button:disabled{opacity:.48;cursor:not-allowed}
.session-summary{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 15px;padding:13px 15px;border:1px solid #d5f27627;border-radius:11px;background:linear-gradient(105deg,#151a12,#11140f)}
.summary-heading{display:grid;gap:4px;margin-right:auto}.summary-heading b{font-size:11px;color:#e8eddb}.summary-heading small{font-size:9px;color:#8d9582}
.summary-metrics{display:flex;align-items:center;gap:15px}.summary-metrics span{display:grid;gap:3px;min-width:52px}.summary-metrics b{color:var(--lime);font:600 14px var(--mono)}.summary-metrics small{color:#8f9785;font-size:8px}
.session-summary .secondary-button{height:33px;border-radius:8px}.session-summary .secondary-button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){.head-actions{gap:4px}.head-actions #undoAction{width:34px;min-width:34px;padding:0;font-size:0}.head-actions #undoAction::after{content:'↶';font-size:17px}.session-summary{align-items:flex-start;gap:12px;padding:11px}.summary-heading{width:100%}.summary-metrics{width:100%;justify-content:space-between;gap:6px}.summary-metrics span{min-width:0}.session-summary .secondary-button{width:100%}}

.project-signature a,.dialog-credit a,.creator a{color:inherit;text-decoration:none;border-bottom:1px solid #d5f27655;transition:color .18s ease,border-color .18s ease}.project-signature a:hover,.dialog-credit a:hover,.creator a:hover{color:#d5f276;border-color:#d5f276}

/* Tipografia ampliada na etapa de curadoria; a página inicial mantém o desenho atual. */
.workspace .session-label{font-size:10px}
.workspace .folder-name{font-size:13px}
.workspace .side-stats div{font-size:12px}
.workspace .side-stats b{font-size:14px}
.workspace .filter-group-title{font-size:9px}
.workspace .filter-group-title small{font-size:10px}
.workspace .filter{font-size:13px;min-height:40px}
.workspace .filter b{font-size:10px}
.workspace .privacy-card b{font-size:11px}
.workspace .privacy-card small{font-size:10px}
.workspace .text-button{font-size:12px}
.workspace .gallery-head h2{font-size:30px}
.workspace .heading-count{font-size:11px}
.workspace .gallery-hint{font-size:11px}
.workspace .secondary-button,.workspace .view-button,.workspace .reject-button{font-size:12px}
.workspace .search-wrap input{font-size:13px}
.workspace .sort-control,.workspace .sort-control select{font-size:12px}
.workspace .sharp-order-label{font-size:9px}
.workspace .sharp-order-button{font-size:12px}
.workspace .sharp-order-button small{font-size:11px}
.workspace .sharp-order-note{font-size:11px}
.workspace .bulk-intro b{font-size:13px}
.workspace .bulk-intro small{font-size:11px}
.workspace .action-select-wrap select{font-size:12px}
.workspace .rename-prefix-wrap{font-size:11px}
.workspace .rename-prefix-wrap input{font-size:12px}
.workspace .rename-prefix-wrap small{font-size:10px}
.workspace .photo-card .file-label{font-size:11px;line-height:1.4}
.workspace .badge{font-size:9px}
.workspace .viewer-meta{font-size:12px}
.workspace .viewer-meta small{font-size:11px}
.viewer-zoom-controls{font-size:11px}
.viewer-zoom-controls>span{font-size:11px}
.viewer-zoom-controls button,.viewer-zoom-controls output{font-size:10px}
.viewer-actions .secondary-button,.viewer-actions .reject-button{font-size:12px}
@media(max-width:700px){
  .workspace .filter{font-size:11px;min-height:36px}
  .workspace .gallery-head h2{font-size:25px}
  .workspace .secondary-button,.workspace .view-button,.workspace .reject-button{font-size:11px}
  .workspace .sort-control,.workspace .sort-control select{font-size:11px}
  .workspace .photo-card .file-label{font-size:10px}
  .viewer-actions .secondary-button,.viewer-actions .reject-button{font-size:11px}
}

/* Preserve the complete camera frame in the contact sheet; avoid cropping portraits and landscapes. */
.photo-card img{object-fit:contain;object-position:center;background:#080a08}
.photo-card.has-blur-alert:not(.is-picked){border-color:#ffad95;box-shadow:0 0 0 2px #ffad9544,0 6px 24px #ffad9520}
.photo-card.has-blur-alert.is-picked::before{border-color:#ffad95;box-shadow:inset 0 0 0 1px #ffad9555}

.action-toast{position:fixed;z-index:120;left:50%;bottom:22px;max-width:min(92vw,540px);padding:12px 16px;border:1px solid #d5f27675;border-radius:10px;background:#171c15f5;color:#eef2e5;box-shadow:0 14px 40px #000b;font:12px/1.45 var(--sans);text-align:center;transform:translateX(-50%);animation:toast-in .16s ease-out}
@keyframes toast-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.action-toast{animation:none}}
.viewer-image-stage{display:block;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;}
.viewer{grid-template-columns:minmax(0,1fr)}
.viewer-image-wrap{width:100%;min-width:0;max-width:100%}
.viewer-photo{min-width:0;flex:1 1 0px}
.viewer-image-canvas{display:grid;place-items:center;min-width:100%;min-height:100%;margin:0 auto;}
.viewer-image-stage img{display:block;max-width:none;max-height:none;object-fit:fill;transform:none;transition:width .16s ease,height .16s ease;}
.viewer-filmstrip{display:flex;flex:0 0 52px;align-items:center;gap:6px;width:min(100%,680px);min-height:48px;padding:4px 5px;overflow-x:auto;overflow-y:hidden;border:1px solid #ffffff10;border-radius:8px;background:#090c09;scrollbar-color:#59634f #11140f;scrollbar-width:thin}
.viewer-filmstrip-item{position:relative;flex:0 0 56px;width:56px;height:40px;padding:0;overflow:hidden;border:1px solid #ffffff24;border-radius:5px;background:#151914;cursor:pointer;opacity:.64;transition:opacity .12s,border-color .12s,transform .12s}
.viewer-filmstrip-item:hover{opacity:1;transform:translateY(-1px)}
.viewer-filmstrip-item img{display:block;width:100%;height:100%;object-fit:contain;background:#080a08}
.viewer-filmstrip-item.active{border:2px solid var(--lime);opacity:1;box-shadow:0 0 0 2px #d5f27630}
.viewer-filmstrip-item.has-alert:not(.active){border-color:#ffad95}
.filmstrip-mark{position:absolute;right:2px;bottom:2px;width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#111;font:700 9px var(--sans)}
.filmstrip-mark{width:24px;height:24px;border:2px solid #111712;border-radius:50%;font-size:15px;box-shadow:0 2px 8px #0009}
.filmstrip-mark-keep{background:var(--lime);color:#111712}
.filmstrip-mark-reject{background:var(--red);color:#261410}
.viewer-zoom-controls output{min-width:112px}
.tutorial-demo-preview{display:flex;min-width:0;flex-direction:column;gap:4px}
.tutorial-mini-filmstrip{display:flex;gap:3px;height:17px;overflow:hidden}
.tutorial-mini-filmstrip i{flex:0 0 22px;border:1px solid #ffffff25;border-radius:3px;background:linear-gradient(140deg,#596c55,#141a16 55%,#9eaa87)}
.tutorial-mini-filmstrip i.active{border:2px solid var(--lime)}
@media(max-width:700px){.viewer-filmstrip{flex:0 0 46px;min-height:43px;gap:4px}.viewer-filmstrip-item{flex-basis:49px;width:49px;height:34px}.viewer-zoom-controls output{min-width:98px;font-size:8px}.tutorial-mini-filmstrip{height:14px}}

/* Concrete, step-specific examples taken from the site's own controls. */
.tutorial-visual{height:208px;display:block;padding:0;background:linear-gradient(140deg,#10140f,#0a0c0a)}
.tutorial-screen{display:none;position:absolute;inset:11px;padding:14px;border:1px solid #ffffff12;border-radius:10px;background:linear-gradient(145deg,#171c15,#0d100d);box-shadow:0 9px 28px #0008;color:#e9eddf;text-align:left}
.tutorial-visual[data-step="0"] .tutorial-screen-folder,.tutorial-visual[data-step="1"] .tutorial-screen-sort,.tutorial-visual[data-step="2"] .tutorial-screen-review,.tutorial-visual[data-step="3"] .tutorial-screen-export{display:flex}
.tutorial-screen-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1px solid #ffffff12;font-size:9px}
.tutorial-screen-head>b{font-size:11px;letter-spacing:-.3px}.tutorial-screen-head>b span{color:var(--lime)}.tutorial-screen-head>small{color:#9ca492;font-size:8px}
.tutorial-folder-copy{width:min(100%,370px);margin:auto;display:grid;gap:7px}.tutorial-folder-copy>small,.tutorial-screen-sort-control>small,.tutorial-demo-exif>small,.tutorial-demo-zoom>small{color:#a7b18f;font:7px var(--mono);letter-spacing:.9px}.tutorial-folder-copy>strong{font-size:15px}.tutorial-folder-copy>span{color:#9ba392;font-size:9px}.tutorial-folder-copy>button{justify-self:start;margin-top:4px;padding:8px 11px;border:1px solid #d5f2766c;border-radius:7px;background:#d5f276;color:#13170d;font:700 9px var(--sans)}.tutorial-folder-copy>button i{margin-left:18px;font-style:normal}
.tutorial-screen-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-screen-toolbar>b{font-size:11px}.tutorial-screen-toolbar em{margin-left:5px;color:#a8b298;font:8px var(--mono);font-style:normal}.tutorial-screen-toolbar>span{width:44%;padding:6px 8px;border:1px solid #ffffff12;border-radius:6px;color:#818979;font-size:8px}
.tutorial-screen-sort{display:block}.tutorial-screen-sort-control{display:flex;align-items:center;gap:7px;margin:11px 0}.tutorial-screen-sort-control>small{margin-right:auto}.tutorial-screen-sort-control>b{padding:6px 8px;border:1px solid #ffffff18;border-radius:6px;background:#0b0e0b;color:#dce2d3;font-size:8px;font-weight:500}.tutorial-screen-sort-control>b:first-of-type{border-color:#d5f2766b;color:var(--lime)}
.tutorial-thumb-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:72px}.tutorial-thumb{position:relative;overflow:hidden;border:1px solid #ffffff18;border-radius:6px;background:radial-gradient(ellipse at 55% 38%,#89967d 0 9%,transparent 10%),linear-gradient(135deg,#27312b,#121714 50%,#566150)}.tutorial-thumb::before{content:"";position:absolute;left:42%;top:40%;width:13%;height:45%;border-radius:50% 50% 15% 15%;background:linear-gradient(#aeb69f 0 20%,#242d27 21% 70%,#81906d 71%)}.tutorial-thumb span{position:absolute;z-index:1;left:5px;top:5px;padding:3px 5px;border-radius:4px;background:#090c09e8;color:#e2e7d8;font:6px var(--mono)}.tutorial-thumb.has-alert{border:2px solid #ffad95;box-shadow:0 0 0 2px #ffad9530}.tutorial-thumb.has-alert span{color:#ffc0ad}.tutorial-mini-legend{display:block;margin-top:7px;color:#a6b095;font-size:7px}
.tutorial-screen-review{display:block}.tutorial-screen-review:not([data-step]){display:none}.tutorial-screen[data-step="2"]{display:flex}.tutorial-screen-review{display:none}.tutorial-visual[data-step="2"] .tutorial-screen-review{display:flex;flex-direction:column;gap:9px}.tutorial-screen-viewer{display:grid;grid-template-columns:1.5fr .7fr;gap:8px;flex:1;min-height:0}.tutorial-demo-photo{display:grid;place-items:center;min-height:80px;border:1px solid #ffffff14;border-radius:6px;background:radial-gradient(ellipse at 48% 35%,#a1ad8e 0 7%,transparent 8%),linear-gradient(145deg,#253029,#0e120f 52%,#384236);color:#aeb7a2;font-size:8px}.tutorial-demo-exif{display:grid;align-content:start;gap:6px;padding:8px;border:1px solid #ffffff12;border-radius:6px}.tutorial-demo-exif small{margin-bottom:2px}.tutorial-demo-exif span{padding-bottom:4px;border-bottom:1px solid #ffffff0d;color:#c0c7b6;font-size:7px}.tutorial-demo-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tutorial-demo-zoom{display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #ffffff15;border-radius:6px}.tutorial-demo-zoom small{margin-right:3px}.tutorial-demo-zoom b{padding:4px;border-radius:4px;color:#c6cdbb;font:7px var(--mono)}.tutorial-demo-zoom b.active{background:#333d24;color:var(--lime)}.tutorial-demo-controls>span{color:#a4ac99;font-size:7px}.tutorial-demo-controls>div:last-child{display:flex;gap:5px;margin-left:auto}.tutorial-demo-controls button,.tutorial-export-buttons button{padding:6px 8px;border:1px solid #d5f27645;border-radius:6px;background:#1a2015;color:#e5edda;font:7px var(--sans)}.tutorial-demo-controls button:last-child{border-color:#805347;background:#241a18;color:#ffc0ad}.tutorial-demo-controls kbd{min-width:14px;height:14px;font-size:7px}
.tutorial-visual[data-step="3"] .tutorial-screen-export{display:flex;flex-direction:column;justify-content:center;gap:10px}.tutorial-summary-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.tutorial-summary-title>b{font-size:11px}.tutorial-summary-title>span{color:#9da694;font-size:8px}.tutorial-export-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tutorial-export-buttons button{font-size:8px}.tutorial-export-buttons button.featured{border-color:#d5f27686;background:#d5f276;color:#171b12;font-weight:700}.tutorial-screen-export>small{color:#9ca492;font-size:8px}
@media(max-width:700px){.tutorial-visual{height:190px}.tutorial-screen{inset:8px;padding:10px}.tutorial-screen-head>small{font-size:7px}.tutorial-screen-sort-control{gap:4px}.tutorial-screen-sort-control>b{padding:5px;font-size:7px}.tutorial-thumb-row{height:58px}.tutorial-demo-controls{gap:5px}.tutorial-demo-controls>div:last-child{margin-left:0}.tutorial-summary-title>span{font-size:7px}}

.tutorial-reset-example{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid #ffffff18;border-radius:6px;color:#ccd4c0;font-size:8px}.tutorial-reset-example small{color:#99a38d;font-size:7px}
.head-actions #resetCurating{height:34px;font-size:10px}
.reset-curating-dialog h2{margin-bottom:10px}
@media(max-width:700px){.head-actions #resetCurating{width:34px;min-width:34px;padding:0;font-size:0}.head-actions #resetCurating::after{content:"↺";font-size:16px}.tutorial-reset-example{padding:5px 7px}.tutorial-reset-example small{font-size:6px}}

/* Give the photo review the full browser viewport and make the sequence strip legible. */
.viewer{width:100vw;height:100vh;height:100dvh;padding:14px 26px;border-radius:0;}
.viewer-image-wrap{width:100%;min-width:0;max-width:100%;padding:12px 54px 8px;}
.viewer-filmstrip{flex:0 0 84px;width:100%;max-width:none;min-height:76px;gap:8px;padding:6px 8px;}
.viewer-filmstrip-item{flex-basis:96px;width:96px;height:64px;scroll-snap-align:center;}
.viewer-filmstrip-item img{object-fit:contain;}
@media(max-width:700px){
  .viewer{padding:8px 10px;}
  .viewer-image-wrap{padding:6px 20px 4px;}
  .viewer-filmstrip{flex-basis:68px;min-height:62px;gap:5px;padding:5px;}
  .viewer-filmstrip-item{flex-basis:76px;width:76px;height:50px;}
}
.viewer-filmstrip{flex-basis:134px;min-height:126px;gap:9px;padding:7px 9px;}
.viewer-filmstrip-item{flex:0 0 auto;height:116px;width:auto;}
.viewer-filmstrip-item img{object-fit:contain;background:transparent;}
@media(max-width:700px){
  .viewer-filmstrip{flex-basis:102px;min-height:94px;gap:6px;padding:5px;}
  .viewer-filmstrip-item{height:84px;width:auto;}
}
.review-export-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:1 1 100%;padding:13px 15px;border:1px solid #d5f27670;border-left:4px solid var(--lime);border-radius:9px;background:linear-gradient(100deg,#252d1b,#171c13 72%);box-shadow:0 0 24px #d5f2760b}.review-export-callout>div{display:grid;gap:4px}.review-export-callout>div b{color:#f1f4e7;font-size:12px}.review-export-callout>div small{color:#b2baa6;font-size:10px;line-height:1.45}.review-export-button{height:42px;min-height:42px;white-space:nowrap;border-radius:8px;box-shadow:0 0 0 2px #d5f2762b,0 5px 18px #0004}.review-export-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.review-export-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:1px solid #171b11;border-radius:20px;background:#171b11;color:var(--lime);font:700 10px var(--mono)}
@media(max-width:700px){.review-export-callout{align-items:stretch;flex-direction:column;gap:10px;padding:12px}.review-export-button{width:100%;justify-content:center;white-space:normal}}
.review-export-callout{align-items:center}.review-export-callout .export-steps{flex:1;min-width:230px;gap:6px}.export-steps ol{display:grid;gap:4px;margin:2px 0 0;padding-left:21px;color:#d7ddca;font-size:10px;line-height:1.45}.export-steps li::marker{color:var(--lime);font-weight:700}.export-steps strong{color:#f1f4e7}.review-export-callout .export-steps>small{margin-top:2px;color:#a8b19a;font-size:9px;line-height:1.5}.review-export-button{min-width:250px}
@media(max-width:700px){.review-export-callout .export-steps{min-width:0}.review-export-button{min-width:0}}
.review-export-button{height:auto;min-height:46px;white-space:normal;min-width:340px;justify-content:center;padding:8px 14px;line-height:1.35}
@media(max-width:700px){.review-export-button{min-width:0}}
.review-export-callout .export-steps .export-size-note{display:inline-flex;align-self:start;margin-top:5px;padding:6px 9px;border:1px solid #d5f27640;border-radius:6px;background:#d5f2760b;color:#e4edce;font-size:10px;font-weight:600}
@media(max-width:700px){html,body{width:100%;max-width:100vw;overflow-x:clip}.filters,.keyboard-hint,.viewer-filmstrip,.viewer-image-stage{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.filters{-webkit-overflow-scrolling:touch}.filters::-webkit-scrollbar,.keyboard-hint::-webkit-scrollbar,.viewer-filmstrip::-webkit-scrollbar,.viewer-image-stage::-webkit-scrollbar,html::-webkit-scrollbar:horizontal,body::-webkit-scrollbar:horizontal{display:none;width:0;height:0}}
.donation-prompt{position:relative;display:grid;gap:8px;margin:0 0 18px;padding:17px 20px;border:1px solid #d5f27639;border-left:3px solid var(--lime);border-radius:11px;background:linear-gradient(105deg,#171c14,#121510);box-shadow:0 10px 30px #0002}.donation-kicker{font:8px var(--mono);letter-spacing:1px;color:var(--lime)}.donation-prompt>b{font:600 16px var(--serif);color:#edf0e3}.donation-prompt>p{max-width:740px;margin:0;color:#aeb5a5;font-size:11px;line-height:1.6}.donation-cta{justify-self:start;margin-top:2px;padding:7px 0;border:0;background:none;color:var(--lime);font:600 11px var(--sans);cursor:pointer}.donation-cta:hover{text-decoration:underline;text-underline-offset:3px}.donation-dismiss{position:absolute;right:10px;top:8px;width:26px;height:26px;border:0;background:none;color:#9ea693;font-size:19px;cursor:pointer}.donation-footer-link{padding:0;border:0;border-bottom:1px solid #d5f27640;background:none;color:#858d7c;font:10px var(--sans);cursor:pointer}.donation-footer-link:hover{color:var(--lime);border-color:var(--lime)}.pix-key-box{display:grid;gap:10px;margin:20px 0 10px;padding:14px;border:1px solid #d5f27635;border-radius:8px;background:#11140f}.pix-key-box>span{color:#98a18d;font:8px var(--mono);letter-spacing:1px}.pix-key-box code{overflow-wrap:anywhere;color:#edf0e3;font:12px var(--mono);user-select:all}.pix-key-box .primary-button{justify-self:start}.donation-dialog .donation-optional-note{margin-top:4px;color:#868e7c;font-size:10px}.donation-dialog #pixCopyStatus{min-height:0;margin:0}
@media(max-width:700px){.donation-prompt{padding:15px 16px}.donation-prompt>b{font-size:15px}.donation-prompt>p{font-size:10px}.donation-footer-link{font-size:10px}.site-footer{flex-wrap:wrap}.donation-dialog{width:calc(100vw - 24px)}}
.pix-payment-row{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:15px;margin:20px 0 10px}.pix-qr-wrap{display:grid;justify-items:center;gap:7px}.pix-qr-wrap img{display:block;width:180px;height:180px;padding:8px;border-radius:9px;background:#fff;image-rendering:pixelated}.pix-qr-wrap small{color:#8d9582;font-size:9px;text-align:center}.donation-dialog .pix-key-box{min-width:0;margin:0}.donation-dialog .pix-key-box code{font-size:11px}.donation-dialog .pix-key-box .primary-button{height:36px;font-size:11px}
@media(max-width:560px){.pix-payment-row{grid-template-columns:1fr;gap:14px}.pix-qr-wrap img{width:164px;height:164px}.donation-dialog .pix-key-box{width:100%}}
.top-right .donation-top-link{display:inline-flex;align-items:center;gap:5px;padding:6px 1px;border:0;background:transparent;color:#a5af93;font:10px var(--sans);cursor:pointer;white-space:nowrap;transition:color .15s}.top-right .donation-top-link:hover{color:var(--lime)}
@media(max-width:700px){.top-right .donation-top-link{width:27px;height:27px;justify-content:center;padding:0;border:1px solid #d5f2762b;border-radius:50%;font-size:15px}.top-right .donation-top-link span{display:none}}
@media(max-width:360px){.topbar{padding-inline:11px}.top-right{gap:5px}.topbar .brand{font-size:14px}}