:root{--ink: #3b2412;--ink-soft: #734915;--muted: #8b745e;--paper: #fffdf8;--paper-warm: #fff7df;--cream: #fff2bf;--cream-strong: #ffe38b;--gold: #ffc44f;--orange: #ff9818;--orange-deep: #d76a00;--blue: #438dff;--blue-soft: #e9f4ff;--pink: #ff9cb4;--green: #63bf73;--line: #f2bd61;--line-soft: #f7dfaa;color:var(--ink);background:#fff8e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(255,207,218,.32) 0 8%,transparent 8% 100%),linear-gradient(180deg,#fff7e5,#fffdf8 46%,#f7fbff)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(67,141,255,.38);outline-offset:2px}.screen-center,.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.screen-center{gap:12px;color:var(--orange-deep);font-weight:800}.login-shell{position:relative;overflow:hidden}.login-shell:before,.login-shell:after,.app-shell:before,.workspace:before,.workspace:after{position:absolute;pointer-events:none;color:var(--gold);content:"☆";font-size:48px;line-height:1;text-shadow:82px 46px 0 rgba(67,141,255,.42),158px -18px 0 rgba(255,156,180,.5)}.login-shell:before{top:56px;left:9%}.login-shell:after{right:12%;bottom:82px;transform:rotate(18deg)}.login-panel{position:relative;z-index:1;width:min(430px,100%);border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fffffff5,#fff7e1f0),var(--paper);padding:32px;box-shadow:0 24px 60px #bd7a1726,inset 0 0 0 6px #fff7dab8}.mascot-mark,.brand-icon{position:relative;display:grid;place-items:center;width:56px;height:48px;border:2px solid #2e8c4d;border-radius:8px;background:linear-gradient(180deg,#bdf4a6,#75cf7c);color:#1c5d33;box-shadow:inset 0 -5px #226f331f}.mascot-mark:before,.brand-icon:before{position:absolute;top:-9px;left:9px;width:13px;height:13px;border:3px solid #1f5d35;border-radius:50%;background:#fff;box-shadow:23px 0 #fff,23px 0 0 3px #1f5d35;content:""}.mascot-mark:after,.brand-icon:after{position:absolute;right:10px;bottom:10px;left:10px;height:13px;border-bottom:3px solid #1f5d35;border-radius:0 0 999px 999px;content:""}.mascot-mark span,.brand-icon span{position:absolute;top:12px;left:17px;width:6px;height:6px;border-radius:50%;background:#1f2b21;box-shadow:22px 0 #1f2b21,-8px 17px 0 2px #ff9a91,30px 17px 0 2px #ff9a91}.headpiece-mark{overflow:hidden;border-color:#86cfa1;background:#fff8e9}.headpiece-mark:before,.headpiece-mark:after{display:none}.headpiece-mark img{width:100%;height:100%;object-fit:cover}.eyebrow{margin:18px 0 6px;color:var(--orange);font-size:.82rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.login-panel h1,.topbar h1{margin:0;color:var(--ink);font-weight:950}.login-panel h1{font-size:2.35rem}.login-copy{color:var(--muted);margin:10px 0 24px;line-height:1.7}.preview-note{margin:-10px 0 18px;border:1px dashed #9cc8ff;border-radius:8px;background:#e9f4ffc7;color:#1f73e8;padding:9px 12px;font-size:.9rem;font-weight:850}.login-form{display:grid;gap:12px}.login-form label{color:var(--ink-soft);font-weight:900}.login-form input,.search-box input,.inline-create input{border:1px solid var(--line-soft);border-radius:8px;background:#fff;color:var(--ink);outline:none}.login-form input{min-height:48px;padding:0 14px;box-shadow:inset 0 2px #ffe4a652}.primary-action,.upload-button{border:1px solid var(--orange);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.34),transparent 45%),linear-gradient(180deg,#ffe99e,#ffc63f);color:#2f1c0a;font-weight:950;min-height:48px;box-shadow:0 5px #f08d0a,0 12px 26px #e58b1138}.primary-action:active,.upload-button:active{transform:translateY(2px);box-shadow:0 3px #f08d0a,0 8px 18px #e58b1133}.form-error{margin:0;color:#b42c2c;font-size:.9rem;font-weight:800}.app-shell{position:relative;display:grid;grid-template-columns:304px minmax(0,1fr);gap:14px;min-height:100vh;padding:12px;overflow:hidden;background:linear-gradient(90deg,rgba(255,227,139,.3) 0 1px,transparent 1px 100%),linear-gradient(180deg,#fff9e8,#fffdf8 58%,#f6fbff);background-size:38px 38px,auto}.app-shell:before{top:34px;left:46%;z-index:0;color:#ffd467;text-shadow:92px 54px 0 rgba(255,156,180,.45),252px 12px 0 rgba(67,141,255,.35),420px 84px 0 rgba(99,191,115,.32)}.sidebar,.workspace{position:relative;z-index:1;border:1px solid var(--line);border-radius:8px}.sidebar{display:flex;flex-direction:column;gap:18px;min-height:calc(100vh - 24px);padding:24px;overflow:hidden;background:linear-gradient(180deg,#ffffffd6,#fff4d2e6),var(--paper-warm);box-shadow:inset 0 0 0 4px #ffffff6b}.sidebar:before,.sidebar:after{position:absolute;pointer-events:none;content:""}.sidebar:before{top:138px;right:20px;width:42px;height:42px;border:3px solid rgba(255,196,79,.72);border-radius:50% 50% 46% 54%;transform:rotate(18deg)}.sidebar:after{right:-22px;bottom:128px;left:-22px;height:116px;border-top:3px solid rgba(123,190,255,.42);border-radius:50% 50% 0 0;background:linear-gradient(180deg,#d4f1ff94,#ffdde961)}.brand-row{position:relative;z-index:1;display:flex;align-items:center;gap:13px}.brand-row div:last-child{display:grid;gap:2px}.brand-row strong{color:var(--ink);font-size:1.35rem;font-weight:950}.brand-row span{color:var(--muted);font-size:.86rem;font-weight:700}.upload-button,.side-nav button,.logout-button{display:flex;align-items:center;gap:10px}.upload-button{position:relative;z-index:1;justify-content:center;min-height:72px;font-size:1.38rem}.side-nav{position:relative;z-index:1;display:grid;gap:10px}.side-nav button,.logout-button{min-height:48px;border:1px solid transparent;border-radius:8px;background:#ffffff94;color:var(--ink);padding:0 12px;text-align:left;font-weight:850}.side-nav button.active,.side-nav button:hover,.logout-button:hover{border-color:var(--gold);background:linear-gradient(180deg,#ffffffb3,#ffe99c9e),#fff5c9;box-shadow:inset 0 0 0 2px #ffffff85}.side-nav button.active{color:#1f73e8}.sidebar-art{position:relative;z-index:1;margin:auto -14px 0;height:clamp(300px,42vh,480px);overflow:hidden}.sidebar-art img{width:100%;height:100%;object-fit:cover;object-position:center bottom;filter:drop-shadow(0 14px 18px rgba(128,76,28,.14))}.logout-button{position:relative;z-index:1;justify-content:flex-start;margin-top:-8px}.workspace{min-width:0;min-height:calc(100vh - 24px);padding:28px 32px 40px;overflow:hidden;background:linear-gradient(180deg,#ffffffd1,#fff9eaa8),var(--paper);box-shadow:inset 0 0 0 4px #fffaeed1,0 18px 45px #b57e2614}.workspace:before{top:110px;right:29%;z-index:0;font-size:54px;text-shadow:160px -26px 0 rgba(255,196,79,.52),296px 44px 0 rgba(255,156,180,.36)}.workspace:after{right:-24px;bottom:10px;z-index:0;font-size:58px;transform:rotate(16deg)}.topbar,.breadcrumbs,.inline-create,.toolbar,.file-table,.upload-queue{position:relative;z-index:1}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.topbar .eyebrow{margin:0 0 6px}.topbar h1{display:flex;align-items:center;gap:14px;font-size:3rem;line-height:1.05}.title-sparkles{position:relative;width:92px;height:44px;flex:0 0 auto}.title-sparkles:before{position:absolute;top:2px;left:6px;color:var(--pink);content:"♡";font-size:25px}.title-sparkles:after{position:absolute;right:10px;bottom:0;color:var(--blue);content:"☾";font-size:30px}.search-box{display:flex;align-items:center;gap:12px;width:min(430px,100%);min-height:58px;padding:0 18px;border:2px solid #93c5ff;border-radius:8px;background:linear-gradient(180deg,#fffffffa,#f5fbfffa),#fff;color:#25384f;box-shadow:0 8px 22px #418dff24,inset 0 0 0 3px #eef7ff}.search-box input{width:100%;border:0;min-width:0;background:transparent;font-size:1.05rem}.search-box input::placeholder{color:#79889b}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:26px 0 14px}.breadcrumbs button{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:8px;background:transparent;color:#1f73e8;padding:6px 8px;font-weight:900}.breadcrumbs button:hover{background:var(--blue-soft)}.inline-create,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.inline-create{justify-content:flex-start;border:1px dashed var(--line);border-radius:8px;background:linear-gradient(180deg,#ffffffdb,#fff5d4db),var(--paper-warm);padding:12px}.inline-create input{min-height:38px;padding:0 12px}.inline-create button,.toolbar button,.row-actions button,.upload-queue button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line-soft);border-radius:8px;background:linear-gradient(180deg,#ffffffdb,#fff8e6e6),#fff;color:var(--ink);min-height:34px;padding:0 11px;font-weight:850}.inline-create button:hover,.toolbar button:hover,.row-actions button:hover,.upload-queue button:hover{border-color:var(--gold);background:#fff3c1}.toolbar-status{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:800}.danger-action,.danger-link{color:#b42c2c!important}.file-table{border:1px solid var(--line-soft);border-radius:8px;overflow:hidden;background:#fffffff0;box-shadow:0 18px 48px #774c151f,inset 0 0 0 8px #fffbf0db}.table-head,.table-row{display:grid;grid-template-columns:minmax(240px,1.45fr) 110px 180px 180px minmax(460px,1.2fr);gap:12px;align-items:center;padding:13px 18px}.table-head{border-bottom:1px dashed var(--line-soft);background:linear-gradient(180deg,rgba(255,255,255,.54),transparent),#fff0bd;color:#71400d;font-size:.86rem;font-weight:950}.table-row{min-height:64px;border-top:1px solid #f4ead7;color:#4a3320}.table-row:first-of-type{border-top:0}.table-row:hover{background:#fffaf0}.table-row>span{min-width:0;overflow-wrap:anywhere}.select-cell,.file-name,.name-button{display:flex;align-items:center;gap:10px;min-width:0}.select-cell input{flex:0 0 auto;width:17px;height:17px;accent-color:var(--blue)}.file-name,.name-button{overflow-wrap:anywhere;font-weight:900}.file-name svg,.name-button svg,.folder-row svg{color:var(--orange);flex:0 0 auto}.name-button{border:0;background:transparent;color:var(--ink);padding:0}.name-button:hover{color:#1f73e8}.row-actions{display:flex;flex-wrap:wrap;gap:6px}.empty-state{display:grid;place-items:center;gap:14px;min-height:510px;padding:28px 24px 34px;color:var(--muted);text-align:center}.empty-illustration{display:block;width:min(520px,100%);max-height:240px;object-fit:contain;filter:drop-shadow(0 15px 16px rgba(72,112,150,.1))}.empty-copy{display:grid;gap:8px;max-width:520px}.empty-copy:after{display:block;width:82%;height:12px;margin:8px auto 0;border-top:2px dashed #ffd78a;color:var(--gold);content:"☆";font-size:22px;line-height:0}.empty-copy strong{color:#1f73e8;font-size:1.12rem;font-weight:950}.empty-copy span{color:var(--ink-soft);font-weight:700;line-height:1.55}.upload-queue{margin-top:18px;border:1px solid var(--line-soft);border-radius:8px;background:linear-gradient(180deg,#fffffff0,#fff8e5e6),#fff;padding:14px;box-shadow:0 12px 32px #774c1514}.upload-queue header,.queue-row,.queue-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.upload-queue header{margin-bottom:12px;color:var(--ink-soft)}.upload-queue header span{color:var(--muted);font-weight:800}.queue-row{padding:10px 0;border-top:1px dashed #f0dcc0}.queue-main{flex:1;min-width:0}.queue-title span:first-child{min-width:0;overflow-wrap:anywhere;font-weight:850}.queue-title span:last-child{flex:0 0 auto;color:var(--muted);font-size:.9rem}.progress-track{height:9px;margin-top:7px;border-radius:8px;background:#e8f0f8;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--green),var(--gold))}.queue-main small{color:#b42c2c;font-weight:800}.success-icon{color:#2e8b57}.danger-icon{color:#b42c2c}.spin{animation:spin .9s linear infinite}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.app-shell{grid-template-columns:268px minmax(0,1fr)}.workspace{padding:24px}.topbar{align-items:stretch;flex-direction:column}.search-box{width:100%}}@media(max-width:980px){.app-shell{grid-template-columns:1fr;overflow:visible}.sidebar{min-height:auto}.sidebar-art{display:none}.side-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.side-nav button,.logout-button{justify-content:center;text-align:center}.toolbar,.inline-create{align-items:stretch;flex-direction:column}.file-table{overflow-x:auto}.table-head,.table-row{min-width:920px}}@media(max-width:620px){.app-shell{padding:8px}.sidebar,.workspace{min-height:auto;padding:18px}.side-nav{grid-template-columns:1fr}.brand-row strong{font-size:1.15rem}.topbar h1{font-size:2.35rem}.title-sparkles{width:58px}.upload-button{min-height:58px;font-size:1.1rem}.empty-state{min-height:420px;padding-inline:12px}.empty-illustration{width:min(420px,100%);max-height:210px}}