:root{--sage:#ccd5ae;--tea:#e9edc9;--paper:#fefae0;--peach:#faedcd;--brass:#d4a373;--ink:#2d281f;--ink-soft:#5f5748;--ink-muted:#817665;--line:#ded0aa;--line-strong:#b58b5d;--surface:#fffceaeb;--surface-solid:#fffceb;--surface-deep:#f5e6c4;--action:#7a4d22;--action-hover:#5e3918;--action-ink:#fff9df;--focus:#7a4d2247;--line-inline-size:.0625rem;--line-width-strong:.125rem;--space-3xs:.1875rem;--space-2xs:.25rem;--space-xs:.375rem;--space-sm:.5rem;--space-md:.625rem;--space-lg:.75rem;--space-xl:1rem;--space-2xl:1.5rem;--space-3xl:2rem;--space-4xl:3rem;--radius-sm:var(--space-xs);--radius-md:var(--space-sm);--measure-page:47.5rem;--measure-form:40.625rem;--measure-copy:35rem;--measure-status:28.75rem;--measure-picker:26.25rem;--measure-chip:15rem;--shadow:0 1.125rem 3.75rem #4b341621;--shadow-small:0 var(--space-sm) var(--space-2xl) #4b34161a;--error:#9f2f22;--error-bg:#fff1e8;--error-border:#e2aa94;--success:#446534;--success-bg:#eef4d7;--success-border:#b5c48c;--mono:"Cascadia Code", "Source Code Pro", "SFMono-Regular", Consolas, monospace;--sans:"Avenir Next", "Segoe UI", "Helvetica Neue", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;background:var(--paper);color:var(--ink);font:1rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{background:linear-gradient(135deg, #ccd5ae61, transparent 34%), linear-gradient(225deg, #faedcde6, transparent 42%), var(--paper);min-block-size:100vh;margin-block:0;margin-inline:0}body:before{background-image:linear-gradient(#7a4d220a var(--line-width), transparent var(--line-width)), linear-gradient(90deg, #7a4d2209 var(--line-width), transparent var(--line-width));content:"";pointer-events:none;z-index:-1;background-size:2.625rem 2.625rem;position:fixed;inset-block:0;inset-inline:0;-webkit-mask-image:linear-gradient(#000000b8,#0000 78%);mask-image:linear-gradient(#000000b8,#0000 78%)}button,input,select{font:inherit}a{color:inherit}.visually-hidden,.file-input-hidden{block-size:var(--line-width);clip:rect(0, 0, 0, 0);inline-size:var(--line-width);white-space:nowrap;position:absolute;overflow:hidden}.icon{flex:none;block-size:1.1em;inline-size:1.1em}#app,.upload-page,.view-page{min-block-size:100vh}.upload-page,.view-page{flex-direction:column;display:flex}.app-header{inline-size:min(var(--measure-page), calc(100% - var(--space-3xl)));text-align:center;margin-block:0;margin-inline:auto;padding-block:3.375rem 1.75rem;padding-inline:0}.brand-mark{background:var(--peach);border:var(--line-width) solid var(--line);border-radius:var(--space-sm);block-size:2.875rem;box-shadow:var(--shadow-small);color:var(--action);place-items:center;inline-size:2.875rem;margin-block-end:1.125rem;display:inline-grid;transform:rotate(-3deg)}.brand-icon{block-size:1.5rem;inline-size:1.5rem}.eyebrow{color:var(--action);letter-spacing:.14em;margin-block:0 var(--space-sm);text-transform:uppercase;margin-inline:0;font-size:.76rem;font-weight:800}.app-title{color:var(--ink);letter-spacing:0;margin-block:0;margin-inline:0;font-size:clamp(2.45rem,8vw,5.2rem);font-weight:900;line-height:.95}.tagline{color:var(--ink-soft);max-inline-size:var(--measure-copy);margin-block:1.125rem 0;margin-inline:auto;font-size:clamp(1rem,2.2vw,1.18rem)}.upload-form-container{inline-size:min(var(--measure-form), calc(100% - var(--space-3xl)));flex:1;margin-block:0;margin-inline:auto}.upload-form,.result-section,.status-card{-webkit-backdrop-filter:blur(1.125rem);backdrop-filter:blur(1.125rem);background:var(--surface);border:var(--line-width) solid var(--line);border-radius:var(--space-sm);box-shadow:var(--shadow)}.upload-form{padding-block:clamp(1.375rem,4vw,2.125rem);padding-inline:clamp(1.375rem,4vw,2.125rem);position:relative;overflow:visible}.upload-form:before{background:linear-gradient(90deg, var(--sage), var(--brass), var(--peach), var(--sage));block-size:var(--space-xs);border-radius:var(--space-sm) var(--space-sm) 0 0;content:"";position:absolute;inset-block-start:0;inset-inline:0}.form-heading{margin-block-end:1.5rem}.form-heading p{color:var(--ink);margin-block:0;margin-inline:0}.drop-zone{background:linear-gradient(var(--surface-solid), var(--surface-solid)) padding-box, repeating-linear-gradient(135deg, var(--line), var(--line) var(--space-sm), transparent var(--space-sm), transparent var(--space-xl)) border-box;border:var(--line-width-strong) dashed transparent;border-radius:var(--space-sm);cursor:pointer;text-align:center;place-items:center;min-block-size:13.75rem;padding-block:2.125rem;padding-inline:1.375rem;transition:transform .18s,box-shadow .18s,background-color .18s;display:grid;position:relative;overflow:hidden}.drop-zone:after{border:var(--line-width) solid #7a4d2214;border-radius:var(--space-xs);content:"";inset-block:var(--space-lg);inset-inline:var(--space-lg);pointer-events:none;position:absolute}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone-active{box-shadow:0 var(--space-xl) 2.125rem #5b3f1b21;transform:translateY(-var(--line-width-strong))}.drop-zone:focus-visible,.file-remove:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-copy:focus-visible,.admin-token-input:focus-visible,.share-url-input:focus-visible,.expiration-select:focus-visible{outline:var(--space-3xs) solid var(--focus);outline-offset:var(--space-3xs)}.drop-zone-active{background:linear-gradient(#fff8d7, #fff8d7) padding-box, repeating-linear-gradient(135deg, var(--brass), var(--brass) var(--space-sm), transparent var(--space-sm), transparent var(--space-xl)) border-box}.drop-zone-has-file{background:var(--success-bg);border:var(--line-width) solid var(--success-border);min-block-size:auto;padding-block:1.125rem;padding-inline:1.125rem}.drop-zone-inner{pointer-events:none}.drop-zone-has-file .drop-zone-inner{opacity:0;position:absolute}.drop-icon{background:var(--peach);border:var(--line-width) solid var(--line);border-radius:var(--space-sm);block-size:4.75rem;color:var(--action);inline-size:4.75rem;place-items:center;margin-block-end:var(--space-xl);transition:transform .18s;display:inline-grid}.drop-icon-svg{block-size:2.25rem;inline-size:2.25rem}.drop-zone:hover .drop-icon,.drop-zone-active .drop-icon{transform:rotate(-4deg) translateY(-var(--space-3xs))}.drop-text{color:var(--ink);margin-block:0 var(--space-sm);margin-inline:0;font-size:1.06rem}.drop-text strong{color:var(--action);font-size:1.16rem;display:block}.drop-text span,.drop-hint{color:var(--ink-muted)}.drop-hint{margin-block:0;margin-inline:0;font-size:.84rem}.file-preview:not([hidden]){background:var(--success-bg);border:var(--line-width) solid var(--success-border);border-radius:var(--space-sm);color:var(--success);align-items:center;gap:.875rem;margin-block-start:.875rem;padding-block:.875rem;padding-inline:.875rem;animation:.26s ease-out settleIn;display:flex}.file-preview-icon{border-radius:var(--space-sm);background:#ffffff94;place-items:center;block-size:2.625rem;inline-size:2.625rem;display:grid}.file-preview-icon .icon{block-size:1.5rem;inline-size:1.5rem}.file-preview-info{flex:1;min-inline-size:0}.file-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:750;display:block;overflow:hidden}.file-size{color:var(--ink-muted);margin-block-start:var(--line-width);font-size:.82rem;display:block}.file-remove{border:var(--line-width) solid var(--success-border);border-radius:var(--space-sm);block-size:2.375rem;color:var(--ink-muted);cursor:pointer;background:0 0;place-items:center;inline-size:2.375rem;padding-block:0;padding-inline:0;transition:color .16s,background-color .16s,transform .16s;display:inline-grid}.file-remove:hover{background:var(--error-bg);color:var(--error);transform:translateY(-var(--line-width))}.form-group{margin-block-start:1.5rem}.form-group label{color:var(--ink);align-items:center;gap:var(--space-sm);margin-block-end:var(--space-md);font-size:.94rem;font-weight:800;display:flex}.label-icon{color:var(--action);display:inline-flex}.expiration-select{appearance:none;background-color:var(--surface-solid);background-image:linear-gradient(45deg, transparent 50%, var(--action) 50%), linear-gradient(135deg, var(--action) 50%, transparent 50%);background-position:calc(100% - 1.25rem) 52%,calc(100% - .875rem) 52%;background-repeat:no-repeat;background-size:var(--space-xs) var(--space-xs), var(--space-xs) var(--space-xs);border:var(--line-width) solid var(--line);border-radius:var(--space-sm);color:var(--ink);cursor:pointer;inline-size:100%;padding-block:.8125rem;padding-inline:.875rem 2.625rem;transition:border-color .16s,box-shadow .16s,background-color .16s}.expiration-select:hover{border-color:var(--line-strong);background-color:#fff8d7}.expiration-select>button,.option-icon,.option-copy,.option-track{display:none}.form-actions{margin-block-start:1.75rem}.btn-primary,.btn-secondary,.btn-copy,.btn-ghost{border-radius:var(--space-sm);cursor:pointer;align-items:center;gap:var(--space-sm);justify-content:center;min-block-size:2.625rem;font-weight:850;text-decoration:none;transition:transform .16s,box-shadow .16s,background-color .16s,color .16s,opacity .16s;display:inline-flex}.btn-primary{background:var(--action);border:var(--line-width) solid var(--action-hover);box-shadow:0 var(--space-md) 1.5rem #5e391838;color:var(--action-ink);inline-size:100%;padding-block:.8125rem;padding-inline:1.375rem}.btn-primary:focus-visible{box-shadow:0 0 0 var(--line-width-strong) var(--paper), 0 0 0 var(--space-xs) var(--focus), 0 var(--space-md) 1.5rem #5e391838;outline:var(--space-3xs) solid var(--focus);outline-offset:var(--space-3xs)}.btn-primary:hover:not(:disabled),.btn-copy:hover,.btn-secondary:hover,.btn-ghost:hover{transform:translateY(-var(--line-width))}.btn-primary:hover:not(:disabled){background:var(--action-hover);box-shadow:0 .875rem var(--space-3xl) #5e391845}.btn-primary:active:not(:disabled),.btn-copy:active,.btn-secondary:active{transform:translateY(0)scale(.99)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.46}.btn-secondary:disabled{cursor:not-allowed;opacity:.55}.btn-secondary,.btn-ghost{border:var(--line-width) solid var(--line);color:var(--action);padding-block:var(--space-sm);background:#fffcebbd;padding-inline:.875rem}.btn-danger{color:var(--error)}.btn-primary.btn-danger{background:var(--error);color:#fff8ef;border-color:#7c2319}.btn-copy{background:var(--action);border:var(--line-width) solid var(--action-hover);color:var(--action-ink);padding-block:var(--space-md);padding-inline:var(--space-xl);white-space:nowrap}.btn-icon{block-size:1.125rem;inline-size:1.125rem}.icon-spin{animation:.82s linear infinite spin}.message{border-radius:var(--space-sm);padding-block:var(--space-lg);margin-block-start:var(--space-xl);padding-inline:.875rem;font-size:.92rem;font-weight:700}.message-error{background:var(--error-bg);border:var(--line-width) solid var(--error-border);color:var(--error)}.message-info{background:var(--peach);border:var(--line-width) solid var(--line);color:var(--action)}.upload-progress{margin-block-start:1.25rem}.upload-progress-bar{appearance:none;block-size:var(--space-sm);border:0;border-radius:999rem;inline-size:100%;display:block;overflow:hidden}.upload-progress-bar::-webkit-progress-bar{background:var(--tea)}.upload-progress-bar::-webkit-progress-value{background:linear-gradient(90deg, var(--sage), var(--brass))}.upload-progress-bar::-moz-progress-bar{background:linear-gradient(90deg, var(--sage), var(--brass))}.progress-label{color:var(--ink-muted);margin-block:var(--space-sm) 0;text-align:center;margin-inline:0;font-size:.86rem}.result-section{padding-block:clamp(1.375rem, 4vw, var(--space-3xl));padding-inline:clamp(1.375rem, 4vw, var(--space-3xl));text-align:center;margin-block-start:1.375rem;animation:.32s ease-out settleIn}.result-icon,.status-icon{background:var(--success-bg);border:var(--line-width) solid var(--success-border);border-radius:var(--space-sm);block-size:3rem;color:var(--success);inline-size:3rem;place-items:center;margin-block-end:var(--space-lg);display:inline-grid}.result-icon .icon,.status-icon .icon{block-size:1.625rem;inline-size:1.625rem}.result-section h2,.expired-message h2{color:var(--ink);margin-block:0 var(--space-sm);margin-inline:0;line-height:1.18}.result-section h2{font-size:1.45rem}.result-section>p,.expired-message p{color:var(--ink-soft)}.result-section>p{margin-block:0 1.25rem;margin-inline:0}.share-url-container{gap:var(--space-md);display:flex}.share-url-input{border:var(--line-width) solid var(--line);border-radius:var(--space-sm);color:var(--ink);font-family:var(--mono);min-inline-size:0;padding-block:var(--space-lg);background:#fff8d7;flex:1;padding-inline:.8125rem;font-size:.82rem}.expires-info{color:var(--ink);overflow-wrap:anywhere;margin-block:0 1.25rem;margin-inline:0;font-size:.86rem}.app-footer{color:var(--ink-muted);inline-size:min(var(--measure-page), calc(100% - var(--space-3xl)));margin-block:auto 0;margin-inline:auto;padding-block:1.875rem 2.375rem;padding-inline:0;font-size:.86rem}.app-footer ul{gap:var(--space-md) var(--space-xl);flex-wrap:wrap;justify-content:center;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none;display:flex}.app-footer li{align-items:center;gap:var(--space-xs);display:inline-flex}.app-footer .icon{color:var(--action)}.view-status:not([hidden]){padding-block:2.625rem;padding-inline:var(--space-xl);flex:1;justify-content:center;align-items:center;display:flex}.status-card{text-align:center;inline-size:min(43.75rem,100%);padding-block:clamp(1.5rem,5vw,2.375rem);padding-inline:clamp(1.5rem,5vw,2.375rem)}.status-card p{color:var(--ink-soft);margin-block:0;margin-inline:0}.status-icon-loading{background:var(--peach);border-color:var(--line);color:var(--action)}.status-icon-loading .icon{animation:.9s linear infinite spin}.status-icon-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error)}.expired-message .btn-primary{inline-size:auto;margin-block-start:1.25rem}#view-content:not([hidden]){flex-direction:column;flex:1;min-block-size:100vh;display:flex}.page-bar{border-block-end:var(--line-width) solid var(--line);box-shadow:0 var(--space-sm) 1.375rem #4b341614;align-items:center;gap:var(--space-lg);padding-block:var(--space-lg);background:#fffcebf0;justify-content:space-between;padding-inline:clamp(.875rem,3vw,1.5rem);display:flex}.page-bar-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.page-bar-message{color:var(--ink-muted);min-block-size:1.5rem;padding-block:var(--space-xs);background:#fffcebf0;margin:0;padding-inline:clamp(.875rem,3vw,1.5rem);font-size:.82rem}.page-bar-info{color:var(--ink-muted);align-items:center;gap:var(--space-sm);flex-wrap:wrap;min-inline-size:0;font-size:.85rem;display:flex}.page-id-label,.page-expires{align-items:center;gap:var(--space-xs);display:inline-flex}.page-id-value{background:var(--peach);border:var(--line-width) solid var(--line);border-radius:var(--space-sm);color:var(--ink);font-family:var(--mono);max-inline-size:min(22.5rem,48vw);padding-block:var(--space-2xs);padding-inline:var(--space-sm);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.page-iframe{background:#fff;border:0;flex:1;min-block-size:0;inline-size:100%}.admin-form{gap:var(--space-lg);flex-direction:column;display:flex}.admin-review-list{gap:var(--space-md);margin-block:0;margin-inline:0;display:grid}.admin-review-list div{gap:var(--space-2xs);display:grid}.admin-review-list dt,.field-label{color:var(--action);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:850}.admin-review-list dd{color:var(--ink);overflow-wrap:anywhere;min-inline-size:0;margin-block:0;margin-inline:0}.admin-review-list code{font-family:var(--mono)}.admin-token-input{background:var(--surface-solid);border:var(--line-width-strong) solid var(--line);border-radius:var(--space-sm);color:var(--ink);min-block-size:3rem;inline-size:100%;padding-block:var(--space-md);padding-inline:var(--space-lg)}.form-message{color:var(--success);min-block-size:1.5rem;margin-block:0;margin-inline:0;font-size:.9rem;font-weight:700}.form-message-error{color:var(--error)}@supports (appearance:base-select){.expiration-select{appearance:base-select}.expiration-select::picker(select){appearance:base-select}.expiration-select{background:0 0;border:0;padding-block:0;padding-inline:0;position:relative}.expiration-select>button{background:var(--surface-solid);border:var(--line-width-strong) solid var(--line);border-radius:var(--space-sm);box-shadow:inset 0 0 0 var(--line-width) #ffffff7a, 0 0 0 var(--line-width) #b58b5d38;color:var(--ink);cursor:pointer;min-block-size:3.625rem;inline-size:100%;padding-block:var(--space-md);padding-inline:var(--space-lg);justify-content:space-between;align-items:center;gap:.875rem;display:flex}.expiration-select:focus-visible>button,.expiration-select>button:focus-visible{border-color:var(--line-strong);box-shadow:inset 0 0 0 var(--line-width) #ffffff7a, 0 0 0 var(--line-width-strong) var(--paper), 0 0 0 var(--space-xs) var(--focus);outline:var(--space-3xs) solid var(--focus);outline-offset:var(--space-3xs)}:is(.expiration-select:hover>button,.expiration-select:open>button){border-color:var(--line-strong);background:#fff8d7}.expiration-select:open>button{box-shadow:0 0 0 var(--space-2xs) var(--focus)}.expiration-select::picker-icon{display:none}.select-chevron{color:var(--action);transition:transform .18s}.expiration-select:open .select-chevron{transform:rotate(180deg)}.expiration-select selectedcontent,.expiration-select>button option{align-items:center;gap:var(--space-md);flex:1;min-inline-size:0;display:flex}.expiration-select>button option{background:0 0;border:0;min-block-size:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.expiration-select selectedcontent .option-icon,.expiration-select>button option .option-icon{background:var(--peach);block-size:2.125rem;color:var(--action);inline-size:2.125rem;display:inline-flex}.expiration-select selectedcontent .option-copy,.expiration-select>button option .option-copy{align-items:baseline;gap:var(--space-2xs) var(--space-sm);flex-flow:wrap;flex:1;min-inline-size:0;display:flex}.expiration-select selectedcontent .option-label,.expiration-select>button option .option-label{white-space:nowrap;font-size:.98rem;line-height:1}.expiration-select selectedcontent .option-hint,.expiration-select selectedcontent .option-track,.expiration-select>button option .option-hint,.expiration-select>button option .option-track{display:none}.expiration-select::picker(select){background:color-mix(in srgb, var(--surface-solid) 94%, white);border:var(--line-width) solid var(--line-strong);border-radius:var(--space-sm);box-shadow:var(--shadow);opacity:0;max-block-size:min(41.25rem,64vh);padding-block:var(--space-sm);padding-inline:var(--space-sm);transform:translateY(-var(--space-xs)) scale(.98);transform-origin:top;transition:opacity .16s ease, transform .16s ease, display .16s allow-discrete, overlay .16s allow-discrete;margin-block-start:var(--space-sm);overflow-y:auto}.expiration-select:open::picker(select){opacity:1;transform:translateY(0)scale(1)}@starting-style{.expiration-select:open::picker(select){opacity:0;transform:translateY(-var(--space-xs)) scale(.98)}}.expiration-select option{border:var(--line-width) solid transparent;border-radius:var(--space-sm);color:var(--ink);cursor:pointer;align-items:center;gap:var(--space-lg);margin-block:var(--line-width-strong);min-block-size:3.875rem;padding-block:var(--space-md);padding-inline:var(--space-md);background:0 0;grid-template-columns:auto minmax(0,1fr) auto;margin-inline:0;transition:background-color .14s,border-color .14s,transform .14s;display:grid}.expiration-select option:hover,.expiration-select option:focus-visible{background:var(--peach);border-color:var(--line);transform:translateX(var(--line-width-strong))}.expiration-select option:checked{background:var(--tea);border-color:var(--sage)}.expiration-select option::checkmark{display:none}.option-icon,.option-copy,.option-track{display:flex}.option-icon{background:var(--surface-solid);border:var(--line-width) solid var(--line);border-radius:var(--space-sm);block-size:2.5rem;color:var(--action);justify-content:center;align-items:center;inline-size:2.5rem}.option-copy{flex-direction:column;min-inline-size:0}.option-label{font-weight:850;line-height:1.2}.option-hint{color:var(--ink-muted);font-size:.78rem}.option-track{align-items:center;gap:var(--space-3xs)}.track-dot{block-size:1.125rem;inline-size:var(--space-xs);background:#81766533;border-radius:999rem}.track-dot-filled{background:var(--brass)}.expiration-option-short .option-icon{background:var(--peach);color:var(--action)}.expiration-option-medium .option-icon{background:var(--tea);color:#4f6837}.expiration-option-long .option-icon{background:var(--sage);color:#6b5f2c}}@keyframes settleIn{0%{opacity:0;transform:translateY(var(--space-md))}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-inline-size:62.5rem){.app-header{padding-block-start:2.25rem}.share-url-container,.page-bar{flex-direction:column;align-items:stretch}.page-bar-actions{flex-direction:column}.btn-copy,.btn-secondary{inline-size:100%}.drop-zone{min-block-size:11.875rem}@supports (appearance:base-select){.expiration-select option{grid-template-columns:auto minmax(0,1fr)}.option-track{grid-column:2;justify-content:flex-start}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}