:root{color-scheme:dark;--bg:#131624;--panel:#1b2033;--field:#272d43;--line:#353b51;--text:#f2eee3;--muted:#a0a8bd;--gold:#e8c88e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,sans-serif}button,input,textarea,select{font:inherit}button{border:1px solid var(--line);background:var(--field);color:var(--text);border-radius:10px;padding:11px 13px;min-height:46px;touch-action:manipulation}button:active{filter:brightness(1.25)}button:disabled{opacity:.45}.accent{background:var(--gold);color:#252131;border-color:var(--gold);font-weight:750}.quiet{background:transparent;border-color:transparent;color:var(--muted)}.wide{width:100%;margin:7px 0}.row{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}.row>button{flex:1}.hint,small{color:var(--muted);font-size:12px;line-height:1.65}.hint{margin:8px 0 18px}header{display:flex;align-items:center;gap:10px;padding:17px 18px 10px;max-width:760px;margin:auto}header img{width:39px;height:39px}header strong{display:block;font-size:16px;letter-spacing:.1px}header small{display:block;font-size:10px;letter-spacing:1px}header button{margin-left:auto;padding:8px;font-size:12px}.projectbar{display:flex;gap:6px;padding:3px 18px 14px;max-width:760px;margin:auto;border-bottom:1px solid var(--line)}.projectbar select{flex:1;min-width:0;padding:6px 10px;background:var(--bg);font-size:13px}.projectbar button{font-size:12px;padding:6px}main{max-width:760px;margin:auto;padding:25px 18px 210px}h1{font-size:25px;letter-spacing:-1px;margin:3px 0 5px}h2{font-size:16px;margin:27px 0 12px;display:flex;align-items:center;justify-content:space-between}h2 button{font-size:12px;padding:4px 8px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold);font-weight:700}.page{display:none}.page.active{display:block}label{display:block;font-size:12px;color:#c3c9d6;margin:16px 0 8px}input,textarea,select{display:block;width:100%;color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:9px;padding:11px;margin-top:7px;font-size:16px;min-width:0}textarea{resize:vertical;line-height:1.5;min-height:100px}input:focus,select:focus,textarea:focus{outline:1px solid var(--gold);border-color:var(--gold)}input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold);margin:0}.check{display:flex;align-items:center;gap:10px;min-height:38px}.grid{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.grid label{margin-top:8px}.card{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:16px 0}.card h2{margin:0}.card textarea{font-size:14px}.card label{margin-top:10px}.empty{border:1px dashed var(--line);border-radius:14px;padding:28px 20px;text-align:center;color:var(--muted);font-size:13px}.position{height:120px;position:relative;border:1px solid var(--line);border-radius:10px;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:20% 20%;touch-action:none;margin:10px 0}.position span{position:absolute;width:14px;height:14px;background:var(--gold);border:3px solid #fff0d4;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.preview{min-height:315px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:16px;background:#0e111b;overflow:hidden;margin:18px 0}.preview img{width:100%;max-height:65vh;object-fit:contain}#emptyPreview{text-align:center;color:var(--muted);font-size:13px;padding:28px}#emptyPreview span{display:block;font-size:44px;color:var(--gold);margin-bottom:12px}#emptyPreview strong{display:block;color:var(--text);font-size:15px}.thumbnails{display:flex;gap:9px;overflow-x:auto;padding-bottom:10px;min-height:65px}.thumbnails button{flex-shrink:0;width:78px;height:90px;padding:0;overflow:hidden}.thumbnails img{width:100%;height:100%;object-fit:cover}.thumbnails .selected{border:2px solid var(--gold)}.asset{display:block;max-width:100%;max-height:160px;margin:12px auto;border-radius:9px}details{border:1px solid var(--line);border-radius:12px;padding:14px;margin:17px 0}summary{cursor:pointer;font-size:14px;min-height:25px}.account #balance{font-size:21px;color:var(--gold);font-weight:700}.account small{display:block}progress{width:100%;height:7px;accent-color:var(--gold);margin:14px 0 5px}.path{font-size:12px;overflow-wrap:anywhere;padding:12px;border-radius:8px;background:var(--field)}footer{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#171b2bf5;border-top:1px solid var(--line);padding:8px max(14px,calc((100vw - 724px)/2)) max(5px,env(safe-area-inset-bottom));backdrop-filter:blur(10px)}#status{font-size:11px;color:var(--muted);max-height:42px;overflow:auto;padding:0 3px 3px}#status.error{color:#ffb4a9}#generate{display:flex;justify-content:space-between;font-size:15px;padding:12px 18px;margin:3px 0 6px}nav{display:flex;gap:2px}nav button{flex:1;border:0;border-radius:8px;background:none;color:var(--muted);font-size:11px;white-space:nowrap;padding:8px 1px;min-height:39px}nav .selected{color:var(--gold);background:#e8c88e10}dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;max-width:640px;width:calc(100% - 24px);max-height:88vh;overflow:auto}dialog::backdrop{background:#000b}dialog h2{margin-top:0}#maskStage{position:relative;line-height:0;touch-action:none}#maskStage img{width:100%;display:block}#maskCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55;touch-action:none}#dialogText{font-size:13px}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}[hidden]{display:none!important}@media(min-width:650px){main{padding-top:30px}.preview{min-height:450px}.grid{grid-template-columns:repeat(3,1fr)}}

.danger{color:#ffb4a9}#metadataDialog{max-width:500px;background:var(--bg);padding:20px}#metadataTitle{color:var(--gold);font-size:23px;line-height:1.4;display:block}#importPreviewBox{height:210px;background:#0e111b;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center}#importPreview{width:100%;height:100%;object-fit:contain}.import-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0 22px}.import-actions button{background:#eee8b2;color:#202034;border-color:transparent;border-radius:5px;padding:7px 11px;font-size:13px;min-height:44px}#metadataNotice{font-weight:700;margin:16px 0 4px}#metadataHint{margin-bottom:10px}#metadataOptions{padding:0;border:0;margin:0;min-width:0}#metadataOptions label{margin:0;min-height:36px;color:var(--text);font-size:14px}#metadataOptions .append{padding-left:24px;font-size:12px}#metadataOptions .clean{margin-top:10px}#metadataOptions small{display:block;font-size:11px}#metadataText{font-size:12px}#metadataDetails{margin:14px 0;padding:10px}.import-footer{position:sticky;bottom:-20px;background:var(--bg);padding:8px 0 2px}.import-footer .wide{margin:3px 0}#importError,#deleteError,#nameError{font-size:13px;overflow-wrap:anywhere}#deleteName{overflow-wrap:anywhere}

#metadataDialog[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);overflow:hidden}#metadataTitle{flex-shrink:0;margin-bottom:12px}.import-body{overflow-y:auto;min-height:0;padding-right:3px}.import-footer{position:static;flex-shrink:0;padding:10px 0 0}#importPreviewBox{height:clamp(100px,20vh,180px)}.import-actions{margin:10px 0 14px}#metadataOptions label{min-height:32px}#metadataDialog .import-footer .quiet{min-height:36px;padding:5px}

.gallery-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery-filters label{margin:0}.gallery-filters label:last-child{grid-column:1/-1}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-grid button{padding:0;overflow:hidden;text-align:left}.library-grid img{width:100%;height:195px;object-fit:cover;display:block;background:#0e111b}.library-grid span{display:block;font-size:12px;padding:10px;overflow-wrap:anywhere}#galleryPreview{display:block;width:100%;max-height:52vh;object-fit:contain;background:#0e111b;border-radius:10px}#galleryDetail{max-width:700px}#galleryInfo{overflow-wrap:anywhere}@media(min-width:650px){.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.queue-shortcuts{display:flex;gap:8px}.queue-shortcuts button{flex:1;font-size:11px;min-height:30px;padding:3px 8px}main{padding-bottom:245px}.compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-pair img{width:100%;height:35vh;object-fit:contain;background:#0e111b}#compareDiff{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#shelfList .card input{font-size:14px}#queueList .card{font-size:13px}#libraryGrid h2{overflow-wrap:anywhere;display:block}

#positionDialog[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);overflow:hidden;max-width:560px;padding:18px}
#positionTitle{display:block;flex-shrink:0;overflow-wrap:anywhere;margin-bottom:8px}
.position-body{overflow-y:auto;min-height:0;padding:0 4px;overscroll-behavior:contain}
.position-body .hint{margin:8px 0 14px}
#positionPad{width:100%;position:relative;margin:22px auto;background-color:#111524;border:1px solid #77819d;border-radius:5px;background-image:linear-gradient(to right,transparent 33.1%,#353b51 33.1%,#353b51 33.6%,transparent 33.6%,transparent 66.4%,#353b51 66.4%,#353b51 66.9%,transparent 66.9%),linear-gradient(to bottom,transparent 33.1%,#353b51 33.1%,#353b51 33.6%,transparent 33.6%,transparent 66.4%,#353b51 66.4%,#353b51 66.9%,transparent 66.9%);touch-action:none}
#positionPad span{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;pointer-events:none;font-size:12px;font-weight:700}
.position-other{width:22px;height:22px;background:#58647f;border:2px solid #a0a8bd;color:white}
.position-selected{width:36px;height:36px;background:var(--gold);color:#252131;border:3px solid #fff0d4;box-shadow:0 0 0 7px #e8c88e25;z-index:1}
#positionReadout{text-align:center;font-size:13px;color:var(--gold);margin:12px}
#positionPresets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#positionPresets button{font-size:12px;padding:9px 2px;min-height:46px}
#positionPresets button[aria-pressed=true]{border-color:var(--gold);background:#e8c88e22}
.position-nudges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}
.position-nudges button{font-size:13px;padding:9px 2px}
.position-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.position-footer{flex-shrink:0;padding-top:12px;margin:0;background:var(--panel)}

#preview,#galleryPreview,.compare-pair img{background-color:#282d40;background-image:conic-gradient(#343a50 25%,transparent 0 50%,#343a50 0 75%,transparent 0);background-size:24px 24px}#alphaInfo{margin:8px 0}

.history-pagination{display:flex;align-items:center;gap:8px;margin:8px 0 18px}.history-pagination span{flex:1;text-align:center;font-size:12px;color:var(--muted)}.history-pagination button{padding:8px 12px;flex-shrink:0}

#history{gap:6px}#history button{width:calc((100% - 24px)/5);max-width:90px;min-width:0;height:85px}