@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Inter:wght@300;400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--paper-1:#f6efe0;--paper-2:#efe3cb;--ink-dark:#2b2a26;--muted:#7a6f5f;--accent:#b7842f;--accent-2:#9f7a2e;--panel:#fffffffa;--sep:#0b0a0912;--radius:12px;--space-1:12px;--space-2:18px;--space-3:24px;--max-width:1180px}*{box-sizing:border-box}body,html{background:url(/static/media/earth.4cdbf2455765a1295420.png) 50%/cover no-repeat fixed;color:#f0f0f0;font-family:Inter,sans-serif;margin:0;overflow-x:hidden;padding:0}body:before{background:radial-gradient(ellipse at top,#ffffff1f,#0000);content:"";height:300px;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.classic-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e1e1eb3;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 2px 10px #0006;color:#f8f8f8;margin:20px auto 40px;max-width:1200px;padding:16px 28px;z-index:10}.brand-texts h1{color:#fefefe}.brand-texts .subtitle{color:#c9c9c9}.analysis-card,.card,.preview-card,.upload-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 0 18px #00000080;color:#f0f0f0;padding:20px;transition:all .3s ease}.card:hover{background:#ffffff1a;transform:translateY(-2px)}button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 14px;transition:.3s}button:hover{opacity:.9}button.analyze{background:linear-gradient(90deg,#b8934e,#d8a856);color:#111}.card,.classic-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:14px;box-shadow:0 4px 20px #00000026;color:#222}.classic-page{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:28px}.classic-shell{grid-gap:24px;grid-gap:var(--space-3);align-items:start;display:grid;gap:24px;gap:var(--space-3);grid-template-columns:320px 1fr 380px;max-width:1180px;max-width:var(--max-width);position:relative;width:100%}.classic-header{background:#0000;border-bottom:1px solid #0b0a0912;border-bottom:1px solid var(--sep);grid-column:1/-1;padding:12px 18px}.brand-badge{align-items:center;background:linear-gradient(135deg,#b7842ff2,#9f7a2ef2);border-radius:10px;box-shadow:0 6px 18px #0000000f;color:#f6efe0;color:var(--paper-1);display:flex;font-size:18px;height:56px;justify-content:center;width:56px}.brand-badge,.brand-texts h1{font-family:Merriweather,serif;font-weight:700}.brand-texts h1{color:#2b2a26;color:var(--ink-dark)}.subtitle{color:#7a6f5f;color:var(--muted);font-size:13px;margin:0}.panel{background:#fffffffa;background:var(--panel);border:1px solid #0b0a0912;border:1px solid var(--sep);border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 30px #0b0a090a;padding:18px}.panel-title{color:#7a6f5f;color:var(--muted);font-size:13px;letter-spacing:.6px;margin:0 0 12px}.uploader{align-items:center;background:linear-gradient(180deg,#00000003,#0000);border:1px dashed #0b0a090f;border-radius:10px;display:flex;justify-content:center;padding:14px;text-align:center;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.uploader:hover{box-shadow:0 12px 32px #0b0a090f;transform:translateY(-3px)}.uploader.drag-over{background:linear-gradient(180deg,#b7842f0d,#00000003);border-color:#b7842f40}.uploader-icon{font-size:28px}.uploader-title{color:#2b2a26;color:var(--ink-dark);font-weight:700}.uploader-sub{color:#7a6f5f;color:var(--muted);font-size:12px}.file-area{margin-top:14px}.small-title{color:#7a6f5f;color:var(--muted);font-size:12px;margin-bottom:8px}.file-item{background:linear-gradient(180deg,#fffffffa,#fffffff5);border:1px solid #0b0a0908;padding:8px}.thumb{align-items:center;background:#f3efe8;border-radius:6px;display:flex;height:56px;justify-content:center;overflow:hidden;width:56px}.thumb img{height:100%;width:100%}.file-meta .file-name{color:#2b2a26;color:var(--ink-dark);font-weight:700}.file-empty,.file-size{color:#7a6f5f;color:var(--muted)}.file-empty{background:#0b0a0905;border-radius:8px;padding:12px}.controls{gap:12px}.btn{background:linear-gradient(180deg,#fffffffa,#fffffff5);border:1px solid #0b0a090f;border-radius:10px;box-shadow:0 8px 22px #0b0a090f;color:#2b2a26;color:var(--ink-dark);cursor:pointer;font-weight:700;padding:10px 14px}.btn.primary{background:linear-gradient(180deg,#b7842ffa,#9f7a2ef5);border:none;box-shadow:0 10px 30px #9f7a2e24;color:#fff}.btn.ghost{background:#0000;border:1px solid #0b0a090f;color:#7a6f5f;color:var(--muted)}.main-panel{gap:14px;min-height:420px}.empty-note,.main-panel{display:flex;flex-direction:column}.empty-note{align-items:center;background:#0b0a0903;border:1px dashed #0b0a090a;border-radius:8px;color:#7a6f5f;color:var(--muted);justify-content:center;padding:40px}.empty-emoji{font-size:42px;margin-bottom:8px}.preview-wrap{flex-wrap:wrap;gap:14px}.preview-box{align-items:center;background:linear-gradient(180deg,#fffefb,#f7f1e6);border:1px solid #0b0a090a;box-shadow:0 12px 40px #0b0a090f;display:flex;height:420px;justify-content:center;max-width:720px;width:100%}.preview-box img{height:100%}.preview-actions{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:220px;padding:8px}.file-name-preview{color:#2b2a26;color:var(--ink-dark);font-size:16px;font-weight:700}.preview-meta{color:#7a6f5f;color:var(--muted);font-size:13px}.right-panel{display:flex;flex-direction:column;gap:12px;min-height:420px}.result-card{background:linear-gradient(180deg,#fffefb,#f9f3e6);border:1px solid #0b0a0908;border-radius:10px;box-shadow:0 12px 40px #0b0a090d;padding:14px}.result-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.result-title{color:#7a6f5f;color:var(--muted);font-size:13px}.result-confidence{color:#b7842f;color:var(--accent);font-weight:700}.predicted{color:#2b2a26;color:var(--ink-dark);font-family:Merriweather,serif;font-size:22px;font-weight:700;margin-bottom:8px}.result-meta{color:#7a6f5f;color:var(--muted);font-size:13px;margin-bottom:10px}.meter{background:linear-gradient(180deg,#0b0a0905,#0b0a090a);border:1px solid #0b0a090a;border-radius:999px;height:12px;overflow:hidden}.meter-fill{background:linear-gradient(90deg,#b7842ff2,#9f7a2ef2);height:100%;transition:width .5s ease}.json{background:#f6f2ea;border:1px solid #0b0a0908;border-radius:8px;color:#2b2a26;color:var(--ink-dark);font-family:monospace;font-size:13px;margin-top:12px;max-height:260px;overflow:auto;padding:10px}.out-thumb img{border-radius:8px;display:block;height:120px;margin-bottom:6px;object-fit:cover;width:100%}.classic-footer{color:#7a6f5f;color:var(--muted);font-size:13px;grid-column:1/-1;margin-top:12px;text-align:center}:focus{outline:none}.uploader:focus{box-shadow:0 0 0 4px #b7842f14}.btn:focus{box-shadow:0 0 0 6px #b7842f14}@media (max-width:1100px){.classic-shell{grid-template-columns:1fr}.left-panel,.right-panel{order:3}.main-panel{order:2}.preview-box{height:300px}}.image-viewer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a08b8;flex-direction:column;inset:0;justify-content:center;padding:28px;position:fixed;z-index:9999}.image-viewer,.viewer-toolbar{align-items:center;display:flex;gap:12px}.viewer-toolbar{color:#fff;justify-content:space-between;max-width:1200px;padding:8px 12px;width:calc(100% - 56px)}.viewer-controls{align-items:center;display:flex;gap:8px}.viewer-controls .btn{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;color:#fff;padding:8px 10px}.viewer-controls .btn:hover{transform:translateY(-2px)}.viewer-zoom{color:#ffffffd9;font-size:14px;font-weight:600}.viewer-stage{align-items:center;background:#0000005c;border:1px solid #ffffff0a;border-radius:10px;display:flex;justify-content:center;max-height:calc(100vh - 140px);max-width:1200px;overflow:hidden;position:relative;width:calc(100% - 56px)}.viewer-stage img{-webkit-user-drag:none;max-height:none;max-width:none;transition:transform .12s linear;-webkit-user-select:none;user-select:none;will-change:transform}.preview-wrap{align-items:flex-start;box-sizing:border-box;display:flex;gap:20px;padding:10px 0;width:100%}.preview-box{background:#fff;border-radius:10px;box-shadow:0 6px 18px #0000000f;flex:1 1 60%;max-width:100%;min-width:0;overflow:hidden;padding:18px}.preview-box img{border-radius:6px;display:block;height:auto;object-fit:contain;width:100%}.preview-actions{box-sizing:border-box;flex:0 0 320px;max-width:340px;min-width:200px;padding:12px}.file-name-preview{display:block;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.preview-actions img{border:1px solid #0000000f;border-radius:6px;height:auto;object-fit:cover;width:140px}.file-item{gap:10px}@media (max-width:900px){.preview-wrap{flex-direction:column}.preview-actions{max-width:100%;width:100%}.preview-box{padding:12px}}.uploader{background:#fff;border:2px dashed #96969633;border-radius:12px;box-sizing:border-box;cursor:pointer;padding:18px}.uploader-inner{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center}.file-area{margin-top:12px}.file-item{align-items:center;background:#faf9f7;border:1px solid #00000008;border-radius:8px;box-sizing:border-box;display:flex;gap:12px;min-width:0;padding:8px 10px}.thumb img{border-radius:6px;display:block;height:44px;object-fit:cover;width:44px}.file-meta{align-items:flex-start;display:flex;flex-direction:column;min-width:0;overflow:hidden}.file-name{color:#2e2b27;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#777;font-size:12px;margin-top:2px}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.panel,.panel.left-panel{box-sizing:border-box}.classic-header{background:#0a0a0a;border-bottom:2px solid #222;color:#fff;justify-content:space-between;padding:12px 24px}.brand,.classic-header{align-items:center;display:flex}.brand{gap:12px}.brand-logo{border-radius:12px;box-shadow:0 0 6px #fff3;height:50px;object-fit:cover;width:50px}.brand-texts h1{font-size:20px;font-weight:600;margin:0}.brand-texts .subtitle{color:#ccc;font-size:13px;margin-top:2px}.header-right{color:#bbb;font-size:14px}.header-note{background:#ffffff1a;border-radius:10px;padding:6px 12px}.classic-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #0000001a;color:#333}.brand-texts h1{color:#333}.brand-texts .subtitle{color:#666}.header-right .header-note{background:#0000000d;color:#333}
/*# sourceMappingURL=main.525165f7.css.map*/