*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f1f5f9;color:#1e293b;min-height:100vh;min-height:100dvh;-webkit-text-size-adjust:100%;overflow-x:hidden}button,a,select,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.header{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 24px;height:56px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:10}.header h1{font-size:16px;font-weight:600;color:#0f172a;flex:1}.file-selector{display:flex;align-items:center;gap:8px}.header__actions{display:flex;align-items:center;gap:16px}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:background .15s,opacity .15s;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-danger{background:#fee2e2;color:#dc2626}.btn-danger:hover:not(:disabled){background:#fecaca}.file-select{padding:5px 10px;border-radius:6px;border:1px solid #e2e8f0;font-size:13px;background:#fff;color:#334155;cursor:pointer;max-width:260px}.no-files{font-size:13px;color:#94a3b8;font-style:italic}.file-meta{display:flex;align-items:center;gap:8px;min-width:0}.file-meta__time{font-size:12px;color:#64748b;white-space:nowrap}.done-badge{font-size:11px;font-weight:600;color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;padding:2px 8px;white-space:nowrap}.btn-done{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.btn-done:hover:not(:disabled){background:#bbf7d0}.save-status{font-size:12px;color:#64748b;white-space:nowrap}.actions-menu{position:relative}.actions-menu__caret{font-size:10px;color:#94a3b8}.actions-menu__list{position:absolute;top:calc(100% + 6px);right:0;min-width:230px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 90px);overflow-y:auto;display:flex;flex-direction:column;padding:4px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 24px #0f172a1f;z-index:30}.actions-menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:none;font-size:13px;color:#334155;text-align:left;cursor:pointer}.actions-menu__item:hover:not(:disabled){background:#f1f5f9}.actions-menu__item:disabled{opacity:.4;cursor:not-allowed}.actions-menu__item--active{color:#15803d;font-weight:600}.actions-menu__label{flex:1}.actions-menu__hint{font-size:11px;color:#94a3b8;white-space:nowrap}.actions-menu__sep{height:1px;margin:4px 2px;background:#e2e8f0}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#94a3b8;padding:48px;text-align:center}.empty-state svg{opacity:.35}.empty-state p{font-size:15px}.empty-state small{font-size:12px}.grid-wrapper{flex:1;padding:20px 24px 100px}.aircraft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.card{background:#fff;border-radius:10px;border:2px solid transparent;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;overflow:hidden;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .1s;-webkit-user-select:none;user-select:none}@media (hover: hover){.card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}}.card:active{transform:scale(.99)}.card--selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.card--grouped{background:#f8faff}.card__photo{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#e2e8f0;display:block}.card__photo-placeholder{width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#94a3b8;font-size:24px;text-decoration:none;cursor:pointer;transition:background .15s}.card__photo-placeholder:hover{background:linear-gradient(135deg,#dde3ed,#b8c4d4);color:#64748b}.card__photo-placeholder small{font-size:10px;text-transform:uppercase;letter-spacing:.05em}.card__body{padding:8px 10px 10px}.card__top-row{display:flex;align-items:baseline;gap:6px}.card__operator{font-size:13px;font-weight:600;color:#0f172a;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.card__type-pill{flex-shrink:0;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.04em;color:#fff;text-transform:uppercase}.card__meta{font-family:SF Mono,Fira Code,monospace;font-size:10px;color:#94a3b8;margin-top:3px;text-transform:uppercase;letter-spacing:.03em}.card__badge{display:inline-block;margin-top:5px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.02em;color:#fff}.group-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -4px 16px #00000014;padding:10px 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;z-index:20}.group-bar__count{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap}.group-bar__input{padding:6px 12px;border-radius:6px;border:1px solid #e2e8f0;font-size:13px;flex:1;min-width:160px;max-width:260px;outline:none;transition:border-color .12s}.group-bar__input:focus{border-color:#2563eb}.group-bar__existing{display:flex;gap:6px;flex-wrap:wrap;flex:1}.group-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;border:none;color:#fff;transition:opacity .12s}.group-chip:hover{opacity:.8}.login{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login__card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 60px #0f172a14;padding:32px 28px;width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;text-align:center}.login__icon{color:#94a3b8;margin-bottom:14px}.login__card h1{font-size:16px;font-weight:600;color:#0f172a}.login__hint{font-size:13px;line-height:1.6;color:#64748b;margin-top:6px}.login__input{width:100%;margin-top:20px;padding:9px 12px;border-radius:6px;border:1px solid #e2e8f0;font-size:14px;text-align:center;outline:none;transition:border-color .12s}.login__input:focus{border-color:#2563eb}.login__error{font-size:12px;color:#dc2626;margin-top:10px}.login__submit{width:100%;margin-top:16px;justify-content:center;padding:9px 14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;width:100%;max-width:640px;max-height:80vh;display:flex;flex-direction:column}.modal--confirm{max-width:420px}.confirm-text{font-size:13px;line-height:1.6;color:#475569}.confirm-text strong{font-family:SF Mono,Fira Code,monospace;color:#0f172a}.rename-field{display:flex;align-items:center;gap:6px}.rename-input{flex:1;max-width:none;font-family:SF Mono,Fira Code,monospace}.rename-ext{font-size:13px;color:#94a3b8;font-family:SF Mono,Fira Code,monospace}.rename-hint{font-size:12px;line-height:1.6;color:#64748b;margin-top:10px}.rename-error{font-size:12px;color:#dc2626;margin-top:10px}.modal__header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;gap:12px}.modal__header h2{font-size:15px;font-weight:600;flex:1}.modal__body{padding:16px 20px;overflow-y:auto;flex:1}.modal__pre{font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.7;color:#334155;white-space:pre;overflow-x:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px 14px}.modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #e2e8f0}.copy-feedback{font-size:12px;color:#16a34a;display:flex;align-items:center;margin-right:auto}.card__image-wrap{position:relative}.card__search-btn{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:6px;background:#ffffffe0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#334155;box-shadow:0 1px 4px #0000002e;transition:background .12s,transform .1s,opacity .12s;z-index:2}@media (hover: hover){.card__photo~.card__search-btn,.card__remove-btn{opacity:0}.card__image-wrap:hover .card__search-btn,.card__image-wrap:hover .card__remove-btn{opacity:1}}.card__search-btn:hover{background:#fff;transform:scale(1.1)}.card__remove-btn{position:absolute;top:6px;left:6px;width:26px;height:26px;border-radius:6px;background:#ffffffe0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#334155;box-shadow:0 1px 4px #0000002e;transition:background .12s,color .12s,transform .1s,opacity .12s;z-index:2}.card__remove-btn:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.card__gallery-btn{position:absolute;bottom:6px;right:6px;height:22px;padding:0 8px;border-radius:6px;background:#0f172ab8;border:none;cursor:pointer;display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#fff;box-shadow:0 1px 4px #00000040;transition:background .12s,transform .1s;z-index:2}.card__gallery-btn:hover{background:#0f172a;transform:scale(1.06)}.modal--gallery{max-width:760px;width:90vw}.gallery-hint{font-size:12px;color:#64748b;margin-bottom:12px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.gallery-tile{position:relative;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;background:#f1f5f9;aspect-ratio:3 / 2;transition:border-color .12s,transform .1s}.gallery-tile:hover{border-color:#3b82f6;transform:translateY(-1px)}.gallery-tile--current{border-color:#16a34a}.gallery-tile__img{width:100%;height:100%;object-fit:cover;display:block}.gallery-tile__badge{position:absolute;top:5px;left:5px;font-size:10px;font-weight:600;color:#fff;background:#16a34a;padding:1px 6px;border-radius:4px}.gallery-tile__source{position:absolute;bottom:0;left:0;right:0;font-size:10px;color:#fff;background:linear-gradient(transparent,#000000b3);padding:10px 6px 4px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card--stale{border-left:3px solid #f59e0b}.card__last-seen{font-size:10px;color:#64748b;margin-top:4px;font-family:SF Mono,Fira Code,monospace;letter-spacing:.02em}.card__last-seen--stale{color:#b45309;font-weight:600}.error-banner{background:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;font-size:13px;padding:8px 24px;display:flex;align-items:center;gap:12px}.error-banner__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.error-banner__dismiss{background:none;border:none;cursor:pointer;color:#dc2626;font-size:14px;padding:0 4px}.error-banner__retry{border:1px solid #fecaca;border-radius:6px;background:#fff;color:#dc2626;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap;cursor:pointer}.error-banner__retry:hover:not(:disabled){background:#fee2e2}.error-banner__retry:disabled{opacity:.5;cursor:not-allowed}@media (hover: none){.card__remove-btn,.card__search-btn{width:32px;height:32px}.card__gallery-btn{height:28px;padding:0 10px}}@media (max-width: 720px){.header{height:auto;padding:8px 12px;gap:8px;flex-wrap:wrap}.header h1{font-size:14px;flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-selector{flex:1 1 auto;min-width:0}.file-select{flex:1;min-width:0;max-width:none;font-size:16px;padding:7px 8px}.header__actions{flex:0 0 auto;gap:8px;margin-left:auto}.header__actions .btn{flex:0 0 auto;padding:8px 12px}.actions-menu__item{padding:11px 10px}.file-selector .btn{padding:8px 10px}.grid-wrapper{padding:12px 12px 170px}.aircraft-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}.empty-state{padding:32px 20px}.error-banner{padding:8px 12px}.file-meta{flex:1 1 100%}.rename-input,.login__input{font-size:16px}.group-bar{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom));gap:8px;max-height:55dvh;overflow-y:auto}.group-bar__count{flex:0 0 auto;font-size:12px}.group-bar__input{flex:1 1 120px;max-width:none;font-size:16px;padding:8px 12px}.group-bar .btn{order:2;flex:1 1 auto;justify-content:center;padding:9px 14px}.group-bar__existing{order:3;flex:1 1 100%;max-height:90px;overflow-y:auto}.group-chip{padding:6px 12px;font-size:12px}.modal-overlay{padding:0;align-items:flex-end}.modal,.modal--confirm,.modal--gallery{width:100%;max-width:none;max-height:90dvh;border-radius:14px 14px 0 0;padding-bottom:env(safe-area-inset-bottom)}.modal__header{padding:14px 16px}.modal__header h2{font-size:14px;min-width:0}.modal__body{padding:14px 16px;-webkit-overflow-scrolling:touch}.modal__footer{padding:12px 16px}.modal__footer .btn,.modal__header .btn{padding:9px 14px}.modal__pre{font-size:11px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}}@media (max-width: 400px){.header h1{display:none}}.btn__count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#dc2626;color:#fff;font-size:10px;font-weight:700}.card__badge-status,.group-chip__status{opacity:.9;font-size:11px}.modal--library{max-width:1180px;max-height:88vh}.library-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid #e2e8f0}.library-search{flex:1 1 220px;min-width:160px;padding:7px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;color:#0f172a;background:#fff}.library-search:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.library-filters{display:flex;flex-wrap:wrap;gap:6px}.library-filter{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#334155;font-size:12px;cursor:pointer}.library-filter:hover:not(:disabled){background:#e2e8f0}.library-filter:disabled{opacity:.45;cursor:not-allowed}.library-filter--active{background:#2563eb;border-color:#2563eb;color:#fff}.library-filter__count{font-variant-numeric:tabular-nums;font-size:11px;opacity:.7}.library-error{margin:12px 20px 0;padding:8px 12px;border-radius:6px;background:#fee2e2;color:#dc2626;font-size:12px}.library-empty{padding:32px 0;text-align:center;color:#94a3b8;font-size:13px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.library-legend{display:flex;flex-wrap:wrap;gap:12px;margin-right:auto;font-size:11px;color:#64748b}.lib-tile{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.lib-tile--in-file{border-color:#bfdbfe;box-shadow:inset 3px 0 #2563eb}.lib-tile__previews{display:grid;grid-template-columns:1fr 1fr;gap:6px}.lib-tile__slot{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;border-radius:6px;background:#f1f5f9;overflow:hidden}.lib-tile__slot--svg{background:#e2e8f0}.lib-tile__slot img{width:100%;height:100%;object-fit:contain}.lib-tile__slot:not(.lib-tile__slot--svg) img{object-fit:cover}.lib-tile__empty{font-size:10px;color:#94a3b8}.lib-tile__name{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-tile__footer{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;font-weight:600}.lib-tile__new{padding:1px 6px;border-radius:999px;background:#ede9fe;color:#6d28d9;white-space:nowrap}.lib-tile__actions,.lib-tile__confirm{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b}.lib-tile__actions:empty{display:none}.lib-tile__actions .btn,.lib-tile__confirm .btn{padding:4px 10px;font-size:11px}.lib-tile__delete{margin-left:auto;padding:3px 7px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#94a3b8;font-size:11px;cursor:pointer}.lib-tile__delete:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.modal-overlay--stacked{z-index:60;background:#00000059}.modal--upload{max-width:520px}.upload-section{margin-bottom:16px}.upload-section__title{margin-bottom:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8}.upload-candidates{display:flex;flex-wrap:wrap;gap:8px}.upload-candidate{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;width:96px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:10px;color:#64748b;cursor:pointer}.upload-candidate:hover:not(:disabled){border-color:#2563eb;color:#2563eb}.upload-candidate:disabled{opacity:.5;cursor:not-allowed}.upload-candidate img{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:5px}.upload-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:130px;padding:12px;border:2px dashed #cbd5e1;border-radius:10px;background:#f8fafc;color:#64748b;font-size:12px;text-align:center;cursor:pointer}.upload-drop:hover,.upload-drop--active{border-color:#2563eb;background:#eff6ff;color:#2563eb}.upload-drop__icon{font-size:20px}.upload-drop__preview{max-height:150px;max-width:100%;border-radius:6px;object-fit:contain}.upload-drop__filename{font-family:SF Mono,Fira Code,monospace;font-size:10px;word-break:break-all}.upload-url{display:flex;gap:8px}.upload-input{flex:1;min-width:0;padding:7px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;color:#0f172a;background:#fff}.upload-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.upload-name{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.upload-name .upload-input{font-family:SF Mono,Fira Code,monospace;font-size:12px}.upload-name code{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:#334155}.upload-hint{margin-top:6px;font-size:11px;color:#94a3b8}.upload-hint code{font-family:SF Mono,Fira Code,monospace}.upload-conflict{display:flex;align-items:center;gap:10px;margin-top:12px;padding:8px 12px;border-radius:6px;background:#fef3c7;color:#92400e;font-size:12px}.upload-conflict .btn{margin-left:auto}.upload-error{margin-top:12px;padding:8px 12px;border-radius:6px;background:#fee2e2;color:#dc2626;font-size:12px}@media (max-width: 720px){.modal--library,.modal--upload{width:100%;max-width:none;max-height:90dvh;border-radius:14px 14px 0 0;padding-bottom:env(safe-area-inset-bottom)}.library-toolbar{padding:10px 16px}.library-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.library-filters::-webkit-scrollbar{display:none}.library-filter{flex:0 0 auto}.library-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.library-legend{display:none}}