:root{--ink:#172127;--muted:#607077;--paper:#f5f5ef;--lime:#d8ff49;--line:#cbd2cb;--panel:#fffefa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Thai',sans-serif;font-size:16px}.page-shell{max-width:1160px;margin:auto;padding:32px 24px 70px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:18px}.brand{font-family:'DM Mono',monospace;font-weight:bold;letter-spacing:.05em;font-size:.98rem}.mark{display:inline-grid;place-items:center;background:var(--lime);width:27px;height:27px;margin-right:8px}.eyebrow{font:12px 'DM Mono',monospace;letter-spacing:.11em;color:var(--muted);margin:0}.intro{display:flex;justify-content:space-between;gap:30px;padding:66px 0 42px}.intro h1{font-size:clamp(2.25rem,5vw,4.7rem);letter-spacing:-.055em;line-height:1.02;margin:0 0 18px}.intro p{max-width:600px;color:var(--muted);line-height:1.75;margin:0}.model-badge{font:13px 'DM Mono',monospace;white-space:nowrap;height:max-content;border:1px solid var(--ink);padding:9px 12px}.model-badge span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);border:1px solid var(--ink);margin-right:7px}.workspace{background:var(--panel);padding:12px;border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.dropzone{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed #98a59d;cursor:pointer;transition:.2s}.dropzone.active{background:#efffc1;border-color:var(--ink)}.dropzone input{display:none}.upload-icon{font:36px 'DM Mono',monospace;background:var(--lime);border:1px solid var(--ink);width:54px;height:54px;text-align:center;line-height:49px;margin-bottom:15px}.dropzone strong{font-size:1.08rem}.dropzone small{margin-top:6px;color:var(--muted)}.toolbar{padding:14px 0 2px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.9rem}button{border:1px solid var(--ink);background:var(--lime);font:600 14px 'Noto Sans Thai',sans-serif;padding:11px 16px;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button span{margin-left:12px;font-family:'DM Mono',monospace}#results-section{margin-top:76px}.results-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--ink);padding-bottom:18px;margin-bottom:20px}.results-head h2{margin:5px 0 0;font-size:1.7rem;letter-spacing:-.03em}.csv-button{background:var(--ink);color:white;box-shadow:none}.results{display:grid;gap:18px}.asset-card{display:grid;grid-template-columns:240px 1fr;background:var(--panel);border:1px solid var(--line)}.asset-card>img{width:240px;height:100%;min-height:240px;object-fit:cover;background:#e2e7e1}.asset-body{padding:21px}.filename{font:12px 'DM Mono',monospace;color:var(--muted);margin-bottom:17px;overflow-wrap:anywhere}label{display:block;font-weight:700;font-size:.9rem;margin-top:14px}label small{font-weight:400;color:var(--muted);float:right}textarea,input{width:100%;font:400 15px 'Noto Sans Thai',sans-serif;border:1px solid var(--line);background:white;padding:9px;margin-top:6px;color:var(--ink)}textarea{height:63px;resize:vertical}.keywords{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.keyword{font-size:12px;border:1px solid var(--line);padding:4px 7px;background:#fbfcf8}.keyword b{font:10px 'DM Mono',monospace;color:var(--muted);margin-right:5px}.meta-row{display:grid;grid-template-columns:140px 1fr;gap:12px}.notes{font-size:.86rem;color:var(--muted);line-height:1.6;margin:17px 0 0}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:13px 18px;opacity:0;pointer-events:none;transition:.2s;max-width:min(90vw,680px)}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:650px){.page-shell{padding:22px 15px}.intro{padding:42px 0 30px;display:block}.model-badge{display:inline-block;margin-top:24px}.asset-card{grid-template-columns:1fr}.asset-card>img{width:100%;height:210px;min-height:0}.results-head{align-items:start;gap:15px;flex-direction:column}.toolbar{gap:10px}.dropzone{min-height:200px;padding:20px;text-align:center}.meta-row{grid-template-columns:1fr}.intro h1{font-size:2.6rem}}
.key-field{padding:7px 4px 18px}.key-field label{margin:0}.key-field input{font-family:'DM Mono',monospace}.result-actions{display:flex;align-items:center;gap:15px}.token-usage{text-align:right;font-size:.82rem;line-height:1.5;color:var(--muted)}.token-usage b{font:16px 'DM Mono',monospace;color:var(--ink)}.token-usage small{font-size:.73rem}@media(max-width:650px){.result-actions{width:100%;justify-content:space-between}}
.folder-picker{margin-top:16px;border:1px solid var(--ink);background:var(--lime);padding:7px 12px;font:12px 'DM Mono',monospace;cursor:pointer}.folder-picker:focus{outline:3px solid #7a9b00;outline-offset:3px}
.analysis-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.extract-all-frames-button{background:transparent;color:var(--ink);box-shadow:none}.extract-all-frames-button span{margin-left:5px;font-family:'Noto Sans Thai',sans-serif}html[data-theme="dark"] .extract-all-frames-button{background:#263129;color:var(--ink);border-color:var(--line)}
.asset-card{grid-template-columns:1fr}.asset-card>img{width:100%;height:auto;min-height:0;max-height:620px;aspect-ratio:16/9;object-fit:contain;background:#172127;display:block}.asset-body{border-top:1px solid var(--line)}@media(max-width:650px){.asset-card>img{height:auto;aspect-ratio:16/9}}
.asset-card{grid-template-columns:150px minmax(0,1fr);align-items:start}.asset-preview{padding:16px 10px;text-align:center;position:sticky;top:12px}.asset-card>img{display:none}.asset-preview img{display:block;width:128px;height:96px;max-height:none;aspect-ratio:auto;object-fit:contain;background:#e7ebe6;border-radius:4px;margin:0 auto 7px}.preview-name{font-size:11px;line-height:1.35;color:var(--muted);overflow-wrap:anywhere}.asset-token{display:inline-block;margin-top:12px;border:1px solid #9bcbb7;border-radius:20px;padding:2px 7px;color:#487d68;font:11px 'DM Mono',monospace}.asset-body{border-top:0;border-left:1px solid var(--line);padding:16px 20px}.asset-body .filename{display:none}.asset-body label{margin-top:8px}.asset-body textarea{height:46px;padding:7px}.asset-body .notes{margin-top:11px}.keywords{gap:4px}.keyword{padding:3px 6px}@media(max-width:650px){.asset-card{grid-template-columns:1fr}.asset-preview{position:static;display:flex;align-items:center;gap:12px;text-align:left;padding:12px}.asset-preview img{width:100px;height:75px;margin:0}.preview-name{flex:1}.asset-token{margin:0}.asset-body{border-left:0;border-top:1px solid var(--line);padding:14px}.asset-body textarea{height:58px}}
select{width:100%;font:400 15px 'Noto Sans Thai',sans-serif;border:1px solid var(--line);background:white;padding:9px;margin-top:6px;color:var(--ink)}
.meta-row{grid-template-columns:230px minmax(0,1fr)}select.category{font-size:12px;line-height:1.25;padding:8px 7px;letter-spacing:-.01em}@media(max-width:650px){.meta-row{grid-template-columns:1fr}select.category{font-size:13px}}
.preview-card{background:#fafbf7}.preview-card textarea:disabled,.preview-card input:disabled,.preview-card select:disabled{color:#87928d;background:#f1f3ef;opacity:1}.empty-keywords{min-height:28px;color:var(--muted);font-size:12px;font-style:italic;align-items:center}
.keyword{display:inline-flex;align-items:center;gap:3px}.remove-keyword{border:0;background:transparent;color:#8a4b4b;padding:0 0 0 3px;box-shadow:none;font:700 16px/1 Arial;cursor:pointer}.remove-keyword:hover{color:#c52c2c}.keyword-editor{display:flex;gap:6px;margin-top:8px}.keyword-editor input{margin:0;max-width:230px;padding:6px 8px;font-size:12px}.keyword-editor button{padding:6px 10px;font-size:12px;box-shadow:2px 2px 0 var(--ink)}@media(max-width:650px){.keyword-editor input{max-width:none;flex:1}}
.edit-keyword{border:0;background:transparent;color:var(--ink);padding:0;box-shadow:none;font:inherit;cursor:text;text-align:left}.edit-keyword:hover{text-decoration:underline;text-underline-offset:2px}.edit-keyword:focus{outline:2px solid #8fb400;outline-offset:2px}.edit-keyword-input{width:115px!important;margin:0!important;padding:2px 4px!important;font-size:12px!important;line-height:1.2!important}
.header-actions{display:flex;align-items:center;gap:14px}.theme-toggle{background:transparent;color:var(--ink);box-shadow:none;padding:7px 10px;font:12px 'DM Mono',monospace}.theme-toggle span{margin-left:5px}html[data-theme="dark"]{--ink:#edf1e9;--muted:#a9b5ac;--paper:#121814;--line:#405047;--panel:#1b241e}html[data-theme="dark"] .dropzone{border-color:#64756a}html[data-theme="dark"] textarea,html[data-theme="dark"] input,html[data-theme="dark"] select{background:#101712;color:var(--ink);border-color:var(--line)}html[data-theme="dark"] .asset-card,html[data-theme="dark"] .preview-card{background:var(--panel)}html[data-theme="dark"] .keyword{background:#263129;border-color:var(--line)}html[data-theme="dark"] .asset-preview img{background:#101712}html[data-theme="dark"] .preview-card textarea:disabled,html[data-theme="dark"] .preview-card input:disabled,html[data-theme="dark"] .preview-card select:disabled{background:#263129;color:#99a79e}html[data-theme="dark"] .theme-toggle{background:#263129}html[data-theme="dark"] .folder-picker{color:#172127}@media(max-width:650px){.header-actions{gap:7px}.header-actions .eyebrow{display:none}.theme-toggle{padding:7px}}