:root{color-scheme:light;--bg:#f4f7fb;--surface:hsla(0,0%,100%,.86);--surface-strong:#fff;--surface-muted:#eef3f9;--line:rgba(20,42,73,.12);--text:#10233f;--text-soft:#5f718d;--primary:#0d7a6d;--primary-strong:#095d54;--danger:#d34b43;--success:#11795f;--shadow:0 18px 40px rgba(16,35,63,.08);--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--font-sans:"Segoe UI","SF Pro Display","Helvetica Neue",sans-serif}*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-width:360px;background:radial-gradient(circle at top left,rgba(13,122,109,.12),transparent 28%),radial-gradient(circle at right,rgba(231,148,58,.12),transparent 22%),linear-gradient(180deg,#f8fbff 0,var(--bg) 100%);color:var(--text);font-family:var(--font-sans)}a,button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.shell{width:min(100%,1600px);margin:0 auto;padding:20px 14px 40px}.panel{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:var(--radius-xl);padding:18px}.search-label,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--primary-strong);text-transform:uppercase;font-size:.72rem;letter-spacing:.12em;font-weight:700}.empty-state h3,.file-row h3,.folder-card h3,.panel-header h2{margin:0}.empty-inline,.empty-state p,.field span,.file-row p,.folder-card p,.info-strip span,.notice,.panel-header p,.search-heading span,.search-item span{color:var(--text-soft)}.workspace-grid{display:grid;grid-gap:16px;gap:16px;margin-top:0}.content-header,.file-row,.folder-actions,.folder-main,.header-actions,.panel-header,.preview-header,.search-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.content-header,.panel-header,.preview-header{align-items:flex-start}.field{display:grid;grid-gap:8px;gap:8px}.field span{font-size:.86rem;font-weight:600}.field input,.inline-input{width:100%;border:1px solid rgba(20,42,73,.12);background:var(--surface-strong);border-radius:14px;padding:14px 16px;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.field input:focus,.inline-input:focus{border-color:rgba(13,122,109,.65);box-shadow:0 0 0 4px rgba(13,122,109,.12)}.ghost-button,.primary-button{border-radius:14px;padding:14px 18px;font-weight:700;min-height:52px}.primary-button{border:0;background:linear-gradient(135deg,var(--primary) 0,var(--primary-strong) 100%);color:#fff}.ghost-button{border:1px solid rgba(20,42,73,.1);background:hsla(0,0%,100%,.7);color:var(--text)}.primary-button:disabled{opacity:.7;cursor:progress}.files-table,.folder-form,.folders-list,.search-results{display:grid;grid-gap:14px;gap:14px}.files-table{grid-template-columns:minmax(0,1fr)}.search-field{margin-top:18px}.mobile-folder-picker{display:grid;margin-top:14px}.folder-select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(20,42,73,.12);background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(244,247,251,.98));border-radius:14px;padding:14px 44px 14px 16px;color:var(--text);outline:none}.desktop-folders-list{display:none}.search-results{margin-top:18px;padding:14px;border-radius:var(--radius-lg);background:var(--surface-muted)}.search-block{display:grid;grid-gap:8px;gap:8px}.file-row,.folder-card,.search-item{border:1px solid rgba(20,42,73,.08);background:hsla(0,0%,100%,.74);border-radius:18px}.search-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;text-align:left}.folders-list{margin-top:18px}.folder-card{padding:14px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.folder-card.active{border-color:rgba(13,122,109,.3);background:rgba(13,122,109,.08);transform:translateY(-1px)}.folder-main{align-items:flex-start}.folder-main[role=button]{cursor:pointer}.file-ext,.folder-badge{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:8px 10px;border-radius:999px;background:rgba(13,122,109,.12);color:var(--primary-strong);font-size:.78rem;font-weight:700}.folder-actions{margin-top:12px;justify-content:flex-end}.file-actions a,.file-actions button,.folder-actions button{border:0;background:transparent;color:var(--text-soft);padding:8px 10px;border-radius:10px}.file-actions button:last-child,.folder-actions button:last-child{color:var(--danger)}.info-strip{display:grid;grid-gap:12px;gap:12px;margin:22px 0 18px}.info-strip div{padding:16px;border-radius:var(--radius-lg);background:hsla(0,0%,100%,.68);border:1px solid rgba(20,42,73,.08)}.info-strip strong{display:block;font-size:1.2rem;margin-bottom:6px}.notice{margin-bottom:16px;padding:14px 16px;border-radius:16px;border:1px solid transparent;font-weight:600}.notice.success{color:var(--success);border-color:rgba(17,121,95,.18);background:rgba(17,121,95,.08)}.notice.error{color:var(--danger);border-color:rgba(211,75,67,.18);background:rgba(211,75,67,.08)}.file-row{padding:16px;flex-direction:column;align-items:stretch;min-height:188px}.file-meta{display:flex;align-items:flex-start;gap:14px;width:100%;flex:1 1}.file-actions{display:flex;align-items:center;gap:6px;width:100%;justify-content:flex-start;flex-wrap:wrap;margin-top:auto;padding-top:14px;border-top:1px solid rgba(20,42,73,.08)}.file-actions a,.file-actions button{min-height:40px}.empty-state{display:grid;justify-items:start;grid-gap:8px;gap:8px;padding:28px;border-radius:22px;background:linear-gradient(180deg,hsla(0,0%,100%,.72),rgba(238,243,249,.85));border:1px dashed rgba(20,42,73,.14)}.empty-state.compact{padding:18px}.hidden-input{display:none}@media (min-width:390px){.shell{padding-inline:18px}.panel{padding:20px}}@media (min-width:768px){.shell{padding:26px 24px 48px}.mobile-folder-picker{display:none}.desktop-folders-list{display:grid}.workspace-grid{grid-template-columns:minmax(320px,390px) minmax(0,1fr);gap:18px}.workspace-grid--wide{grid-template-columns:minmax(300px,360px) minmax(0,1.1fr)}.info-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.files-table{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.shell{padding-top:32px}.panel{padding:24px}.workspace-grid--wide{grid-template-columns:minmax(290px,340px) minmax(0,1fr)}.files-table{grid-template-columns:repeat(3,minmax(0,1fr))}.file-actions a:hover,.file-actions button:hover,.folder-actions button:hover,.folder-card:hover,.search-item:hover{background:rgba(13,122,109,.08)}}@media (min-width:1440px){.shell{padding-inline:32px}.workspace-grid--wide{grid-template-columns:360px minmax(0,1fr)}}