@import"https://fonts.googleapis.com/css2?family=Caveat&family=Noto+Sans+Mono&family=Noto+Serif&display=swap";@import"https://cdn.jsdelivr.net/npm/misans@4.0.0/lib/Normal/MiSans-Medium.min.css";@import"https://cdn.jsdelivr.net/npm/misans@4.0.0/lib/Normal/MiSans-Bold.min.css";:root{--banner-scale: .8;--base-padding: 20px;--base-title-size: 18px;--base-text-size: 12px;--base-height: 39px;--base-margin: 6px;--font-size-small: .85;--font-size-normal: 1;--font-size-large: 1.15;--current-font-size: var(--font-size-normal);--font-weight-normal: 400;--font-weight-bold: 700;--font-weight-black: 900;--current-font-weight: var(--font-weight-bold);--font-family-default: system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;--font-family-misans: "MiSans", var(--font-family-default);--font-family-caveat: "Caveat", cursive;--font-family-helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-futura: Futura, "Trebuchet MS", Arial, sans-serif;--font-family-avenir: Avenir, "Avenir Next", "Segoe UI", sans-serif;--font-family-didot: Didot, "Bodoni MT", "Times New Roman", serif;--current-font-family: var(--font-family-default)}#app{width:800px;margin:0 auto;padding:20px 0}.picseal-title{font-family:var(--font-family-caveat),system-ui}.picseal-description{font-family:var(--font-family-misans),system-ui}.preview-box{margin-bottom:16px}.preview{box-shadow:7px 4px 15px #ccc;background:#fff}.preview-picture{max-width:100%;transition:opacity .6s ease-in-out,transform .6s ease-in-out;opacity:0;transform:scale(.95)}.preview-picture.loaded{opacity:1;transform:scale(1)}.preview-picture.fade{opacity:0;transform:scale(.95)}.preview-info{padding:calc(var(--base-padding) * var(--banner-scale));display:flex;flex-direction:row;font-family:var(--current-font-family),system-ui;align-items:center}.preview-info-left{flex-grow:1;width:auto;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.preview-info-split{border-left:2px solid #ddd;height:calc(var(--base-height) * var(--banner-scale));margin-top:calc(var(--base-margin) * var(--banner-scale));margin-right:12px;margin-left:12px}.preview-info-right{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.preview-info-model,.preview-info-device{font-weight:var(--current-font-weight);font-size:calc(var(--base-title-size) * var(--banner-scale) * var(--current-font-size));white-space:nowrap}.preview-info-date,.preview-info-gps{font-size:calc(var(--base-text-size) * var(--banner-scale) * var(--current-font-size));color:#aaa;white-space:nowrap}.preview-info-brand{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center}.preview-info-brand img{height:calc(var(--base-height) * var(--banner-scale))}.exhibition{display:flex;justify-content:center;margin-top:20px;margin-bottom:20px;gap:1rem;padding:1rem}.exhibition .ant-btn{transition:background-color .3s ease,transform .2s ease}.exhibition .ant-btn:hover{background-color:#4a90e2;transform:translateY(-2px)}.op{display:flex;justify-content:center;margin-top:20px;gap:1rem;padding:1rem}.op .ant-btn{transition:background-color .3s ease,transform .2s ease}.op .ant-btn:hover{background-color:#4a90e2;transform:translateY(-2px)}.props{margin-top:24px}.props .ant-form-horizontal .ant-form-item{margin-top:16px;margin-bottom:16px}.props-title{margin-bottom:16px;color:#2c3e50;font-weight:600}.props-option{background-color:#fff;box-shadow:0 4px 20px #0000001a;border-radius:12px;padding:24px;transition:transform .2s ease}.props-option:hover{transform:translateY(-2px)}.ant-input,.ant-select-selector{border-radius:8px;border:1px solid #d9d9d9;transition:border-color .3s ease,box-shadow .3s ease;padding:10px}.ant-input:focus,.ant-select-selector:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.ant-slider{margin-top:8px}.ant-typography{color:#333}.ant-btn{border-radius:8px;transition:background-color .3s ease,transform .2s ease}.ant-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.switch-title{color:#aaa;font-family:var(--current-font-family),system-ui;font-size:12px}.ant-switch{border-radius:20px;background-color:#e0e0e0;transition:background-color .3s ease}.ant-switch-checked{background-color:#a0c4ff}.ant-switch-checked:hover{background-color:#8ab8ff}.ant-tooltip{border-radius:8px;background-color:#f0f0f0;color:#333;padding:8px;font-size:14px}.ant-tooltip-arrow{border-color:#f0f0f0}
