:root{color:#172033;background:#f5f7fa;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}button,input,select{font:inherit}button,summary{cursor:pointer}button{min-height:36px;border:1px solid #c9d2dd;border-radius:6px;background:#fff;color:#172033}button:disabled,select:disabled,input:disabled,summary[aria-disabled=true]{cursor:not-allowed;opacity:.58}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #1d6fd8;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;display:grid;grid-template-rows:60px 1fr}.top-bar{display:grid;grid-template-columns:minmax(240px,340px) minmax(240px,1fr) auto;align-items:center;gap:16px;padding:0 18px;background:#fff;border-bottom:1px solid #dbe1e8}.project-switcher,.top-actions,.upload-queue-heading,.panel-heading,.drawer-header{display:flex;align-items:center}.project-switcher{min-width:0;gap:10px}.project-mark{display:inline-grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:6px;background:#113b62;color:#fff;font-weight:700}.project-select-label select{width:min(260px,40vw);height:28px;border:0;padding:0;color:#172033;background:transparent;font-weight:700}.eyebrow{margin:0 0 2px;color:#66758a;font-size:12px}.global-search input,.upload-settings input,.upload-settings select,.login-panel input,.new-folder-control input{width:100%;height:38px;border:1px solid #c9d2dd;border-radius:6px;padding:0 12px;background:#fff;color:#172033}.global-search input{background:#f8fafc}.top-actions{gap:8px}.primary-action{border-color:#1d6fd8;background:#1d6fd8;color:#fff;font-weight:700;padding:0 14px}.danger-action{border-color:#d92d20;background:#fff;color:#b42318;font-weight:700;padding:0 12px}.danger-action.wide{width:100%;margin-top:14px}.ghost-action{max-width:180px;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:0}.sidebar{background:#fff;border-right:1px solid #dbe1e8;padding:14px}.sidebar nav{display:grid;gap:4px}.sidebar a{color:#26364c;text-decoration:none;padding:9px 10px;border-radius:6px}.sidebar a.active{background:#e8f1fd;color:#134f95;font-weight:700}.main-content{min-width:0;padding:18px}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.workspace-toolbar h1,.login-panel h1,.fullscreen-state h1,.state-block h1{margin:0;font-size:24px;letter-spacing:0}.toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-actions button{padding:0 12px}.new-folder-control{position:relative}.new-folder-control summary{min-height:36px;display:grid;place-items:center;padding:0 12px;border:1px solid #c9d2dd;border-radius:6px;background:#fff;list-style:none}.new-folder-control summary::-webkit-details-marker{display:none}.new-folder-control form{position:absolute;right:0;z-index:20;width:260px;display:grid;gap:10px;padding:12px;margin-top:8px;border:1px solid #dbe1e8;border-radius:8px;background:#fff;box-shadow:0 14px 40px #17203324}.new-folder-control label,.upload-settings label,.login-panel label{display:grid;gap:6px;color:#4d5c70;font-size:13px}.breadcrumbs{display:flex;align-items:center;gap:6px;min-height:32px;margin-bottom:12px;overflow-x:auto}.breadcrumb-button{min-height:30px;padding:0 10px;color:#4d5c70;background:#fff}.breadcrumb-button[aria-current=page]{border-color:#1d6fd8;color:#134f95;font-weight:700}.drive-metrics{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-bottom:14px}.metric{min-height:62px;display:grid;align-content:center;gap:4px;padding:10px 12px;border:1px solid #dbe1e8;border-radius:8px;background:#fff}.metric span{color:#66758a;font-size:12px}.metric strong{font-size:22px}.metric.danger strong{color:#b42318}.drive-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 320px;gap:14px;align-items:start}.folder-panel,.detail-drawer,.item-surface,.upload-settings,.data-table,.login-panel,.state-block{border:1px solid #dbe1e8;border-radius:8px;background:#fff}.folder-panel,.detail-drawer{padding:12px}.panel-heading,.drawer-header{justify-content:space-between;gap:10px;margin-bottom:10px}.panel-heading h2,.detail-drawer h2{margin:0;font-size:16px;line-height:1.25;overflow-wrap:anywhere}.panel-heading span{color:#66758a;font-size:12px}.folder-row{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;padding:0 10px;text-align:left}.folder-row small{color:#66758a}.folder-row.active{border-color:#1d6fd8;background:#e8f1fd}.item-surface{min-height:420px;padding:12px}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.drive-item{min-width:0;display:grid;grid-template-rows:auto 1fr;padding:0;overflow:hidden;text-align:left;border-color:#dbe1e8;background:#fff}.drive-item.selected{border-color:#1d6fd8;box-shadow:0 0 0 2px #d6e7fb}.thumb{aspect-ratio:16 / 9;display:grid;place-items:center;overflow:hidden;background:#dfe6ee;color:#26364c;font-weight:700}.thumb img,.detail-preview img{width:100%;height:100%;object-fit:cover;display:block}.thumb-folder{background:#f2e8c7}.thumb-pending_upload{background:#d7ebe5}.item-body{display:grid;gap:4px;padding:10px}.item-body strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.item-body span{color:#66758a;font-size:13px}.detail-drawer{position:sticky;top:18px;min-width:0}.detail-drawer.empty{color:#66758a}.detail-drawer dl{display:grid;gap:10px;margin:12px 0 0}.detail-drawer dt{color:#66758a;font-size:12px}.detail-drawer dd{margin:2px 0 0;overflow-wrap:anywhere}.detail-preview{aspect-ratio:16 / 9;display:grid;place-items:center;margin-bottom:10px;overflow:hidden;border-radius:6px;background:#eef2f6;color:#66758a}.detail-description{color:#4d5c70;line-height:1.45}.icon-button{width:34px;min-height:34px;padding:0}.status-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#eef2f6;color:#4d5c70;font-size:12px;font-weight:700;text-transform:capitalize}.status-uploading,.status-processing,.status-queued,.status-presigning,.status-confirming,.status-validating{background:#e8f1fd;color:#134f95}.status-completed,.status-active{background:#dff3e8;color:#126b3f}.status-publish-pending{background:#fff1cc;color:#8a5a00}.status-failed,.status-canceled,.status-critical,.status-open{background:#fde8e7;color:#b42318}.status-warn,.status-acknowledged{background:#fff1cc;color:#8a5a00}.status-info,.status-resolved{background:#dff3e8;color:#126b3f}.state-block{display:grid;gap:10px;place-items:start;padding:22px}.state-block h2{margin:0;font-size:18px}.state-block p{margin:0;color:#66758a}.stacked-screen{display:grid;gap:14px}.upload-settings{display:grid;grid-template-columns:minmax(220px,1fr) 180px minmax(220px,1fr);align-items:end;gap:12px;padding:12px}.target-note{color:#4d5c70;font-size:13px;overflow-wrap:anywhere}.drop-zone{min-height:150px;display:grid;place-items:center;gap:6px;padding:20px;border-style:dashed;background:#fff;text-align:center;cursor:pointer}.drop-zone strong{font-size:18px}.drop-zone span{max-width:560px;color:#66758a}.drop-zone.disabled{cursor:not-allowed;opacity:.58}.data-table{overflow:hidden}.table-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(130px,.6fr) minmax(180px,1fr);gap:12px;align-items:center;min-height:48px;padding:10px 12px;border-top:1px solid #edf0f4}.table-row.trash-row{grid-template-columns:minmax(220px,1.2fr) minmax(160px,.7fr) minmax(180px,1fr) minmax(180px,.8fr)}.table-row.member-row{grid-template-columns:minmax(220px,1fr) minmax(160px,.5fr) minmax(120px,.4fr)}.table-row.ops-row{grid-template-columns:minmax(260px,1.4fr) minmax(110px,.45fr) minmax(130px,.5fr) minmax(220px,1fr) minmax(160px,.7fr)}.table-row.audit-row{grid-template-columns:minmax(240px,1.2fr) minmax(220px,1fr) minmax(180px,.8fr) minmax(160px,.7fr)}.table-row strong,.table-row small{display:block}.table-row small{margin-top:3px;color:#66758a}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-row:first-child{border-top:0}.table-head{min-height:40px;background:#f8fafc;color:#66758a;font-size:12px;font-weight:700}.table-row progress{width:100%}.upload-queue{position:fixed;right:18px;bottom:18px;z-index:50;width:min(360px,calc(100vw - 36px));display:grid;gap:6px;padding:12px;border:1px solid #c9d2dd;border-radius:8px;background:#fff;box-shadow:0 10px 32px #1720332e}.upload-queue-heading{justify-content:space-between}.upload-queue button{min-height:28px;padding:0 8px}.upload-queue span,.upload-queue small{overflow:hidden;color:#4d5c70;text-overflow:ellipsis;white-space:nowrap}.upload-queue progress{width:100%}.login-screen,.fullscreen-state{min-height:100vh;display:grid;place-items:center;padding:20px}.login-panel{width:min(420px,100%);display:grid;gap:16px;padding:22px}.login-panel form{display:grid;gap:12px}.inline-error{margin:0;color:#b42318;overflow-wrap:anywhere}.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px}.ops-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #dbe1e8;border-radius:8px;background:#fff;color:#4d5c70}.ops-result strong{color:#172033}.settings-screen{display:grid;gap:14px}.settings-panel{display:grid;gap:12px;padding:14px;border:1px solid #dbe1e8;border-radius:8px;background:#fff}.settings-panel h2{margin:0;font-size:18px}.settings-panel label,.member-form{display:grid;gap:6px}.settings-panel label span{color:#4d5c70;font-size:13px}.settings-panel input,.settings-panel select,.settings-panel textarea,.member-form input,.member-form select{width:100%;min-height:38px;border:1px solid #c9d2dd;border-radius:6px;padding:8px 10px;background:#fff;color:#172033}.settings-panel textarea{min-height:92px;resize:vertical}.settings-row,.member-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,220px);gap:12px}.member-form{grid-template-columns:minmax(200px,1fr) minmax(160px,.8fr) 140px auto;align-items:end}@media(max-width:1120px){.drive-layout{grid-template-columns:210px minmax(0,1fr)}.detail-drawer{position:static;grid-column:1 / -1}}@media(max-width:900px){.app-shell{grid-template-rows:auto 1fr}.top-bar{grid-template-columns:1fr;align-items:stretch;padding:12px}.project-select-label select{width:min(260px,72vw)}.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #dbe1e8;padding:8px 12px;overflow-x:auto}.sidebar nav{display:flex;min-width:max-content}.drive-layout,.drive-metrics,.analytics-grid,.upload-settings,.settings-row,.member-form,.table-row,.table-row.trash-row,.table-row.member-row,.table-row.ops-row,.table-row.audit-row{grid-template-columns:1fr}.main-content{padding:12px}.workspace-toolbar{align-items:flex-start;flex-direction:column}.folder-panel{order:0}.item-surface{order:1}.detail-drawer{order:2}}