:root{color-scheme:dark;font-family:Vazirmatn,Tahoma,system-ui,sans-serif;--bg:#0e1310;--panel:#171e19;--panel2:#222b24;--hover:#2c372d;--border:#344037;--text:#f2f6f0;--sub:#a7b6a9;--mute:#7f9483;--lime:#d9f97d;--onlime:#18210e;--green:#80dfa8;--red:#ff9996;--orange:#ffca78;--shadow:0 18px 56px #0009;--r:18px}
:root[data-theme=light]{color-scheme:light;--bg:#f3f6ef;--panel:#fff;--panel2:#e8efe5;--hover:#dce8d8;--border:#b8c9b7;--text:#18251b;--sub:#465c4a;--mute:#657c69;--lime:#9dca23;--onlime:#17240b;--green:#167344;--red:#a92e2b;--orange:#835400;--shadow:0 18px 42px #223b2428}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;scrollbar-color:var(--border) transparent}body{background:var(--bg);color:var(--text);font:15px/1.65 Tahoma,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}input,textarea,select{color:var(--text);background:var(--panel2);border:1px solid var(--border);border-radius:12px;outline:none;width:100%;padding:12px;min-height:44px}textarea{resize:vertical;min-height:90px}input:focus,textarea:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 2px #aadd4933}button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button,input,textarea,select{touch-action:manipulation}a{color:inherit}img{max-width:100%;display:block}svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(21px,2.2vw,29px);line-height:1.4}h2{font-size:19px}small,.small{font-size:12px;color:var(--sub)}[hidden]{display:none!important}.muted{color:var(--sub)}.nowrap{white-space:nowrap}.boot{min-height:100vh;display:grid;place-content:center;text-align:center;font-size:29px;font-weight:900}.boot span{font-size:13px;color:var(--sub)}.shell{max-width:1460px;margin:auto;padding:0 28px 85px}.header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 93%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{max-width:1460px;padding:11px 28px;margin:auto;display:flex;gap:12px;align-items:center;min-height:74px}.logo{width:44px;height:44px;border-radius:14px;background:var(--lime);color:var(--onlime);display:grid;place-items:center;font-weight:900;font-size:22px}.brand-word{font-size:16px;font-weight:900}.crumbs{display:flex;align-items:center;gap:5px;min-width:0;flex:1}.crumbs button{border:0;background:none;color:var(--sub);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.crumbs .current{color:var(--text)}.header-right{display:flex;align-items:center;gap:5px}.save{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--sub);white-space:nowrap}.save.error{color:var(--red)}.save svg{width:15px;height:15px}.btn{border:1px solid var(--border);border-radius:12px;background:var(--panel2);color:var(--text);min-height:44px;padding:9px 15px;display:inline-flex;justify-content:center;align-items:center;gap:7px;white-space:nowrap;font-weight:700}.btn:hover,.iconbtn:hover{background:var(--hover)}.btn.primary{background:var(--lime);color:var(--onlime);border-color:var(--lime)}.btn.primary:hover{filter:brightness(.94)}.btn.ghost{border-color:transparent;background:none}.btn.danger,.danger{color:var(--red)!important}.btn.sm{min-height:40px;padding:7px 11px;font-size:13px}.iconbtn{width:44px;height:44px;min-width:44px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--text)}.iconbtn.tinted{background:var(--panel2);border-color:var(--border)}.page-top{margin:28px 0 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.page-title{display:grid;gap:5px}.actions,.row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.view-switch{background:var(--panel);padding:4px;border:1px solid var(--border);border-radius:13px;display:inline-flex;gap:3px}.view-switch button{border:0;background:none;color:var(--sub);padding:7px 13px;min-height:38px;border-radius:9px;font-weight:700}.view-switch button.active{background:var(--panel2);color:var(--text)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r)}.collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.collection.list{grid-template-columns:1fr;gap:9px}.tile{background:var(--panel);border:1px solid var(--border);border-radius:19px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.tile:hover,.shot-card:hover{border-color:var(--mute)}.tile-main{border:0;padding:0;background:none;text-align:right;color:inherit;cursor:pointer;flex:1}.cover{background:radial-gradient(circle at 73% 29%,#506c38,#26392b 47%,#1c2a22);height:145px;display:grid;place-items:center;position:relative;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.cover .monogram{font-size:37px;font-weight:900;color:#f5fadf}.tile-details{padding:13px 15px}.tile h3{font-size:16px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-footer{border-top:1px solid var(--border);padding:7px 10px 7px 15px;display:flex;align-items:center;justify-content:space-between}.tile.list-tile{flex-direction:row;align-items:center}.list-tile .tile-main{display:flex;align-items:center;min-width:0}.list-tile .cover{height:76px;width:102px;min-width:102px}.list-tile .monogram{font-size:25px}.list-tile .tile-footer{border:0;padding:0 9px}.list-tile .tile-details{padding:12px}.empty{margin:32px auto;background:var(--panel);border:1px dashed var(--border);border-radius:22px;padding:50px 20px;text-align:center;max-width:560px;display:grid;justify-items:center;gap:13px}.empty .big{width:65px;height:65px;color:var(--lime);background:var(--panel2);border-radius:20px;display:grid;place-items:center}.empty .big svg{width:35px;height:35px}.hero{padding:20px 22px;background:var(--panel);border:1px solid var(--border);border-radius:20px;display:grid;gap:16px;margin-top:18px}.hero-line{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.hero-title{display:flex;align-items:center;gap:10px}.format-tag{display:inline-flex;align-items:center;padding:4px 9px;border-radius:7px;background:var(--panel2);color:var(--sub);font-size:12px;direction:ltr}.progress{height:7px;background:var(--border);border-radius:90px;overflow:hidden;flex:1;min-width:90px}.progress i{display:block;height:100%;background:var(--lime);border-radius:90px;transition:width .2s}.progress-line{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--sub)}.toolbar{margin:18px 0 14px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:space-between}.toolbar .leftgroup{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--border);background:var(--panel);color:var(--sub);border-radius:99px;padding:8px 14px;min-height:42px;font-size:13px;font-weight:700}.pill.active{background:var(--lime);color:var(--onlime);border-color:var(--lime)}.searchrow{margin-bottom:12px;display:flex;align-items:center;gap:8px}.searchrow input{max-width:350px}.searchrow .active-flag{font-size:12px;color:var(--lime)}.shots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;align-items:start}.shot-card{position:relative;min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:18px;overflow:hidden}.shot-media{position:relative;background:var(--panel2);overflow:hidden;aspect-ratio:var(--aspect,9/16)}.shot-media>button.image-open{border:0;background:none;display:block;width:100%;height:100%;padding:0;color:inherit}.shot-media img{width:100%;height:100%;object-fit:contain;background:#111915}.shot-card.is-done .shot-media img{filter:grayscale(.45) brightness(.65)}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--sub);width:100%;height:100%;border:0;background:linear-gradient(155deg,var(--panel2),var(--panel));font-size:13px}.placeholder svg{width:30px;height:30px}.status-btn{position:absolute;z-index:2;left:11px;top:11px;width:47px;height:47px;min-width:47px;border-radius:14px;background:#0c130dcc;border:1px solid #a5bb9e99;color:#e6f0e6;display:grid;place-items:center;backdrop-filter:blur(6px)}.status-btn svg{width:25px;height:25px}.is-done .status-btn{color:#142718;background:var(--green);border-color:var(--green)}.is-redo .status-btn{color:#201202;background:var(--orange);border-color:var(--orange)}.shot-counter{position:absolute;right:11px;top:14px;background:#0c130ddc;color:#fff;padding:3px 10px;border-radius:8px;font-size:12px}.shot-body{padding:12px 13px 14px}.shot-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.shot-title{border:0;background:none;min-height:38px;padding:2px 0;display:block;text-align:right;font-weight:900;flex:1;color:var(--text);white-space:normal;overflow-wrap:anywhere}.shot-note{font-size:13px;color:var(--sub);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px}.note-add{border:0;background:none;color:var(--lime);font-size:12px;font-weight:700;min-height:38px;padding:5px 0}.quickarea{margin-top:6px;min-height:75px;font-size:13px}.details{margin-top:7px;display:grid;gap:5px}.detail-line{font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--sub)}.detail-line b{color:var(--text);font-weight:700}.tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.tag{font-size:12px;background:var(--panel2);border:1px solid var(--border);padding:2px 8px;border-radius:7px;color:var(--sub)}.shot-list{display:grid;gap:9px}.shot-row{display:flex;align-items:center;gap:10px;padding:10px;background:var(--panel);border:1px solid var(--border);border-radius:15px;min-height:78px}.thumb{width:82px;height:63px;min-width:82px;border:0;border-radius:11px;background:var(--panel2);padding:0;overflow:hidden;color:var(--sub);display:grid;place-items:center}.thumb img{width:100%;height:100%;object-fit:contain}.shot-row .shot-row-data{flex:1;min-width:0}.shot-row .shot-row-data h3{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shot-row .status-btn{position:static;background:var(--panel2);color:var(--sub)}.shot-row.is-done .status-btn{color:var(--onlime);background:var(--green)}.shot-row.is-redo .status-btn{color:#211900;background:var(--orange)}.row-meta{font-size:12px;color:var(--sub);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shot-add{min-height:190px;border:1px dashed var(--mute);background:var(--panel);color:var(--sub);border-radius:18px;display:grid;place-content:center;justify-items:center;gap:10px;cursor:pointer}.shot-add svg{width:32px;height:32px}.shot-add:hover{border-color:var(--lime);color:var(--lime)}.panel-note{padding:15px;margin:10px 0}.helper{font-size:12px;color:var(--mute)}.menu{position:fixed;z-index:80;min-width:215px;max-width:min(310px,calc(100vw - 24px));background:var(--panel2);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:15px;padding:7px}.menu button{display:flex;align-items:center;gap:9px;text-align:right;width:100%;background:none;border:0;padding:12px 11px;color:var(--text);border-radius:9px;min-height:44px}.menu button:hover{background:var(--hover)}.scrim{position:fixed;inset:0;background:#0009;z-index:75}.modal-backdrop{position:fixed;inset:0;z-index:90;background:#030a06c9;display:flex;justify-content:center;align-items:center;padding:16px;overflow:hidden}.modal{background:var(--panel);border:1px solid var(--border);width:min(570px,100%);max-height:min(92dvh,850px);min-height:0;border-radius:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.modal-head{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--border);flex:none}.modal-head h2{font-size:18px}.modal-body{padding:18px;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-gutter:stable}.modal-foot{border-top:1px solid var(--border);padding:12px 18px;display:flex;justify-content:flex-end;gap:9px;background:var(--panel);flex:none}.field{display:grid;gap:5px;margin-bottom:14px}.field label{font-size:13px;font-weight:700}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-row .field{min-width:0}.field-hint{font-size:12px;color:var(--sub)}details.technical{border:1px solid var(--border);border-radius:14px;padding:10px;margin-top:10px;background:var(--panel2)}details.technical summary{cursor:pointer;padding:5px;font-weight:700}details.technical .inner{padding-top:15px}.photo-preview{border:1px dashed var(--border);padding:10px;border-radius:12px;margin:8px 0;display:flex;gap:10px;align-items:center}.photo-preview img{width:70px;height:80px;object-fit:contain;background:#101510;border-radius:9px}.overlay-viewer{position:fixed;inset:0;z-index:95;background:var(--bg);display:flex;flex-direction:column}.viewer-top{padding:7px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;border-bottom:1px solid var(--border)}.viewer-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1;display:flex;flex-direction:column}.viewer-pic{background:#0c130d;min-height:180px;max-height:56dvh;flex:1;display:grid;place-items:center}.viewer-pic img{width:100%;height:100%;max-height:56dvh;object-fit:contain}.viewer-data{padding:16px 18px;display:grid;gap:8px;max-width:840px;width:100%;margin:auto;white-space:pre-wrap}.viewer-footer{padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:7px;flex:none;background:var(--panel)}.viewer-footer .btn.primary{flex:1;white-space:normal}.toast{position:fixed;z-index:105;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--panel2);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);padding:9px 13px;border-radius:13px;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 24px);font-size:13px}.toast button{background:none;border:0;color:var(--lime);font-weight:900;min-height:44px;padding:0 8px}.notes-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notes-panel .panel{padding:17px}.check-row{display:flex;align-items:center;gap:8px;min-height:48px;border-bottom:1px solid var(--border)}.check-row input{width:20px;height:20px;min-height:20px;accent-color:var(--lime)}.check-row span{flex:1}.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.ref-grid .ref{position:relative;background:var(--panel2);border-radius:12px;overflow:hidden;min-height:100px}.ref-grid img{width:100%;aspect-ratio:1;object-fit:contain}.ref-grid .ref .iconbtn{position:absolute;top:0;left:0;background:#121d13c4;color:#fff}#drop-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:#121e13e8;pointer-events:none}#drop-overlay>div{border:3px dashed var(--lime);padding:30px;border-radius:20px;color:var(--lime);font-size:22px;font-weight:900;text-align:center}.check-title{text-decoration:line-through;color:var(--sub)}.offline-tip{margin-top:24px;padding:12px 15px;border-radius:13px;background:var(--panel);border:1px solid var(--border);font-size:12px;color:var(--sub)}.linklike{background:none;border:0;color:var(--lime);text-decoration:underline;cursor:pointer}.fab{display:none}
@media(min-width:1050px){.shots-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:700px){body{font-size:14px}.shell{padding:0 13px 85px}.header-inner{padding:9px 12px;min-height:62px}.logo{width:39px;height:39px}.crumbs button{max-width:105px}.brand-word{display:none}.page-top{margin:18px 0 14px}.page-top .btn.primary{display:inline-flex}.collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cover{height:118px}.tile-details{padding:9px}.tile h3{font-size:14px}.tile-footer{padding:4px 5px 4px 9px}.shots-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shot-card{border-radius:13px}.shot-body{padding:8px 9px 12px}.shot-counter{right:6px;top:8px;font-size:11px}.status-btn{left:6px;top:6px;width:44px;height:44px;min-width:44px}.shot-media{min-height:115px}.detail-line{font-size:12px}.hero{padding:14px;gap:11px}.toolbar{align-items:stretch}.toolbar .leftgroup{width:100%}.toolbar .leftgroup .btn.primary{flex:1}.notes-panel{grid-template-columns:1fr}.field-row{grid-template-columns:1fr 1fr}.modal-backdrop{padding:0;align-items:flex-end}.modal{width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 8px);border-radius:20px 20px 0 0}.modal-body{padding:15px;overflow-y:auto;max-height:none}.modal-foot{padding:10px 14px calc(12px + env(safe-area-inset-bottom))}.viewer-pic{max-height:50dvh}.viewer-pic img{max-height:50dvh}.save{font-size:11px}.shot-row{gap:7px}.thumb{width:65px;min-width:65px;height:62px}.shot-row .status-btn{min-width:44px}.tile.list-tile .cover{width:80px;min-width:80px;height:69px}}
@media(max-width:390px){.header-right .save span{display:none}.pill{padding:8px 12px}.field-row{grid-template-columns:1fr}.crumbs button{max-width:85px}.brand-word{display:none}}@media(max-height:450px) and (orientation:landscape){.viewer-scroll{flex-direction:row}.viewer-pic{max-height:none;min-height:0;max-width:58vw}.viewer-pic img{max-height:100%}.viewer-data{width:40vw;overflow-y:auto}}@media print{*{color:#111!important;box-shadow:none!important}body{background:#fff!important}.header,.actions,.toolbar,.status-btn,.iconbtn,.note-add,.shot-add,.progress-line,.offline-tip,#toast-area,.shot-top button,.menu,.viewer-footer{display:none!important}.shell{max-width:none;padding:0}.hero{border:0}.shots-grid{display:grid;grid-template-columns:repeat(3,1fr)}.shot-card{break-inside:avoid;border:1px solid #999}.shot-media{max-height:250px}.shot-media img{object-fit:contain}.shot-body{padding:8px}.shot-card.is-done .shot-media img{filter:none!important}.panel{border:1px solid #ddd}.shot-list{display:none}}
/* Compact placeholders: empty shots must not consume the height of a portrait photo. */
.shot-card:has(.placeholder) .shot-media{aspect-ratio:1/1;max-height:205px}
.shot-card .image-open:focus-visible,.tile-main:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}
@media(max-width:700px){.shot-card:has(.placeholder) .shot-media{max-height:175px}.shot-add{min-height:165px}}
.drag-handle{color:var(--mute);touch-action:none;user-select:none;cursor:grab}
.dragging{outline:2px solid var(--lime);opacity:.78;z-index:2}
.drag-target{outline:2px dashed var(--lime)}
@media(max-width:700px){.modal{max-height:min(calc(var(--visible-height,100dvh) - 7px),calc(100dvh - env(safe-area-inset-top) - 8px))}.drag-handle{width:38px;min-width:38px;height:44px}}
#toast-area{position:fixed;z-index:105;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:calc(100vw - 20px)}
#toast-area .toast{position:static;transform:none;pointer-events:auto;width:max-content;max-width:calc(100vw - 20px)}