@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Sora:wght@400;600;700;800&display=swap";:root{--page-bg:#f6efe3;--page-ink:#27405f;--heading:#182d4f;--muted:#5f728f;--accent:#f0702c;--sans:"Sora", "Avenir Next", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", "SFMono-Regular", monospace;color:var(--page-ink);font:16px/1.6 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%}body{background:radial-gradient(circle at 0 0,#ffb34773,#0000 28%),radial-gradient(circle at 80% 20%,#52a4ff47,#0000 24%),linear-gradient(#fbf7ef 0%,#f0e3d0 100%);min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.2;background-image:linear-gradient(#182d4f0a 1px,#0000 1px),linear-gradient(90deg,#182d4f0a 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 85%);mask-image:linear-gradient(#000000b3,#0000 85%)}#root{width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto;padding:40px 0}h1,h2,strong{color:var(--heading)}h1{letter-spacing:-.05em;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98}h2{margin:0;font-size:clamp(1.25rem,2vw,1.6rem)}p{margin:0}a{color:inherit}button,input{font:inherit}@media (width<=640px){#root{width:min(100% - 20px,1180px);padding:20px 0 28px}}.shell{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);align-items:start;gap:28px;display:grid}.shell--login{grid-template-columns:minmax(0,460px);place-content:center;min-height:calc(100vh - 180px);padding-top:20px}.app-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffcf5bd;border:1px solid #182d4f1f;border-radius:28px;justify-content:center;align-items:center;min-height:88px;margin-bottom:18px;padding:18px 24px;display:flex;box-shadow:0 20px 60px #1c2a4514}.app-bar__brand{gap:4px;display:grid}.app-bar__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:center;margin:0 0 6px;font-size:.78rem}.app-bar__title{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,2.4vw,1.8rem);line-height:1.1}.console-panel,.operation-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffdf7d1;border:1px solid #182d4f24;border-radius:32px;flex-direction:column;gap:20px;min-width:0;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #1c2a451f}.console-panel--login{width:min(100%,520px);min-height:0;margin:0 auto;padding:32px}.console-panel--loading{justify-content:center;min-height:320px}.loading-state{text-align:center;gap:10px;display:grid}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-chip{color:var(--heading);background:#113b5e14;border-radius:999px;align-items:center;padding:10px 14px;font-size:.9rem;display:inline-flex}.token-field{gap:8px;display:grid}.token-field span,.limit-note,.result-empty{color:var(--muted)}.token-field input{width:100%;color:var(--heading);background:#ffffffd9;border:1px solid #113b5e29;border-radius:16px;padding:14px 16px}.auth-card{background:#ffffffe0;border:1px solid #182d4f14;border-radius:24px;gap:16px;padding:24px;display:grid}.auth-card--bare{margin:0;transform:none}.auth-panel-header{gap:8px;padding-bottom:8px;display:grid}.auth-panel-title{margin:0;font-size:clamp(1.55rem,3vw,2rem);line-height:1.15}.auth-panel-copy{color:var(--muted)}.auth-actions,.session-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-actions{z-index:1;position:relative}.session-badge{color:var(--heading);background:#113b5e14;border-radius:999px;align-items:center;padding:10px 14px;font-size:.9rem;display:inline-flex}.turnstile-box{min-height:66px;overflow:hidden}.turnstile-hint{color:var(--muted);margin:-4px 0 0;font-size:.95rem}.quota-card{background:#ffffffd1;border:1px solid #182d4f14;border-radius:24px;gap:14px;padding:20px 22px;display:grid}.quota-card__product{gap:6px;display:grid}.quota-card__product-title,.operation-panel__title,.result-card__title{color:var(--heading);margin:0;font-size:1.25rem;line-height:1.15}.quota-card__product-subtitle,.operation-panel__copy{color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.quota-card--danger{background:#fff7f4eb;border-color:#bf331f2e}.quota-card__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.quota-card__title{margin:4px 0 0;font-size:1.15rem}.quota-card__ratio{font-family:var(--mono);color:var(--heading);font-size:1.05rem}.quota-bar{background:#113b5e14;border-radius:999px;height:12px;overflow:hidden}.quota-bar__fill{border-radius:inherit;background:linear-gradient(90deg,#ff9e63,#f0702c);height:100%;display:block}.quota-card--danger .quota-bar__fill{background:linear-gradient(90deg,#e66a4a,#bf331f)}.quota-card__stats{color:var(--muted);scrollbar-width:thin;align-items:stretch;gap:10px;min-width:0;font-size:.94rem;display:flex;overflow-x:auto}.quota-card__stats span{white-space:nowrap;background:#f2f7fae0;border-radius:18px;flex:auto;min-width:max-content;padding:12px 14px;display:block}.quota-card__notice{color:var(--muted)}.quota-card__notice--danger{color:#8c2e1c}.console-note{gap:8px;padding:2px 2px 0;display:grid}.console-note__summary,.console-note__item{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.console-note__item strong{color:var(--heading)}.operation-panel__header,.result-card__header-block{gap:6px;display:grid}.limit-note{margin:-4px 0 0}.pending-card,.upload-progress-card{background:#ffffffd1;border:1px solid #182d4f14;border-radius:24px;gap:14px;padding:20px 22px;display:grid}.pending-card__header,.upload-progress-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pending-card__summary,.upload-progress-card__notice{color:var(--muted)}.pending-list{gap:10px;display:grid}.pending-item{background:#f2f7fae0;border-radius:18px;gap:10px;padding:14px;display:grid}.pending-item--invalid{background:#fff4f1eb}.pending-item__main,.pending-item__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pending-item__main span,.pending-item__reason{color:var(--muted)}.pending-item__reason{margin:0}.pending-badge{border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.88rem;font-weight:600;display:inline-flex}.pending-badge--ready{color:var(--heading);background:#113b5e14}.pending-badge--invalid{color:#8c2e1c;background:#bf331f1a}.dropzone{cursor:pointer;background:linear-gradient(135deg,#ffffffe6,#ecf5ffb8),radial-gradient(circle at 100% 0,#4799ff2e,#0000 38%);border:1.5px dashed #113b5e47;border-radius:28px;flex-direction:column;justify-content:center;gap:10px;min-height:220px;padding:28px;display:flex;position:relative}.dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.dropzone strong{color:var(--heading);font-size:1.3rem}.dropzone span{color:var(--muted)}.primary-button,.secondary-button{font:inherit;cursor:pointer;border:none;border-radius:18px;transition:transform .18s,box-shadow .18s,opacity .18s}.primary-button{color:#182d4f;background:linear-gradient(135deg,#ff7a18,#ffb347);padding:16px 20px;font-weight:700;box-shadow:0 18px 40px #ff7a1847}.secondary-button{color:var(--heading);background:#113b5e1a;padding:13px 16px;font-weight:600}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.feedback{border-radius:18px;margin:0;padding:14px 16px}.feedback.error{color:#8c2e1c;background:#bf331f1a}.feedback.notice{color:var(--heading);background:#113b5e14}.result-card{background:#ffffffc7;border:1px solid #182d4f14;border-radius:24px;gap:16px;min-width:0;padding:22px;display:grid;overflow:hidden}.result-list{gap:12px;min-width:0;display:grid}.result-item{background:#f2f7fad9;border-radius:18px;gap:6px;min-width:0;padding:14px;display:grid}.result-item__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.result-item span,.result-empty{color:var(--muted)}.result-card strong,.result-card a{color:var(--heading);overflow-wrap:anywhere}.result-card a{word-break:break-all;max-width:100%;text-decoration:none;display:block}.result-card a:hover{text-decoration:underline}.result-card__copy{justify-self:start;max-width:100%}.result-badge{min-height:32px;color:var(--heading);background:#113b5e14;border-radius:999px;align-items:center;padding:0 12px;font-size:.88rem;font-weight:600;display:inline-flex}.result-badge--reused{background:#ffb34738}@media (width<=980px){.shell{grid-template-columns:1fr}.shell--login{min-height:auto;padding-top:12px}.feature-grid{grid-template-columns:1fr}.panel-header{flex-direction:column}.app-bar{padding:16px 18px}}@media (width<=640px){.console-panel,.operation-panel{border-radius:24px}.app-bar{border-radius:22px;min-height:76px;margin-bottom:14px}.console-panel,.operation-panel{padding:20px}.console-panel--login{padding:22px}.auth-card{padding:20px}.auth-actions{flex-direction:column;align-items:stretch}.auth-actions .primary-button,.auth-actions .secondary-button{width:100%}.quota-card,.pending-card,.upload-progress-card{padding:18px}.quota-card__header{flex-direction:column}.pending-item__main,.pending-item__meta,.upload-progress-card__header,.result-item__header{flex-direction:column;align-items:flex-start}.turnstile-box{overflow:hidden}.dropzone{min-height:180px;padding:22px}}
