:root{
  --bg:#f5f7fb;--panel:#fff;--line:#e7eaf0;--text:#171a21;--muted:#7b8495;--accent:#3b6cff;--accent2:#5f85ff;--soft:#eef3ff;--danger:#dc3545;--shadow:0 18px 55px rgba(31,44,77,.09);--sidebar:#fafbfe
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.hc-app{min-height:100vh;display:flex}.hc-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--sidebar);border-right:1px solid var(--line);padding:22px 18px;display:flex;flex-direction:column;z-index:50}.hc-brand{display:flex;gap:12px;align-items:center;padding:4px 6px 24px}.hc-brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#315cf7,#6c8eff);display:grid;place-items:center;color:#fff;font-size:19px;box-shadow:0 10px 25px rgba(59,108,255,.25)}.hc-brand b{display:block;font-size:15px;letter-spacing:.02em}.hc-brand span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.hc-create{border:0;background:var(--accent);color:#fff;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;cursor:pointer;box-shadow:0 10px 28px rgba(59,108,255,.22);transition:.18s}.hc-create:hover{transform:translateY(-1px);background:#315cf7}.hc-nav{display:grid;gap:6px;margin-top:20px}.hc-nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;color:#444c5d;font-weight:600;font-size:14px}.hc-nav a i{width:20px;text-align:center;color:#8b94a5}.hc-nav a:hover,.hc-nav a.active{background:#eef2f8;color:#171a21}.hc-nav a.active i{color:var(--accent)}.hc-side-spacer{flex:1}.hc-storage{padding:15px;border:1px solid var(--line);background:#fff;border-radius:16px}.hc-storage-title{display:flex;justify-content:space-between;gap:10px;font-size:12px}.hc-storage-title span{color:var(--muted)}.hc-storage-title b{font-size:12px}.hc-storage-bar{height:7px;background:#edf0f5;border-radius:999px;overflow:hidden;margin:10px 0 8px}.hc-storage-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#8da7ff);border-radius:inherit}.hc-storage small{color:var(--muted);font-size:11px}.hc-back-panel{margin-top:12px;display:flex;gap:9px;align-items:center;padding:10px 11px;border-radius:12px;color:#5f6879;font-size:13px;font-weight:600}.hc-back-panel:hover{background:#eef2f8;color:#222}.hc-shell{margin-left:250px;min-width:0;width:calc(100% - 250px)}.hc-header{height:72px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 28px;position:sticky;top:0;z-index:40}.hc-search{height:42px;max-width:660px;flex:1;background:#f2f4f8;border:1px solid transparent;border-radius:13px;display:flex;align-items:center;gap:10px;padding:0 14px;transition:.18s}.hc-search:focus-within{background:#fff;border-color:#ccd7ff;box-shadow:0 0 0 4px rgba(59,108,255,.08)}.hc-search i{color:#9aa2af}.hc-search input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:var(--text)}.hc-user{margin-left:auto;display:flex;align-items:center;gap:10px}.hc-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1f2937,#475569);color:#fff;display:grid;place-items:center;font-weight:800}.hc-user-copy b,.hc-user-copy span{display:block}.hc-user-copy b{font-size:13px}.hc-user-copy span{font-size:10px;color:var(--muted);letter-spacing:.06em}.hc-icon-btn{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:#687184}.hc-icon-btn:hover{background:#f4f6f9;color:#222}.hc-mobile-menu{display:none;border:0;background:#f2f4f8;width:40px;height:40px;border-radius:12px}.hc-main{padding:30px;max-width:1700px;margin:0 auto}.hc-toast{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:18px;font-size:14px}.hc-toast.success,.hc-toast.ok{border-color:#cdeed8;background:#f6fff9}.hc-toast.danger{border-color:#f1c8ce;background:#fff8f9;color:#a22938}.hc-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.hc-eyebrow{font-size:10px;font-weight:800;color:var(--accent);letter-spacing:.14em;margin-bottom:5px}.hc-title-row h1{margin:0;font-size:29px;letter-spacing:-.03em}.hc-subtitle{margin:6px 0 0;color:var(--muted);font-size:13px}.hc-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px;color:#7a8392;font-size:12px}.hc-breadcrumb a:hover{color:var(--accent)}.hc-breadcrumb span{color:#bdc3cd}.hc-toolbar{display:flex;align-items:center;gap:9px}.hc-btn{border:0;min-height:40px;padding:0 15px;border-radius:12px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.17s}.hc-btn.primary{background:var(--accent);color:#fff;box-shadow:0 8px 22px rgba(59,108,255,.18)}.hc-btn.primary:hover{background:#315cf7}.hc-btn.ghost{background:#fff;border:1px solid var(--line);color:#515a6a}.hc-btn.ghost:hover,.hc-btn.soft:hover{background:#f1f4f8}.hc-btn.soft{background:#f3f5f9;color:#3c4554}.hc-welcome{background:linear-gradient(110deg,#edf3ff,#f8faff);border:1px solid #dfe7ff;border-radius:20px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.hc-welcome>div{display:flex;align-items:center;gap:14px}.hc-welcome-icon{width:44px;height:44px;border-radius:14px;background:#fff;color:var(--accent);display:grid;place-items:center;box-shadow:0 8px 22px rgba(49,81,170,.09)}.hc-welcome b{font-size:14px}.hc-welcome p{margin:3px 0 0;font-size:12px;color:#737e90}.hc-files-section{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 10px 40px rgba(24,35,65,.04);min-height:420px}.hc-section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:4px 4px 16px}.hc-section-head>div b,.hc-section-head>div span{display:block}.hc-section-head>div b{font-size:16px}.hc-section-head>div span{font-size:11px;color:var(--muted);margin-top:2px}.hc-link-btn{border:0;background:transparent;color:var(--accent);display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;cursor:pointer;padding:8px}.hc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.hc-file-card{border:1px solid var(--line);border-radius:16px;background:#fff;position:relative;min-width:0;transition:.16s}.hc-file-card:hover{border-color:#d4dcf0;box-shadow:0 10px 26px rgba(28,40,70,.08);transform:translateY(-1px)}.hc-file-open{display:block;padding:12px 12px 14px}.hc-file-icon{height:112px;border-radius:12px;background:#f7f8fb;display:grid;place-items:center;font-size:40px;color:#9aa3b2;overflow:hidden;position:relative}.hc-file-icon.folder{background:#fff5d8;color:#edb52b}.hc-file-icon.archive{background:#fff2e6;color:#e98c32}.hc-file-icon.image{background:#eef6ff;color:#3a84dc}.hc-file-icon.pdf{background:#fff0f1;color:#e24e59}.hc-file-icon.video{background:#f0efff;color:#725be8}.hc-file-icon.audio{background:#edfbf2;color:#46a96b}.hc-file-icon.code{background:#eef7f7;color:#449799}.hc-file-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hc-file-info{padding-top:10px;min-width:0}.hc-file-info b{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-file-info span,.hc-file-info small{display:block;color:var(--muted);font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-file-actions{position:absolute;right:8px;top:8px;display:flex;gap:4px;opacity:0;transition:.15s}.hc-file-card:hover .hc-file-actions{opacity:1}.hc-file-actions a,.hc-file-actions button{border:1px solid rgba(225,229,238,.85);background:rgba(255,255,255,.92);backdrop-filter:blur(8px);width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:#5f6979;cursor:pointer}.hc-context-menu{display:none;position:absolute;right:8px;top:43px;width:175px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 18px 55px rgba(22,32,55,.16);z-index:15}.hc-context-menu.open{display:grid}.hc-context-menu a,.hc-context-menu>button,.hc-context-menu form button{width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:8px;font-size:12px;color:#444d5c;display:flex;align-items:center;gap:9px;cursor:pointer}.hc-context-menu a:hover,.hc-context-menu>button:hover,.hc-context-menu form button:hover{background:#f3f5f8}.hc-context-menu .danger{color:var(--danger)}.hc-list{border:1px solid var(--line);border-radius:14px;overflow:hidden}.hc-list-row{display:grid;grid-template-columns:minmax(260px,1fr) 120px 160px 45px;align-items:center;gap:12px;min-height:54px;padding:0 12px;border-bottom:1px solid var(--line);font-size:12px}.hc-list-row:last-child{border-bottom:0}.hc-list-row>a{display:flex;align-items:center;gap:10px;min-width:0}.hc-list-row>a b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-list-row>span{color:var(--muted)}.hc-mini-icon{width:34px;height:34px;border-radius:9px;background:#f3f5f8;display:grid;place-items:center;color:#8b95a5}.hc-mini-icon.folder{background:#fff4d5;color:#dca822}.hc-mini-icon.archive{background:#fff0e1;color:#e48b32}.hc-empty{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hc-empty>span{width:68px;height:68px;border-radius:22px;background:#f1f4f9;display:grid;place-items:center;color:#9da5b1;font-size:25px}.hc-empty b{font-size:15px;margin-top:14px}.hc-empty p{color:var(--muted);font-size:12px;margin:5px 0 15px}.hc-drop-overlay{position:fixed;inset:0;background:rgba(34,49,87,.45);backdrop-filter:blur(5px);display:none;place-items:center;z-index:200}.hc-drop-overlay.active{display:grid}.hc-drop-overlay>div{background:#fff;border:2px dashed #9db3ff;border-radius:30px;min-width:390px;padding:42px;text-align:center;box-shadow:0 30px 90px rgba(22,33,65,.25)}.hc-drop-overlay span{width:74px;height:74px;border-radius:24px;background:var(--soft);color:var(--accent);display:grid;place-items:center;margin:0 auto 15px;font-size:28px}.hc-drop-overlay b{display:block;font-size:20px}.hc-drop-overlay p{color:var(--muted);margin:6px 0 0}.hc-dialog{border:0;border-radius:22px;padding:0;width:min(620px,calc(100vw - 28px));box-shadow:0 34px 100px rgba(22,32,60,.24);background:#fff}.hc-dialog::backdrop{background:rgba(28,37,59,.48);backdrop-filter:blur(4px)}.hc-small-dialog{width:min(470px,calc(100vw - 28px))}.hc-dialog form{margin:0}.hc-dialog-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.hc-dialog-head span,.hc-dialog-head b{display:block}.hc-dialog-head span{font-size:10px;color:var(--accent);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hc-dialog-head b{font-size:16px;margin-top:2px}.hc-dialog-head button{border:0;background:#f3f5f8;width:34px;height:34px;border-radius:10px;cursor:pointer}.hc-dialog-body{padding:20px}.hc-dialog-foot{padding:15px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.hc-field{display:grid;gap:7px}.hc-field>span{font-size:11px;font-weight:700;color:#626c7c}.hc-field input,.hc-field select,.hc-field>select{height:44px;border:1px solid #dde2eb;border-radius:11px;padding:0 12px;background:#fff;outline:0;width:100%}.hc-field input:focus,.hc-field select:focus{border-color:#b4c4fb;box-shadow:0 0 0 4px rgba(59,108,255,.07)}.hc-upload-zone{margin-top:14px;min-height:190px;border:2px dashed #d7deea;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#fafbfe;transition:.16s}.hc-upload-zone:hover,.hc-upload-zone.drag{border-color:#9eb4ff;background:#f6f8ff}.hc-upload-zone>span{width:56px;height:56px;border-radius:18px;background:var(--soft);color:var(--accent);display:grid;place-items:center;font-size:21px}.hc-upload-zone b{margin-top:11px;font-size:14px}.hc-upload-zone p{margin:4px 0 0;font-size:11px;color:var(--muted)}.hc-upload-queue{margin-top:14px;border:1px solid var(--line);border-radius:13px;padding:10px}.hc-upload-queue-head{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.hc-upload-queue-head span{color:var(--muted)}#hcQueueFiles{display:grid;gap:5px;max-height:140px;overflow:auto}#hcQueueFiles div{display:flex;justify-content:space-between;gap:10px;padding:7px 8px;background:#f7f8fb;border-radius:8px;font-size:10px}#hcQueueFiles span{color:var(--muted)}.hc-preview-backdrop{position:fixed;inset:0;background:rgba(18,25,40,.72);backdrop-filter:blur(6px);z-index:170;padding:28px;display:flex;align-items:center;justify-content:center}.hc-preview-panel{width:min(1180px,100%);height:min(840px,calc(100vh - 56px));background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 36px 110px rgba(0,0,0,.3)}.hc-preview-panel>header{min-height:66px;padding:12px 16px 12px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.hc-preview-panel>header>div:first-child span,.hc-preview-panel>header>div:first-child b,.hc-preview-panel>header>div:first-child small{display:inline-block}.hc-preview-panel>header span{font-size:10px;color:var(--muted);margin-right:10px}.hc-preview-panel>header b{font-size:14px}.hc-preview-panel>header small{font-size:10px;color:var(--muted);margin-left:8px}.hc-preview-panel>header>div:last-child{display:flex;align-items:center;gap:8px}.hc-preview-close{width:39px;height:39px;border-radius:12px;background:#f1f3f7;display:grid;place-items:center}.hc-preview-body{flex:1;min-height:0;overflow:auto;background:#f6f7fa;display:flex;align-items:center;justify-content:center}.hc-preview-image{max-width:100%;max-height:100%;object-fit:contain}.hc-preview-frame{width:100%;height:100%;border:0;background:#fff}.hc-preview-media{max-width:100%;max-height:100%}.hc-audio-wrap{background:#fff;padding:28px;border-radius:18px}.hc-audio-wrap audio{min-width:min(520px,70vw)}.hc-code-preview{width:100%;height:100%;margin:0;background:#10151e;color:#d7e2f2;padding:20px;overflow:auto;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.hc-archive-head{align-self:stretch;background:#fff;padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.hc-archive-head>i{width:42px;height:42px;border-radius:13px;background:#fff0df;color:#e38c33;display:grid;place-items:center}.hc-archive-head b,.hc-archive-head span{display:block}.hc-archive-head span{font-size:10px;color:var(--muted);margin-top:2px}.hc-archive-table{align-self:stretch;height:100%;overflow:auto;background:#fff}.hc-archive-table table{width:100%;border-collapse:collapse;font-size:11px}.hc-archive-table th,.hc-archive-table td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}.hc-archive-table th{position:sticky;top:0;background:#f7f8fb;color:#697283}.hc-preview-note{padding:12px 16px;color:var(--muted);background:#fff;align-self:stretch}.hc-preview-fallback{text-align:center;padding:40px}.hc-preview-fallback>i{font-size:42px;color:#9ca6b6}.hc-preview-fallback b{display:block;font-size:17px;margin-top:13px}.hc-preview-fallback p{color:var(--muted);font-size:12px}.hc-mobile-backdrop{display:none}.hc-hidden{display:none!important}
@media(max-width:900px){.hc-sidebar{transform:translateX(-105%);transition:.2s;box-shadow:0 20px 50px rgba(19,28,50,.18)}.hc-sidebar.open{transform:none}.hc-shell{margin-left:0;width:100%}.hc-mobile-menu{display:grid;place-items:center}.hc-mobile-backdrop{position:fixed;inset:0;background:rgba(25,34,55,.38);z-index:45}.hc-mobile-backdrop.active{display:block}.hc-header{padding:0 14px}.hc-user-copy{display:none}.hc-main{padding:20px 14px}.hc-title-row{align-items:flex-end}.hc-title-row h1{font-size:25px}.hc-welcome{align-items:flex-start}.hc-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.hc-file-icon{height:95px}.hc-list-row{grid-template-columns:minmax(180px,1fr) 90px 40px}.hc-list-row>span:nth-of-type(2){display:none}}
@media(max-width:600px){.hc-header{height:64px}.hc-search{height:39px}.hc-title-row{display:block}.hc-toolbar{margin-top:14px}.hc-toolbar .hc-btn.primary{flex:1}.hc-welcome{display:none}.hc-files-section{padding:12px;border-radius:17px}.hc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hc-file-card{border-radius:14px}.hc-file-open{padding:9px}.hc-file-icon{height:86px;border-radius:10px}.hc-file-info b{font-size:12px}.hc-file-actions{opacity:1}.hc-file-actions>a{display:none}.hc-dialog-foot .hc-btn{flex:1}.hc-preview-backdrop{padding:0}.hc-preview-panel{height:100vh;width:100%;border-radius:0}.hc-preview-panel>header .hc-btn span{display:none}.hc-drop-overlay>div{min-width:0;width:calc(100vw - 32px);padding:30px}.hc-user .hc-icon-btn{display:none}}
.hc-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hc-create-grid>button{border:1px solid var(--line);background:#fafbfe;border-radius:16px;padding:18px;text-align:left;cursor:pointer;transition:.16s;color:var(--text)}.hc-create-grid>button:hover{background:#f5f8ff;border-color:#cfd9fb;transform:translateY(-1px)}.hc-create-grid>button>span{width:44px;height:44px;border-radius:13px;background:var(--soft);color:var(--accent);display:grid;place-items:center;font-size:18px;margin-bottom:12px}.hc-create-grid>button:nth-child(2)>span{background:#fff3d6;color:#dcaa26}.hc-create-grid b,.hc-create-grid small{display:block}.hc-create-grid b{font-size:13px}.hc-create-grid small{color:var(--muted);font-size:10px;margin-top:4px}@media(max-width:500px){.hc-create-grid{grid-template-columns:1fr}}

/* HYPER CLOUD v98 — premium visual polish + private/public access */
body:not(.hc-public-body){background:
  radial-gradient(circle at 18% 0%,rgba(74,115,255,.08),transparent 30%),
  radial-gradient(circle at 92% 8%,rgba(116,83,255,.07),transparent 28%),
  #f6f8fc}
.hc-sidebar{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,250,255,.96));border-right:1px solid rgba(222,228,240,.9);box-shadow:10px 0 40px rgba(38,54,91,.035)}
.hc-brand-mark{background:linear-gradient(135deg,#3568ff,#7958ff)!important;box-shadow:0 10px 28px rgba(59,108,255,.28);color:#fff!important}
.hc-create{background:linear-gradient(135deg,#3669ff,#5f75ff)!important;box-shadow:0 12px 28px rgba(59,108,255,.22)!important;border:0!important}
.hc-create:hover{transform:translateY(-1px);box-shadow:0 15px 34px rgba(59,108,255,.3)!important}
.hc-header{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(225,230,240,.78)!important}
.hc-main{max-width:1580px;margin:0 auto;width:100%}
.hc-search{background:rgba(246,248,252,.9)!important;border-color:#e5eaf3!important;transition:.18s}
.hc-search:focus-within{background:#fff!important;border-color:#b9c8ff!important;box-shadow:0 0 0 4px rgba(59,108,255,.07)}
.hc-files-section{background:rgba(255,255,255,.86)!important;backdrop-filter:blur(10px);box-shadow:0 18px 60px rgba(38,52,84,.055)!important;border:1px solid rgba(226,231,240,.9)!important}
.hc-file-card{background:linear-gradient(180deg,#fff,#fbfcff)!important;border-color:#e6eaf2!important;box-shadow:0 8px 24px rgba(33,45,75,.035);transition:transform .18s,box-shadow .18s,border-color .18s}
.hc-file-card:hover{transform:translateY(-3px)!important;border-color:#cfd9f7!important;box-shadow:0 18px 38px rgba(38,55,95,.11)!important}
.hc-file-icon{background:linear-gradient(145deg,#f7f9fd,#eef2f8)!important}
.hc-file-icon.folder{background:linear-gradient(145deg,#fff8e8,#fff0bf)!important}
.hc-file-icon.archive{background:linear-gradient(145deg,#fff6ed,#ffe9d2)!important}
.hc-welcome{background:linear-gradient(120deg,#eef4ff 0%,#f5f1ff 48%,#fff 100%)!important;border:1px solid #dde5ff!important;box-shadow:0 15px 38px rgba(58,83,157,.07)}
.hc-welcome-icon{background:linear-gradient(135deg,#3b6cff,#7a5bff)!important;color:#fff!important;box-shadow:0 10px 26px rgba(59,108,255,.22)}
.hc-btn.primary{background:linear-gradient(135deg,#386bff,#5d75ff)!important;box-shadow:0 9px 22px rgba(59,108,255,.18)}
.hc-btn.primary:hover{filter:brightness(1.03);transform:translateY(-1px)}
.hc-nav a em{margin-left:auto;min-width:25px;height:21px;padding:0 7px;border-radius:999px;background:#eef2ff;color:#5571de;font-size:10px;font-style:normal;font-weight:800;display:grid;place-items:center}
.hc-nav a.active em{background:#fff;color:#4564d9}
.hc-file-name-line{display:flex;align-items:center;gap:7px;min-width:0}
.hc-file-name-line>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.hc-privacy-pill{display:inline-flex!important;align-items:center;gap:4px;width:auto!important;flex:0 0 auto;padding:4px 7px;border-radius:999px;font-size:8px!important;font-weight:800;line-height:1;letter-spacing:.01em;margin:0!important}
.hc-privacy-pill.private{background:#f1f3f7;color:#7b8492}
.hc-privacy-pill.shared{background:#eaf8f0;color:#238858}
.hc-share-action.active,.hc-list-share.active{color:#208557!important;background:#eaf8f0!important}
.hc-list-actions{display:flex;justify-content:flex-end;gap:5px}
.hc-list-share{width:34px;height:34px;border:0;border-radius:9px;background:#f2f4f8;color:#768091;cursor:pointer}
.hc-list-share:hover{background:#e9edff;color:#4a67d8}
.hc-btn.share-on{background:#e8f8ef;color:#24875a;border:1px solid #cbeedb}
.hc-btn.danger-soft{background:#fff0f1;color:#c74350;border:1px solid #ffd5d9}
.hc-btn.danger-soft:hover{background:#ffe8ea}

.hc-share-dialog{width:min(650px,calc(100vw - 28px))}
.hc-share-head{background:linear-gradient(120deg,#fafcff,#f5f7ff)}
.hc-share-state{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:16px;background:#f8f9fc;border:1px solid #e8ebf2}
.hc-share-state-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;font-size:18px}
.hc-share-state-icon.private{background:#eef1f5;color:#727c8c}
.hc-share-state-icon.public{background:#e7f8ef;color:#21875a}
.hc-share-state b{font-size:14px;display:block;margin-top:2px}
.hc-share-state p{font-size:11px;color:var(--muted);line-height:1.55;margin:5px 0 0;max-width:480px}
.hc-share-linkbox{margin-top:14px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#f3f7ff,#f8f6ff);border:1px solid #dae3ff}
.hc-share-linkbox>label{display:block;font-size:10px;color:#64718a;font-weight:800;margin-bottom:7px}
.hc-share-linkbox>div{display:flex;gap:8px}
.hc-share-linkbox input{height:44px;min-width:0;flex:1;border:1px solid #d5ddef;background:#fff;border-radius:11px;padding:0 12px;color:#39445a;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;outline:0}
.hc-share-linkbox button{height:44px;border:0;border-radius:11px;padding:0 14px;background:#345fff;color:#fff;font-weight:800;display:flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}
.hc-share-linkbox button.copied{background:#21875a}
.hc-share-linkbox small{display:block;margin-top:9px;color:#6f7b90;font-size:10px}
.hc-share-foot{justify-content:stretch}
.hc-share-foot form{width:100%}
.hc-share-foot form .hc-btn{width:100%;justify-content:center}

/* public one-file page */
.hc-public-body{margin:0;min-height:100vh;color:#182033;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
 radial-gradient(circle at 10% 10%,rgba(70,111,255,.22),transparent 32%),
 radial-gradient(circle at 90% 8%,rgba(126,88,255,.18),transparent 30%),
 linear-gradient(145deg,#eef3ff,#f8f9fd 55%,#f2f5ff)}
.hc-public-page{min-height:100vh;display:grid;place-items:center;padding:30px 18px;box-sizing:border-box}
.hc-public-card{width:min(680px,100%);background:rgba(255,255,255,.92);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:30px;box-shadow:0 34px 100px rgba(43,57,99,.18);padding:28px;box-sizing:border-box}
.hc-public-brand{display:flex;align-items:center;gap:11px;padding-bottom:22px;border-bottom:1px solid #ebedf3}
.hc-public-brand>span{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#3769ff,#775cff);color:#fff;font-size:18px;box-shadow:0 10px 24px rgba(67,92,211,.24)}
.hc-public-brand b,.hc-public-brand small{display:block}.hc-public-brand b{font-size:14px;letter-spacing:.04em}.hc-public-brand small{font-size:9px;color:#8b94a4;margin-top:2px;text-transform:uppercase;letter-spacing:.08em}
.hc-public-file{display:flex;align-items:center;gap:18px;padding:28px 0 22px}
.hc-public-file-icon{width:82px;height:82px;border-radius:24px;background:#f1f4fa;color:#8b95a6;display:grid;place-items:center;font-size:31px;flex:0 0 auto}
.hc-public-file-icon.image{background:#eaf5ff;color:#4289c7}.hc-public-file-icon.archive{background:#fff0df;color:#e08c35}.hc-public-file-icon.pdf{background:#fff0f1;color:#d9545f}.hc-public-file-icon.video{background:#f2ecff;color:#745ad4}.hc-public-file-icon.code{background:#e9f6f3;color:#238b75}
.hc-public-file>div:last-child{min-width:0}.hc-public-file span{font-size:10px;font-weight:800;color:#5972d5;text-transform:uppercase;letter-spacing:.08em}.hc-public-file h1{font-size:24px;line-height:1.2;margin:5px 0 6px;overflow-wrap:anywhere}.hc-public-file p{margin:0;color:#858fa0;font-size:11px}
.hc-public-preview{height:min(330px,42vh);border-radius:20px;overflow:hidden;background:#eef1f6;margin-bottom:18px;border:1px solid #e2e6ee}.hc-public-preview img{width:100%;height:100%;object-fit:contain;display:block}
.hc-public-security{display:flex;gap:12px;padding:14px 15px;border-radius:16px;background:#f4f7ff;border:1px solid #e2e8ff;margin-bottom:13px}.hc-public-security>i{width:38px;height:38px;border-radius:12px;background:#e6edff;color:#4568dd;display:grid;place-items:center;flex:0 0 auto}.hc-public-security b,.hc-public-security span{display:block}.hc-public-security b{font-size:12px}.hc-public-security span{font-size:10px;color:#7c8799;margin-top:3px}
.hc-public-download{min-height:64px;border-radius:17px;background:linear-gradient(135deg,#376aff,#5c72ff);color:#fff;text-decoration:none;display:flex;align-items:center;gap:14px;padding:0 18px;box-shadow:0 14px 30px rgba(59,108,255,.23);transition:.18s}.hc-public-download:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(59,108,255,.3)}.hc-public-download>i{font-size:19px}.hc-public-download span{display:block}.hc-public-download b,.hc-public-download small{display:block}.hc-public-download b{font-size:13px}.hc-public-download small{font-size:9px;opacity:.75;margin-top:2px}
.hc-public-card footer{text-align:center;color:#a0a8b6;font-size:9px;margin-top:18px;letter-spacing:.08em;text-transform:uppercase}

@media(max-width:700px){.hc-privacy-pill{display:none!important}.hc-share-linkbox>div{display:grid}.hc-share-linkbox button{justify-content:center}.hc-public-card{padding:20px;border-radius:24px}.hc-public-file{align-items:flex-start}.hc-public-file-icon{width:66px;height:66px;border-radius:20px;font-size:25px}.hc-public-file h1{font-size:20px}}

/* ============================================================
   HYPER CLOUD v98 — Premium Bootstrap + Font Awesome UI layer
   ============================================================ */
:root{
  --hc-blue:#4169ff;
  --hc-violet:#7657ff;
  --hc-ink:#111827;
  --hc-soft:#6b7280;
  --hc-surface:rgba(255,255,255,.88);
  --hc-border:rgba(220,226,240,.88);
  --hc-shadow:0 22px 70px rgba(28,40,78,.10);
}
html{scroll-behavior:smooth}
body:not(.hc-public-body){background:
  radial-gradient(circle at 82% -10%,rgba(113,92,255,.13),transparent 34%),
  radial-gradient(circle at 6% 12%,rgba(61,111,255,.12),transparent 28%),
  linear-gradient(180deg,#f8faff 0%,#f4f7fc 45%,#f8f9fc 100%)!important}
.hc-sidebar{width:270px!important;padding:24px 18px!important;background:rgba(249,251,255,.86)!important;backdrop-filter:blur(24px) saturate(1.15)!important;border-right:1px solid rgba(218,225,239,.85)!important;box-shadow:16px 0 50px rgba(31,45,80,.035)!important}
.hc-shell{margin-left:270px!important;width:calc(100% - 270px)!important}
.hc-brand{padding:3px 6px 25px!important}.hc-brand-mark{width:48px!important;height:48px!important;border-radius:17px!important;background:linear-gradient(135deg,#3568ff 0%,#755cff 100%)!important;box-shadow:0 14px 34px rgba(73,87,226,.27)!important}.hc-brand b{font-size:15px!important;letter-spacing:.045em}.hc-brand span{font-size:9px!important;letter-spacing:.15em!important;margin-top:2px;display:block}
.hc-create{height:50px!important;border-radius:16px!important;background:linear-gradient(135deg,#3568ff,#665fff)!important;box-shadow:0 13px 32px rgba(61,94,241,.24)!important;font-size:14px!important}.hc-create:hover{box-shadow:0 18px 38px rgba(61,94,241,.31)!important;transform:translateY(-2px)!important}
.hc-nav{gap:7px!important}.hc-nav a{position:relative;min-height:46px;padding:0 14px!important;border-radius:14px!important;color:#60697b!important;transition:.18s ease!important}.hc-nav a i{font-size:14px}.hc-nav a:hover{background:rgba(237,241,250,.9)!important;color:#20283a!important;transform:translateX(2px)}.hc-nav a.active{background:linear-gradient(135deg,rgba(65,105,255,.12),rgba(118,87,255,.09))!important;color:#2547bc!important;box-shadow:inset 0 0 0 1px rgba(73,100,230,.08)}.hc-nav a.active:before{content:"";position:absolute;left:-18px;width:4px;height:24px;border-radius:0 5px 5px 0;background:linear-gradient(#4169ff,#7657ff);box-shadow:0 0 18px rgba(65,105,255,.45)}.hc-nav a em{margin-left:auto;min-width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:rgba(65,105,255,.09);color:#4d65cc;font-style:normal;font-size:10px;font-weight:800}
.hc-storage{border-radius:18px!important;padding:16px!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(16px);box-shadow:0 8px 25px rgba(32,45,77,.04)}
.hc-header{height:78px!important;padding:0 32px!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(24px) saturate(1.2)!important}.hc-search{height:46px!important;max-width:760px!important;border-radius:15px!important;background:rgba(241,244,250,.9)!important}.hc-search:focus-within{background:#fff!important;box-shadow:0 0 0 4px rgba(65,105,255,.08),0 8px 24px rgba(31,48,91,.05)!important}.hc-avatar{width:42px!important;height:42px!important;border-radius:14px!important;background:linear-gradient(135deg,#182033,#414d68)!important}.hc-user{padding:6px 7px 6px 8px;border:1px solid rgba(224,228,237,.8);border-radius:16px;background:rgba(255,255,255,.66)}
.hc-main{padding:34px 36px 44px!important}.hc-title-row{margin-bottom:20px!important}.hc-title-row h1{font-size:32px!important;font-weight:800!important;letter-spacing:-.04em!important;color:#11182a}.hc-eyebrow{font-size:9px!important;letter-spacing:.19em!important;background:linear-gradient(90deg,#4169ff,#7657ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}.hc-toolbar{gap:10px!important}
.hc-btn{min-height:43px!important;border-radius:13px!important;padding:0 16px!important;font-weight:750!important;box-shadow:none;transition:transform .17s ease,box-shadow .17s ease,background .17s ease!important}.hc-btn.primary{background:linear-gradient(135deg,#4169ff,#655fff)!important;box-shadow:0 10px 24px rgba(65,105,255,.2)!important}.hc-btn.primary:hover{transform:translateY(-2px)!important;box-shadow:0 15px 30px rgba(65,105,255,.28)!important}.hc-btn.ghost,.hc-btn.soft{background:rgba(255,255,255,.82)!important;border:1px solid rgba(221,226,236,.9)!important}.hc-btn.ghost:hover,.hc-btn.soft:hover{background:#fff!important;transform:translateY(-1px)!important;box-shadow:0 8px 20px rgba(31,43,72,.07)!important}
.hc-welcome{border-radius:24px!important;padding:20px 22px!important;background:linear-gradient(120deg,rgba(237,244,255,.95),rgba(245,241,255,.93) 52%,rgba(255,255,255,.95))!important;box-shadow:0 18px 44px rgba(65,83,139,.07)!important}.hc-welcome-icon{width:50px!important;height:50px!important;border-radius:17px!important}
.hc-overview{display:grid;grid-template-columns:1.45fr .8fr 1fr;gap:12px;margin:0 0 20px}.hc-overview-card{min-height:92px;display:flex;align-items:center;gap:14px;padding:15px 17px;border-radius:20px;border:1px solid var(--hc-border);background:rgba(255,255,255,.78);backdrop-filter:blur(15px);box-shadow:0 8px 28px rgba(34,48,83,.045)}.hc-overview-card>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto;font-size:17px}.hc-overview-card.privacy>span{background:#ebf8f1;color:#27865c}.hc-overview-card.links>span{background:#eef2ff;color:#5068db}.hc-overview-card.storage>span{background:#f4efff;color:#7655cb}.hc-overview-card small,.hc-overview-card b,.hc-overview-card em{display:block}.hc-overview-card small{font-size:9px;color:#9299a9;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.hc-overview-card b{font-size:14px;margin-top:2px;color:#20283a}.hc-overview-card.links b,.hc-overview-card.storage b{font-size:18px}.hc-overview-card em{font-size:10px;color:#858e9f;font-style:normal;margin-top:2px}
.hc-files-section{border-radius:26px!important;padding:20px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(222,228,239,.86)!important;box-shadow:0 22px 68px rgba(31,45,82,.065)!important}.hc-section-head{padding:3px 5px 18px!important}.hc-section-head>div b{font-size:17px!important}
.hc-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:14px!important}.hc-file-card{border-radius:19px!important;border:1px solid #e5e9f2!important;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(250,252,255,.96))!important;box-shadow:0 7px 22px rgba(31,44,75,.035)!important;overflow:visible}.hc-file-card:hover{transform:translateY(-4px)!important;border-color:#cdd7f4!important;box-shadow:0 20px 44px rgba(35,51,89,.12)!important}.hc-file-open{padding:12px 12px 15px!important}.hc-file-icon{height:126px!important;border-radius:15px!important;background:linear-gradient(145deg,#f6f8fc,#eef2f8)!important}.hc-file-icon.folder{background:linear-gradient(145deg,#fff8df,#fff1bd)!important}.hc-file-info{padding:12px 2px 0!important}.hc-file-info b{font-size:13px!important;color:#252c3b}.hc-file-actions{right:10px!important;top:10px!important;gap:5px!important}.hc-file-actions a,.hc-file-actions button{width:34px!important;height:34px!important;border-radius:11px!important;box-shadow:0 6px 18px rgba(35,45,70,.06)}.hc-context-menu{width:196px!important;border-radius:15px!important;padding:7px!important;box-shadow:0 24px 70px rgba(25,34,58,.18)!important}.hc-context-menu a,.hc-context-menu>button,.hc-context-menu form button{min-height:39px;border-radius:10px!important;font-size:12px!important}
.hc-privacy-pill{padding:4px 7px!important;border-radius:8px!important;font-size:8px!important;font-weight:850!important;letter-spacing:.02em}.hc-list{border-radius:18px!important;background:rgba(255,255,255,.74)}.hc-list-row{min-height:62px!important;padding:0 15px!important}.hc-mini-icon{width:40px!important;height:40px!important;border-radius:12px!important}
/* Locked dialogs: backdrop / ESC never dismiss. */
dialog.hc-dialog{border:0!important;padding:0!important;border-radius:26px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 36px 120px rgba(16,25,52,.28)!important;overflow:hidden!important;color:#1d2534!important;max-height:min(88vh,900px);width:min(680px,calc(100vw - 32px))!important}
dialog.hc-dialog::backdrop{background:rgba(17,25,45,.58)!important;backdrop-filter:blur(10px) saturate(.9)!important}
dialog.hc-dialog[open]{animation:hcModalIn .2s cubic-bezier(.2,.75,.25,1)}
@keyframes hcModalIn{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}
@keyframes hcModalPulse{0%,100%{transform:none}50%{transform:scale(1.006);box-shadow:0 42px 130px rgba(25,44,95,.34)}}
dialog.hc-dialog.hc-modal-pulse{animation:hcModalPulse .22s ease}
.hc-dialog-head{min-height:76px!important;padding:17px 18px 17px 22px!important;background:linear-gradient(180deg,#fff,#fafbff)!important;border-bottom:1px solid #edf0f5!important}.hc-dialog-head>div>span{color:#6576bf!important;font-size:9px!important;font-weight:850!important;letter-spacing:.12em!important;text-transform:uppercase}.hc-dialog-head>div>b{font-size:17px!important;color:#192235!important;margin-top:3px!important}.hc-modal-close,.hc-dialog-head>button{width:42px!important;height:42px!important;border-radius:13px!important;border:1px solid #e7eaf1!important;background:#f5f7fa!important;color:#596274!important;display:grid!important;place-items:center!important;transition:.16s!important}.hc-modal-close:hover,.hc-dialog-head>button:hover{background:#fff!important;color:#1f2937!important;transform:rotate(4deg) scale(1.04);box-shadow:0 8px 22px rgba(32,45,75,.09)}.hc-dialog-body{padding:22px!important}.hc-dialog-foot{min-height:72px!important;padding:14px 20px!important;background:#fafbfe!important;border-top:1px solid #edf0f5!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important}.hc-modal-hint{margin-right:auto;display:inline-flex;align-items:center;gap:7px;color:#929aaa;font-size:10px}.hc-modal-hint i{color:#6d79a4;font-size:9px}.hc-field>span{font-size:10px!important;font-weight:800!important;color:#6f7889!important;letter-spacing:.03em}.hc-field input,.hc-field select{min-height:48px!important;border-radius:13px!important;border:1px solid #dde3ed!important;background:#fff!important;padding:0 13px!important;box-shadow:inset 0 1px 2px rgba(20,30,55,.02)}.hc-field input:focus,.hc-field select:focus{border-color:#aebeff!important;box-shadow:0 0 0 4px rgba(65,105,255,.08)!important;outline:none!important}.hc-upload-zone{border-radius:20px!important;min-height:210px!important;background:linear-gradient(145deg,#f8faff,#f3f6ff)!important;border:1.5px dashed #becaf1!important}.hc-upload-zone:hover,.hc-upload-zone.drag{background:#f0f4ff!important;border-color:#7f9aff!important;box-shadow:inset 0 0 0 1px rgba(65,105,255,.08)}.hc-create-grid button{border-radius:18px!important;min-height:135px!important}.hc-share-dialog{width:min(700px,calc(100vw - 32px))!important}.hc-share-state{border-radius:18px!important;padding:17px!important}.hc-share-linkbox{border-radius:18px!important}.hc-share-linkbox input{min-height:48px!important;border-radius:12px 0 0 12px!important}.hc-share-linkbox button{min-height:48px!important;border-radius:0 12px 12px 0!important}
.tooltip{--bs-tooltip-bg:#20283a;--bs-tooltip-border-radius:8px;--bs-tooltip-padding-x:.65rem;--bs-tooltip-padding-y:.38rem;--bs-tooltip-font-size:.72rem}
/* nicer scrollbars */
.hc-dialog-body,.hc-preview-body,.hc-archive-table,#hcQueueFiles{scrollbar-width:thin;scrollbar-color:#c9d1df transparent}.hc-dialog-body::-webkit-scrollbar,.hc-preview-body::-webkit-scrollbar,.hc-archive-table::-webkit-scrollbar,#hcQueueFiles::-webkit-scrollbar{width:8px;height:8px}.hc-dialog-body::-webkit-scrollbar-thumb,.hc-preview-body::-webkit-scrollbar-thumb,.hc-archive-table::-webkit-scrollbar-thumb,#hcQueueFiles::-webkit-scrollbar-thumb{background:#c9d1df;border-radius:20px}
@media(max-width:1100px){.hc-overview{grid-template-columns:1fr 1fr}.hc-overview-card.privacy{grid-column:1/-1}}
@media(max-width:900px){.hc-sidebar{width:270px!important}.hc-shell{margin-left:0!important;width:100%!important}.hc-main{padding:24px 18px 34px!important}.hc-header{padding:0 18px!important}.hc-overview{grid-template-columns:1fr 1fr}.hc-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}}
@media(max-width:600px){.hc-main{padding:20px 12px 28px!important}.hc-header{height:68px!important;padding:0 12px!important}.hc-overview{grid-template-columns:1fr}.hc-overview-card.privacy{grid-column:auto}.hc-overview-card{min-height:78px}.hc-files-section{border-radius:21px!important;padding:12px!important}.hc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.hc-file-icon{height:92px!important}.hc-modal-hint{display:none}.hc-dialog-foot{padding:12px 15px!important}.hc-dialog-foot .hc-btn{width:100%}}

/* ========================================================================
   v99 — minimal polished Cloud / archive viewer / public share states
   ======================================================================== */
body:not(.hc-public-body){--hc-v99-line:#e6eaf2;--hc-v99-soft:#f7f9fc;--hc-v99-ink:#171d2a;--hc-v99-muted:#8992a3}
.hc-brand{padding-bottom:20px!important}.hc-brand>div:last-child{display:flex;align-items:center;min-height:42px}.hc-brand>div:last-child>b{font-size:15px!important;letter-spacing:.015em!important}
.hc-main{max-width:1600px!important}.hc-title-row{margin-bottom:18px!important}.hc-title-row h1{font-size:30px!important}.hc-files-section{min-height:520px!important}.hc-section-head{padding-bottom:14px!important}

/* Preview windows */
.hc-preview-panel.is-archive{height:min(720px,calc(100vh - 72px));width:min(1120px,100%)}
.hc-preview-body.is-archive{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;background:#fff!important;overflow:hidden!important}
.hc-archive-head{width:100%;flex:0 0 auto;padding:17px 20px!important;background:#fff!important;border-bottom:1px solid #e9edf3!important;gap:13px!important}
.hc-archive-main-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff3e6;color:#df8629;font-size:18px;box-shadow:inset 0 0 0 1px rgba(224,139,47,.08)}
.hc-archive-head>i{display:none!important}.hc-archive-head b{font-size:14px!important;max-width:760px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#202736}.hc-archive-head span:not(.hc-archive-main-icon){font-size:10px!important;color:#929bac!important;margin-top:3px!important}
.hc-archive-table{width:100%;height:auto!important;flex:1 1 auto;min-height:0;overflow:auto;background:#fff!important}
.hc-archive-table table{width:100%;table-layout:fixed;font-size:11px!important;border-collapse:separate!important;border-spacing:0!important}
.hc-archive-table th{position:sticky;top:0;z-index:2;height:42px;padding:0 18px!important;background:#f8f9fc!important;border-bottom:1px solid #e8ecf2!important;color:#7f8898!important;font-size:9px!important;font-weight:800!important;letter-spacing:.04em;text-transform:uppercase}
.hc-archive-table th:first-child{width:auto}.hc-archive-table th:nth-child(2){width:120px}.hc-archive-table th:nth-child(3){width:170px}
.hc-archive-table td{height:48px;padding:0 18px!important;border-bottom:1px solid #f0f2f6!important;color:#626b7b!important;vertical-align:middle}.hc-archive-table tbody tr:last-child td{border-bottom:0!important}.hc-archive-table tbody tr:hover td{background:#fafbfe}
.hc-archive-table td:first-child{display:flex;align-items:center;gap:10px;min-width:0;color:#273041}.hc-archive-table td:first-child b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-archive-entry-icon{width:30px;height:30px;border-radius:9px;background:#f1f4f8;color:#758094;display:grid;place-items:center;flex:0 0 auto;font-size:12px}.hc-archive-entry-icon:has(.fa-folder){background:#fff4d7;color:#d89f18}.hc-archive-entry-icon:has(.fa-file-image){background:#edf6ff;color:#4385c8}.hc-archive-entry-icon:has(.fa-file-pdf){background:#fff0f1;color:#d9535e}.hc-archive-entry-icon:has(.fa-file-zipper){background:#fff2e5;color:#df8629}.hc-archive-entry-icon:has(.fa-file-code){background:#edf8f5;color:#318875}
.hc-preview-note{flex:0 0 auto!important;padding:9px 18px!important;border-top:1px solid #edf0f4!important;background:#fafbfc!important;font-size:10px!important}

/* Public one-file page — intentionally compact, without service copy. */
.hc-public-body{background:radial-gradient(circle at 12% 8%,rgba(94,122,255,.12),transparent 31%),radial-gradient(circle at 88% 90%,rgba(119,91,255,.09),transparent 34%),#f5f7fb!important;color:#1d2432!important}
.hc-public-page{padding:24px 16px!important}
.hc-public-card{width:min(620px,100%)!important;padding:22px!important;border-radius:24px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(225,230,240,.92)!important;box-shadow:0 28px 80px rgba(35,47,78,.14)!important;backdrop-filter:blur(18px)!important}
.hc-public-brand{padding:0 0 18px!important;border-bottom:1px solid #edf0f5!important;gap:10px!important}.hc-public-brand>span{width:38px!important;height:38px!important;border-radius:12px!important;font-size:15px!important;box-shadow:0 9px 20px rgba(67,92,211,.18)!important}.hc-public-brand>b{font-size:13px!important;font-weight:800!important;letter-spacing:.035em!important;color:#202737!important}
.hc-public-file{padding:22px 0 18px!important;gap:15px!important}.hc-public-file-icon{width:64px!important;height:64px!important;border-radius:18px!important;font-size:24px!important}.hc-public-file>div:last-child{min-width:0}.hc-public-file h1{margin:0 0 6px!important;font-size:20px!important;font-weight:780!important;line-height:1.25!important;letter-spacing:-.025em!important;color:#1c2433!important;overflow-wrap:anywhere}.hc-public-file p{margin:0!important;color:#8a93a3!important;font-size:10px!important}.hc-public-file p span{padding:0 4px;color:#c2c7d0!important}
.hc-public-preview{height:min(360px,46vh)!important;margin:0 0 16px!important;border-radius:17px!important;border:1px solid #e7eaf0!important;background:#f5f7fa!important;overflow:hidden!important}.hc-public-preview img,.hc-public-preview video{width:100%;height:100%;object-fit:contain;display:block}.hc-public-preview iframe{display:block;width:100%;height:100%;border:0;background:#fff}.hc-public-audio{padding:14px 16px;margin:0 0 16px;border:1px solid #e7eaf0;background:#f8f9fc;border-radius:16px}.hc-public-audio audio{display:block;width:100%}
.hc-public-download{min-height:54px!important;border-radius:15px!important;padding:0 16px!important;gap:10px!important;background:linear-gradient(135deg,#4168ff,#6264f5)!important;box-shadow:0 12px 26px rgba(65,104,255,.21)!important}.hc-public-download:hover{transform:translateY(-1px)!important;box-shadow:0 17px 34px rgba(65,104,255,.27)!important}.hc-public-download>i{font-size:15px!important}.hc-public-download>span{font-size:12px!important;font-weight:800!important}.hc-public-download>small{margin-left:auto;font-size:9px!important;font-weight:700!important;opacity:.72!important}
.hc-public-security,.hc-public-card footer{display:none!important}

/* Revoked / expired public link */
.hc-public-error-card{width:min(480px,100%)!important;text-align:center;padding:22px 24px 34px!important}.hc-public-error-card .hc-public-brand{text-align:left!important}.hc-public-error-icon{width:76px;height:76px;border-radius:23px;margin:34px auto 18px;display:grid;place-items:center;background:#f1f3f7;color:#8a94a5;font-size:26px;box-shadow:inset 0 0 0 1px #e8ebf0}.hc-public-error-card h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.03em;color:#202736}.hc-public-error-card>p{margin:8px auto 0;max-width:330px;color:#8b94a4;font-size:11px;line-height:1.55}

/* Access modal: terse status, no explanatory wall of text. */
.hc-share-state{min-height:74px!important}.hc-share-state p{margin-top:3px!important;font-size:10px!important}.hc-share-linkbox label{font-size:9px!important;text-transform:uppercase;letter-spacing:.08em;font-weight:800!important;color:#8b94a4!important}

@media(max-width:700px){.hc-public-page{padding:12px!important}.hc-public-card{padding:17px!important;border-radius:20px!important}.hc-public-file{padding:18px 0 15px!important}.hc-public-file-icon{width:54px!important;height:54px!important;border-radius:15px!important;font-size:20px!important}.hc-public-file h1{font-size:17px!important}.hc-public-preview{height:min(300px,42vh)!important}.hc-public-error-card{padding-bottom:28px!important}.hc-public-error-icon{margin-top:28px}.hc-archive-table th:nth-child(2),.hc-archive-table td:nth-child(2){display:none}.hc-archive-table th:nth-child(3){width:128px}.hc-archive-table th,.hc-archive-table td{padding-left:12px!important;padding-right:12px!important}.hc-preview-panel.is-archive{height:100vh!important;width:100%!important}}

/* ========================================================================
   v100 — visible delete controls + built-in editor
   ======================================================================== */
.hc-file-actions .hc-delete-quick{color:#c44955!important;background:rgba(255,247,248,.96)!important;border-color:#f3d7da!important}
.hc-file-actions .hc-delete-quick:hover{background:#fff0f1!important;color:#a92f3c!important;border-color:#efc6cb!important}
.hc-list-row{grid-template-columns:minmax(260px,1fr) 120px 160px 132px!important}
.hc-list-actions{min-width:124px;gap:6px!important}
.hc-list-actions .hc-icon-btn,.hc-list-actions .hc-list-share{width:34px!important;height:34px!important;border-radius:10px!important;border:1px solid #e2e6ee!important;background:#fff!important;color:#667084!important;display:grid!important;place-items:center!important;cursor:pointer}
.hc-list-actions .hc-icon-btn:hover,.hc-list-actions .hc-list-share:hover{background:#f5f7fa!important;color:#293143!important}
.hc-list-actions .hc-icon-btn.danger{color:#c44955!important;background:#fff8f8!important;border-color:#f2dadd!important}.hc-list-actions .hc-icon-btn.danger:hover{background:#fff0f1!important;color:#a92f3c!important}
.hc-btn.danger-solid{background:linear-gradient(135deg,#d94b59,#bd3443)!important;color:#fff!important;box-shadow:0 10px 24px rgba(196,58,72,.2)!important}.hc-btn.danger-solid:hover{transform:translateY(-1px)!important;box-shadow:0 15px 30px rgba(196,58,72,.27)!important}
.hc-delete-warning{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #f0dadd;background:linear-gradient(135deg,#fff9f9,#fff4f5);border-radius:18px}.hc-delete-warning>span{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#ffe7e9;color:#c74452;font-size:18px;flex:0 0 auto}.hc-delete-warning b{display:block;font-size:14px;color:#30252a}.hc-delete-warning p{margin:5px 0 0;color:#8c747a;font-size:11px;line-height:1.45}
.hc-preview-delete{color:#c44955!important;border-color:#f0d7da!important;background:#fff7f8!important}.hc-preview-delete:hover{background:#fff0f1!important}

.hc-preview-panel.is-editor{width:min(1320px,100%)!important;height:min(900px,calc(100vh - 42px))!important}.hc-preview-body.is-editor{display:block!important;overflow:hidden!important;background:#111722!important}
.hc-editor-form{height:100%;display:flex;flex-direction:column;background:#111722;margin:0!important}
.hc-editor-toolbar{min-height:54px;display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid #293244;background:#171e2b;color:#dce5f3;flex:0 0 auto}.hc-editor-toolbar>div{display:flex;align-items:center;gap:9px;margin-left:auto}.hc-editor-toolbar .hc-btn{margin-left:8px;min-height:38px!important}.hc-editor-back{height:36px;padding:0 11px;border:1px solid #30394c;border-radius:10px;color:#c5cfdd;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:750;background:#1d2533}.hc-editor-back:hover{background:#252f40;color:#fff}.hc-editor-lang{height:26px;padding:0 8px;border-radius:8px;background:#26334b;color:#8eb1ff;display:inline-flex;align-items:center;font-size:9px;font-weight:900;letter-spacing:.08em}.hc-editor-toolbar #hcEditorLines{font-size:10px;color:#8793a6}.hc-editor-readonly{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 10px;border-radius:9px;background:#262d39;color:#9ba6b7;font-size:10px;font-weight:800}
.hc-code-editor{display:block;flex:1 1 auto;width:100%;min-height:0;resize:none;border:0;outline:0;margin:0;padding:20px 22px 80px;background:#0f141d;color:#d8e2f0;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;tab-size:2;white-space:pre;overflow:auto;caret-color:#7fa4ff}.hc-code-editor::selection{background:rgba(78,114,255,.32)}.hc-code-editor[readonly]{color:#b9c4d2;background:#11161f;cursor:text}

.hc-archive-table th:nth-child(4){width:64px!important;text-align:center!important}.hc-archive-table td:nth-child(4){text-align:center!important;padding-left:8px!important;padding-right:12px!important}.hc-archive-open{display:flex;align-items:center;gap:10px;min-width:0;color:inherit}.hc-archive-open:hover b{color:#315ad5}.hc-archive-edit-btn{width:32px;height:32px;border-radius:10px;display:inline-grid;place-items:center;background:#f1f4fa;border:1px solid #e2e7f0;color:#53647f}.hc-archive-edit-btn:hover{background:#eaf0ff;color:#355be1;border-color:#d4def8}

@media(max-width:900px){.hc-list-row{grid-template-columns:minmax(180px,1fr) 90px 116px!important}.hc-list-row>span:nth-of-type(2){display:none}.hc-list-actions{min-width:108px}.hc-preview-panel.is-editor{height:100vh!important;width:100%!important;border-radius:0!important}.hc-editor-toolbar{padding:7px 9px}.hc-editor-toolbar #hcEditorLines{display:none}.hc-code-editor{font-size:12px;padding:14px 14px 70px}.hc-preview-panel>header .hc-preview-delete{width:40px!important;padding:0!important}.hc-preview-panel>header .hc-preview-delete{font-size:0}.hc-preview-panel>header .hc-preview-delete i{font-size:13px}}
@media(max-width:600px){.hc-file-actions{opacity:1!important}.hc-file-actions .hc-delete-quick{display:grid!important}.hc-archive-table th:nth-child(3),.hc-archive-table td:nth-child(3){display:none!important}.hc-archive-table th:nth-child(4){width:54px!important}.hc-editor-toolbar .hc-btn{font-size:0!important;width:40px!important;padding:0!important}.hc-editor-toolbar .hc-btn i{font-size:13px!important}}


/* ========================================================================
   v101 — upload progress + live HTML website preview
   ======================================================================== */
.hc-upload-progress{margin-top:14px;padding:15px 16px;border:1px solid #dfe5ef;border-radius:17px;background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 8px 24px rgba(36,55,90,.05)}
.hc-upload-progress[hidden]{display:none!important}.hc-upload-progress-head,.hc-upload-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.hc-upload-progress-head>span{display:flex;align-items:center;gap:9px;min-width:0;color:#344258}.hc-upload-progress-head i{color:#4e6dff}.hc-upload-progress-head b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-upload-progress-head strong{font-size:13px;color:#263450;font-variant-numeric:tabular-nums}.hc-upload-progress-track{height:9px;margin:12px 0 9px;border-radius:999px;background:#e9edf5;overflow:hidden;box-shadow:inset 0 1px 2px rgba(29,42,71,.06)}.hc-upload-progress-track>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#3d63ff,#6b5cff);box-shadow:0 0 18px rgba(72,95,255,.28);transition:width .14s linear}.hc-upload-progress-track>span.is-done{background:linear-gradient(90deg,#26aa72,#47c990)}.hc-upload-progress-track>span.is-error{background:linear-gradient(90deg,#d94b59,#bb3442)}.hc-upload-progress-meta{font-size:10px;color:#8a94a5;font-variant-numeric:tabular-nums}.hc-upload-progress-meta span:last-child{color:#66738a;font-weight:750}.hc-upload-zone,.hc-field select{transition:opacity .18s ease,filter .18s ease}.hc-upload-zone:has(~ .hc-upload-progress:not([hidden])){border-color:#ccd6ff}.hc-dialog form.is-uploading .hc-upload-zone,.hc-dialog form.is-uploading .hc-field select{opacity:.58;pointer-events:none;filter:saturate(.75)}

.hc-preview-panel:has(.hc-html-site-preview){width:min(1440px,calc(100vw - 44px))!important;height:min(940px,calc(100vh - 36px))!important}.hc-preview-body:has(.hc-html-site-preview){padding:0!important;overflow:hidden!important;background:#e9edf4!important}.hc-html-site-preview{height:100%;min-height:0;display:flex;flex-direction:column;background:#fff}.hc-html-browserbar{height:52px;flex:0 0 52px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid #dfe4ec;background:linear-gradient(180deg,#fafbfc,#f3f5f8)}.hc-html-dots{display:flex;gap:6px;flex:0 0 auto}.hc-html-dots i{width:9px;height:9px;border-radius:50%;background:#d2d7e0}.hc-html-dots i:first-child{background:#ff6b64}.hc-html-dots i:nth-child(2){background:#f5bd4f}.hc-html-dots i:nth-child(3){background:#57c76d}.hc-html-address{height:34px;min-width:0;flex:1;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #dde2ea;border-radius:11px;background:#fff;color:#6f7889;box-shadow:0 1px 2px rgba(26,38,64,.03)}.hc-html-address i{font-size:9px;color:#8a95a7}.hc-html-address span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.hc-html-refresh{width:34px;height:34px;border:1px solid #dfe4ec;border-radius:10px;background:#fff;color:#687489;display:grid;place-items:center;cursor:pointer;transition:.16s}.hc-html-refresh:hover{color:#3457d5;border-color:#ccd6f4;background:#f8faff}.hc-html-refresh.is-spinning i{animation:hcHtmlSpin .55s ease}.hc-html-frame{display:block;flex:1 1 auto;min-height:0;width:100%;border:0;background:#fff}@keyframes hcHtmlSpin{to{transform:rotate(360deg)}}
@media(max-width:700px){.hc-upload-progress{padding:13px}.hc-preview-panel:has(.hc-html-site-preview){width:100%!important;height:100vh!important;border-radius:0!important}.hc-html-browserbar{padding:0 9px;gap:8px}.hc-html-dots{display:none}.hc-html-address{padding:0 9px}.hc-html-address span{font-size:9px}}

/* v102 — repaired editor / website preview actions */
.hc-editor-site{height:36px;padding:0 12px;border:1px solid #31533f;border-radius:10px;color:#8fe0aa;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;background:#173126;white-space:nowrap}.hc-editor-site:hover{background:#1d3e30;color:#b9f3cb;border-color:#3d7252}.hc-archive-actions{display:flex;align-items:center;justify-content:center;gap:6px}.hc-archive-actions .hc-archive-edit-btn:has(.fa-globe){background:#edf8f1;border-color:#d7ecde;color:#278248}.hc-archive-actions .hc-archive-edit-btn:has(.fa-globe):hover{background:#ddf3e5;border-color:#bee2c9;color:#176d35}.hc-file-actions a[title="Редактировать код"]{color:#365fe5;background:#edf2ff}.hc-file-actions a[title="Редактировать код"]:hover{background:#dfe8ff;color:#244bd1}.hc-list-actions a[title="Редактировать код"]{color:#365fe5}.hc-context-menu a .fa-globe{color:#26914c}.hc-context-menu a .fa-code{color:#4168e8}
@media(max-width:600px){.hc-editor-site{width:40px;padding:0;justify-content:center;font-size:0}.hc-editor-site i{font-size:13px}.hc-archive-actions{gap:3px}}

/* HYPER CLOUD v104 — standalone auth + multi-user polish */
.hc-auth-body{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 10%,rgba(74,108,255,.16),transparent 30%),radial-gradient(circle at 90% 80%,rgba(121,83,255,.13),transparent 34%),#f5f7fc;color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;place-items:center;padding:28px}
.hc-auth-wrap{width:min(100%,470px)}
.hc-auth-card{background:rgba(255,255,255,.92);backdrop-filter:blur(22px);border:1px solid rgba(219,226,242,.9);border-radius:28px;padding:32px;box-shadow:0 30px 80px rgba(32,46,86,.16)}
.hc-auth-brand{display:flex;align-items:center;gap:13px;padding-bottom:24px;border-bottom:1px solid #edf0f6}
.hc-auth-brand>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#4d70ff,#7158ff);color:#fff;font-size:20px;box-shadow:0 12px 28px rgba(80,92,255,.28)}
.hc-auth-brand div{display:flex;flex-direction:column;gap:2px}.hc-auth-brand b{font-size:15px;letter-spacing:.03em}.hc-auth-brand small{font-size:11px;color:#8993a8}
.hc-auth-copy{padding:27px 0 19px}.hc-auth-copy h1{font-size:28px;line-height:1.1;margin:0;font-weight:800;letter-spacing:-.035em}
.hc-auth-error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin:0 0 16px;background:#fff2f2;border:1px solid #ffd8d8;color:#b42318;border-radius:13px;font-size:13px;font-weight:650}
.hc-auth-form{display:grid;gap:14px}.hc-auth-form label{display:grid;gap:7px}.hc-auth-form label>span{font-size:12px;font-weight:750;color:#69758c}.hc-auth-form label>span small{font-weight:500;color:#a1a9ba}
.hc-auth-form label>div{height:50px;border:1px solid #dfe5f0;border-radius:14px;background:#fbfcff;display:flex;align-items:center;gap:10px;padding:0 14px;transition:.18s ease}.hc-auth-form label>div:focus-within{background:#fff;border-color:#6c7dff;box-shadow:0 0 0 4px rgba(82,101,255,.1)}
.hc-auth-form label i{width:18px;text-align:center;color:#98a2b6}.hc-auth-form input{border:0;outline:0;background:transparent;min-width:0;width:100%;font:inherit;color:#172033}
.hc-auth-form>button{height:52px;border:0;border-radius:15px;margin-top:5px;background:linear-gradient(135deg,#416cff,#635bff);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 15px 30px rgba(71,89,255,.24);transition:.18s ease}.hc-auth-form>button:hover{transform:translateY(-1px);box-shadow:0 18px 35px rgba(71,89,255,.3)}
.hc-auth-switch{text-align:center;margin-top:19px;font-size:13px;color:#8791a5}.hc-auth-switch a{font-weight:800;color:#4d63ea;text-decoration:none}.hc-auth-panel-note{margin-top:20px;padding:13px 14px;border-radius:14px;background:#f5f7fb;display:flex;gap:11px;align-items:flex-start;color:#778299;font-size:11px;line-height:1.45}.hc-auth-panel-note i{color:#6674df;margin-top:2px}
.hc-nav a[href*="space=shared"] i{color:#6a62ec}.hc-nav a[href*="space=shared"].active{background:linear-gradient(135deg,rgba(98,91,237,.13),rgba(80,112,255,.08));color:#4b4fc8}
.hc-file-actions a[title="Открыть сайт"],.hc-list-actions a[title="Открыть сайт"]{color:#5d63df;background:#f1f1ff}
.hc-file-actions a[title="Открыть сайт"]:hover,.hc-list-actions a[title="Открыть сайт"]:hover{background:#e7e7ff;color:#464bc4}
@media(max-width:560px){.hc-auth-body{padding:14px}.hc-auth-card{padding:23px;border-radius:22px}.hc-auth-copy h1{font-size:24px}}

/* v104: explicit website launch action for HTML files. */
.hc-file-actions .hc-site-quick{width:auto;min-width:76px;padding:0 12px;border-radius:12px;gap:7px;background:linear-gradient(135deg,#eef4ff,#f4f0ff);color:#4667ff;border:1px solid #dbe3ff;font-weight:800;font-size:12px;text-decoration:none}
.hc-file-actions .hc-site-quick:hover{background:linear-gradient(135deg,#4667ff,#6b5cff);color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(70,103,255,.22)}
.hc-file-actions .hc-site-quick span{display:inline}
@media(max-width:700px){.hc-file-actions .hc-site-quick{min-width:40px;width:40px;padding:0}.hc-file-actions .hc-site-quick span{display:none}}
