@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;500;600&display=swap);#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-color:#322820 #0c0a09}:root{--bg:#0c0a09;--surface:#171310;--surface-raised:#1f1a15;--border:#322820;--text:#f0e9df;--text-muted:#8f8177;--red:#e13a2e;--red-dim:#5a1b16;--amber:#d9932f;--amber-dim:#4a3413;--success:#4caf7d}*{box-sizing:border-box}body{background:#0c0a09;background:var(--bg);color:#f0e9df;color:var(--text);font-family:IBM Plex Mono,ui-monospace,monospace;margin:0}.page{display:flex;flex-direction:column;min-height:100vh}.header{align-items:flex-end;display:flex;justify-content:space-between;padding:40px clamp(20px,5vw,64px) 20px}.header__eyebrow{color:#d9932f;color:var(--amber);display:block;font-size:12px;letter-spacing:.3em;margin-bottom:4px;text-transform:uppercase}.header__title{color:#f0e9df;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:clamp(40px,7vw,72px);letter-spacing:.08em;line-height:.95;margin:0}.header__right{align-items:center;display:flex;gap:18px}.header__logout{font-size:11px;padding:8px 14px}.header__back{background:#0000;border:none;color:#8f8177;color:var(--text-muted);cursor:pointer;display:inline-block;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.05em;margin-bottom:8px;padding:0}.header__back:hover{color:#d9932f;color:var(--amber)}.header__count{border-right:3px solid #e13a2e;border-right:3px solid var(--red);padding-right:14px;text-align:right}.header__count-number{color:#e13a2e;color:var(--red);display:block;font-family:Bebas Neue,sans-serif;font-size:40px;line-height:1}.header__count-label{color:#8f8177;color:var(--text-muted);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.film-strip{align-items:center;background:#4a3413;background:var(--amber-dim);display:flex;height:12px;justify-content:space-evenly;padding:0 8px}.film-strip__hole{background:#0c0a09;background:var(--bg);border-radius:2px;flex-shrink:0;height:7px;width:7px}.main{flex:1 1;margin:0 auto;max-width:1400px;padding:32px clamp(20px,5vw,64px) 60px;width:100%}.dropzone{background:#171310;background:var(--surface);border:2px dashed #322820;border:2px dashed var(--border);border-radius:4px;cursor:pointer;margin-bottom:40px;padding:36px 24px;position:relative;text-align:center;transition:border-color .15s ease,background-color .15s ease}.dropzone:focus-visible,.dropzone:hover{border-color:#d9932f;border-color:var(--amber);outline:none}.dropzone--active{background:#5a1b16;background:var(--red-dim);border-color:#e13a2e;border-color:var(--red)}.dropzone--busy{cursor:progress;opacity:.75}.dropzone__input{inset:0;opacity:0;pointer-events:none;position:absolute}.dropzone__icon{color:#d9932f;color:var(--amber);font-size:28px;margin-bottom:10px}.dropzone__title{font-size:15px;font-weight:600;margin:0 0 6px}.dropzone__hint{font-size:12px;letter-spacing:.02em;margin:0}.dropzone__hint,.state{color:#8f8177;color:var(--text-muted)}.state{padding:60px 20px;text-align:center}.state__sub{font-size:13px;margin-top:6px}.state--error{color:#e13a2e;color:var(--red)}.state--error .btn{margin-top:14px}.grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.frame{background:#171310;background:var(--surface);border:1px solid #322820;border:1px solid var(--border);border-radius:3px;display:flex;flex-direction:column;overflow:hidden;transition:transform .15s ease,border-color .15s ease}.frame:hover{border-color:#d9932f;border-color:var(--amber);transform:translateY(-3px)}.frame__photo{aspect-ratio:4/3;background:#000;overflow:hidden}.frame__photo img{display:block;filter:saturate(.92) contrast(1.03);height:100%;object-fit:cover;width:100%}.frame__meta{padding:10px 12px 4px}.frame__name{color:#f0e9df;color:var(--text);font-size:12px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame__sub{color:#8f8177;color:var(--text-muted);font-size:11px;margin:4px 0 0}.frame__delete{background:#0000;border:1px solid #5a1b16;border:1px solid var(--red-dim);border-radius:2px;color:#e13a2e;color:var(--red);cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.12em;margin:10px 12px 12px;padding:8px 10px;text-transform:uppercase;transition:background-color .15s ease,color .15s ease}.frame__delete:hover{background:#e13a2e;background:var(--red);color:#0c0a09;color:var(--bg)}.dashboard__hint{color:#8f8177;color:var(--text-muted);font-size:14px;margin:0 0 24px;text-align:center}.dashboard__grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr;margin:0 auto;max-width:480px}@media (min-width:640px){.dashboard__grid{grid-template-columns:repeat(3,1fr);max-width:none}}.dashboard__tile{align-items:center;background:#171310;background:var(--surface);border:1px solid #322820;border:1px solid var(--border);border-radius:4px;color:#f0e9df;color:var(--text);cursor:pointer;display:flex;flex-direction:column;font-family:IBM Plex Mono,monospace;gap:8px;justify-content:center;min-height:150px;padding:36px 20px;transition:transform .15s ease,border-color .15s ease,background-color .15s ease}.dashboard__tile:focus-visible,.dashboard__tile:hover{background:#1f1a15;background:var(--surface-raised);border-color:#d9932f;border-color:var(--amber);outline:none;transform:translateY(-3px)}.dashboard__tile-icon{color:#d9932f;color:var(--amber);font-size:34px;line-height:1}.dashboard__tile-label{font-family:Bebas Neue,sans-serif;font-size:26px;letter-spacing:.05em}.dashboard__tile-sub{color:#8f8177;color:var(--text-muted);font-size:12px;letter-spacing:.02em}.add-form{background:#171310;background:var(--surface);border:1px solid #322820;border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;gap:12px;margin-bottom:40px;max-width:480px;padding:22px 20px}.add-form__title{font-weight:600;margin:0 0 4px}.add-form__input,.add-form__title{color:#f0e9df;color:var(--text);font-size:14px}.add-form__input{background:#0c0a09;background:var(--bg);border:1px solid #322820;border:1px solid var(--border);border-radius:2px;font-family:IBM Plex Mono,monospace;padding:12px 14px;width:100%}.add-form__input:focus{border-color:#d9932f;border-color:var(--amber);outline:none}.add-form__textarea{font-family:IBM Plex Mono,monospace;resize:vertical}.add-form__submit{background:#e13a2e;background:var(--red);border-color:#e13a2e;border-color:var(--red);color:#0c0a09;color:var(--bg);font-weight:600;padding:12px 16px}.add-form__submit:disabled{cursor:progress;opacity:.6}.add-form__photo-picker{align-items:center;border:2px dashed #322820;border:2px dashed var(--border);border-radius:4px;color:#d9932f;color:var(--amber);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:28px 16px;position:relative;text-align:center;transition:border-color .15s ease}.add-form__photo-picker:hover{border-color:#d9932f;border-color:var(--amber)}.add-form__photo-picker.is-busy{cursor:progress;opacity:.75}.add-form__preview{align-items:center;display:flex;flex-direction:column;gap:10px}.add-form__preview img{border-radius:4px;max-height:220px;max-width:100%;object-fit:contain}.add-form__preview-remove{background:#0000;border:none;color:#8f8177;color:var(--text-muted);cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:12px;padding:0;text-decoration:underline}.add-form__preview-remove:hover,.frame__price{color:#d9932f;color:var(--amber)}.frame__price{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:.03em;margin:0}.frame__sub--wrap{overflow:visible;text-overflow:clip;white-space:normal}.btn{background:#1f1a15;background:var(--surface-raised);border:1px solid #322820;border:1px solid var(--border);border-radius:2px;color:#f0e9df;color:var(--text);cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.08em;padding:10px 18px;text-transform:uppercase}.btn--ghost{background:#0000;border-color:#5a1b16;border-color:var(--red-dim);color:#e13a2e;color:var(--red)}.btn--dev{background:#0000;border:1px dashed #d9932f;border:1px dashed var(--amber);color:#d9932f;color:var(--amber);font-size:11px;margin-top:10px}.btn--dev:hover{background:#4a3413;background:var(--amber-dim)}.footer{align-items:center;border-top:1px solid #322820;border-top:1px solid var(--border);color:#8f8177;color:var(--text-muted);display:flex;font-size:11px;gap:8px;justify-content:center;letter-spacing:.1em;padding:16px;text-transform:uppercase}.footer__dot{background:#4caf7d;background:var(--success);border-radius:50%;display:inline-block;height:7px;width:7px}@media (max-width:520px){.header{align-items:flex-start;flex-direction:column;gap:14px}.header__count{border-left:3px solid #e13a2e;border-left:3px solid var(--red);border-right:none;padding-left:14px;padding-right:0;text-align:left}}.login{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.login__card{background:#171310;background:var(--surface);border:1px solid #322820;border-top:3px solid #e13a2e;border:1px solid var(--border);border-radius:3px;border-top:3px solid var(--red);display:flex;flex-direction:column;max-width:360px;padding:32px 28px;width:100%}.login__title{color:#f0e9df;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:34px;letter-spacing:.04em;margin:6px 0 10px}.login__hint{color:#8f8177;color:var(--text-muted);font-size:12px;line-height:1.5;margin:0 0 20px}.login__input{background:#0c0a09;background:var(--bg);border:1px solid #322820;border:1px solid var(--border);border-radius:2px;color:#f0e9df;color:var(--text);font-family:IBM Plex Mono,monospace;font-size:14px;margin-bottom:14px;padding:12px 14px}.login__input:focus{border-color:#d9932f;border-color:var(--amber);outline:none}.login__error{color:#e13a2e;color:var(--red);font-size:12px;margin:-6px 0 14px}.login__submit{background:#e13a2e;background:var(--red);border-color:#e13a2e;border-color:var(--red);color:#0c0a09;color:var(--bg);font-weight:600;padding:12px 16px}.login__submit:disabled{cursor:progress;opacity:.6}
/*# sourceMappingURL=main.bd9c1b00.css.map*/