.storage-page{max-width:1020px;color:var(--ink,#17191b);margin:auto;padding:36px 28px 70px}.storage-page button,.storage-page a{touch-action:manipulation}.storage-page :focus-visible,.storage-player :focus-visible,.storage-delete-dialog :focus-visible{outline-offset:4px;outline:2px solid #3c6cff}.storage-page button:disabled,.storage-delete-dialog button:disabled{opacity:.48;cursor:default}.storage-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;display:flex}.storage-back{color:#69706b;align-items:center;gap:6px;min-height:32px;font-size:13px;text-decoration:none;display:inline-flex}.storage-heading h1{letter-spacing:-.045em;margin:8px 0 12px;font-size:clamp(32px,5vw,48px);line-height:1.05}.storage-heading p{color:#65706c;align-items:center;gap:7px;margin:0;font-size:15px;display:flex}.storage-heading p svg{flex-shrink:0}.storage-primary,.storage-button{text-align:center;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 17px;font-size:14px;line-height:1.35;text-decoration:none;display:inline-flex}.storage-primary{flex-shrink:0}.storage-button{color:#343e38;background:#fafbf8;border:1px solid #d8dbd5;border-radius:10px}.storage-button:active,.storage-icon:active{transform:translateY(1px)}.storage-discovery{border:1px solid var(--color-line);border-radius:12px;margin-bottom:24px;padding:0 18px}.storage-discovery>summary,.storage-creator-policy>summary{cursor:pointer;min-height:48px;padding-block:14px;font-size:14px;font-weight:500;line-height:1.45}.storage-discovery[open]{padding-bottom:12px}.storage-discovery p{color:#52637a;max-width:650px;margin:0;font-size:14px;line-height:1.55}.storage-discovery nav{flex-wrap:wrap;gap:8px 18px;margin-top:15px;display:flex}.storage-discovery nav a{color:#244b8a;align-items:center;gap:8px;min-height:44px;font-size:14px;text-decoration:none;display:inline-flex}.storage-discovery nav a:hover{text-underline-offset:4px;text-decoration:underline}.storage-discovery nav svg{flex-shrink:0}.storage-plan-status{font-weight:500}.storage-file-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.storage-notice{color:#435645;background:#ecf1ea;border:1px solid #dce5d8;border-radius:12px;align-items:center;gap:9px;margin:14px 0;padding:12px 15px;font-size:13px;display:flex}.storage-notice>span{flex:1}.storage-notice>svg{flex-shrink:0}.storage-notice button{color:inherit;background:0 0;border:0;align-items:center;gap:5px;min-height:44px;display:flex}.storage-error{color:#963c31;background:#fcf1eb;border-color:#eddbd4}.storage-empty{text-align:center;background:linear-gradient(135deg,#edf1ee,#f5f3ed);border:1px solid #dde1db;border-radius:20px;flex-direction:column;align-items:center;padding:54px 22px;display:flex}.storage-empty>svg{color:#526857;margin-bottom:20px}.storage-empty h2{letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(23px,3vw,30px)}.storage-empty p{color:#667168;max-width:350px;margin:0 0 24px;line-height:1.6}.storage-loading{color:#677269;padding:24px 0;font-size:14px}.storage-meter{background:#eef1eb;border:1px solid #dce2d7;border-radius:16px;margin-bottom:26px;padding:20px 24px}.storage-meter-heading{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.storage-meter-heading>span,.storage-meter-heading>a{align-items:center;gap:7px;display:inline-flex}.storage-meter-heading>span{color:#4d6352;font-weight:500}.storage-meter-heading>a{color:#325698;min-height:32px;text-decoration:none}.storage-meter>p{flex-wrap:wrap;align-items:baseline;gap:9px;margin:12px 0 15px;display:flex}.storage-meter>p strong{letter-spacing:-.04em;font-size:29px;font-weight:500}.storage-meter>p span{color:#647165;font-size:14px}.storage-meter-track{background:#d7ded2;border-radius:8px;height:7px;display:flex;overflow:hidden}.storage-meter-track>span{background:#59755f;height:100%}.storage-meter-track>.storage-reserved{background:repeating-linear-gradient(110deg,#90a084 0 4px,#b4bda9 4px 7px)}.storage-meter-detail{color:#697367;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:11px;font-size:12px;display:flex}.storage-meter>.storage-quota-note{color:#80552d;margin:16px 0 0;font-size:13px;line-height:1.5}.storage-upload{background:#f4f7fb;border:1px solid #c8d5e9;border-radius:14px;margin-bottom:25px;padding:20px}.storage-upload-heading{align-items:center;gap:12px;display:flex}.storage-upload-heading>svg{color:#57729d;flex-shrink:0}.storage-upload-heading>div{flex:1;min-width:0}.storage-upload-heading strong,.storage-upload-heading span{display:block}.storage-upload-heading strong{overflow-wrap:anywhere;font-size:15px;font-weight:500}.storage-upload-heading span{color:#6b7686;margin-top:5px;font-size:12px}.storage-consent{color:#455363;cursor:pointer;align-items:flex-start;gap:10px;margin:22px 0;font-size:13px;line-height:1.6;display:flex}.storage-consent input{accent-color:#3c6cff;flex-shrink:0;width:19px;height:19px;margin:2px 0 0}.storage-upload-actions{align-items:center;gap:16px;margin-top:18px;display:flex}.storage-upload-actions small{color:#6f7d8d;font-size:11px}.storage-progress{margin-top:20px}.storage-progress>div{color:#526787;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12px;display:flex}.storage-progress progress{accent-color:#3c6cff;border:0;border-radius:7px;width:100%;height:6px;display:block}.storage-progress progress::-webkit-progress-bar{background:#dce5f2;border-radius:7px}.storage-progress progress::-webkit-progress-value{background:#3c6cff;border-radius:7px}.storage-progress progress::-moz-progress-bar{background:#3c6cff;border-radius:7px}.storage-section-heading{justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px;display:flex}.storage-section-heading h2{letter-spacing:-.025em;margin:0;font-size:21px;font-weight:500}.storage-icon{color:#6e7770;background:0 0;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.storage-library-empty{text-align:center;border:1px dashed #d7ddd3;border-radius:14px;padding:36px 16px 40px}.storage-file-art{color:#84947a;background:#e9ede4;border-radius:18px;place-items:center;width:78px;height:78px;margin:0 auto 18px;display:grid;position:relative}.storage-file-art svg:last-child{color:#547153;background:#e9ede4;position:absolute;bottom:15px;right:14px}.storage-library-empty h3{letter-spacing:-.02em;margin:0 0 9px;font-size:19px;font-weight:500}.storage-library-empty p{color:#6c756c;max-width:330px;margin:0 auto 13px;font-size:14px;line-height:1.5}.storage-library-empty small{color:#80867c;font-size:11px}.storage-files{border-top:1px solid #dee1d9;margin:0;padding:0;list-style:none}.storage-files>li{border-bottom:1px solid #e1e4dd;align-items:center;gap:8px;display:flex}.storage-file-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:13px;padding:16px 0;display:flex}.storage-page .storage-file-main:disabled{opacity:1}.storage-file-icon{color:#637b5e;background:#e9ede7;border:1px solid #dce2d8;border-radius:11px;flex-shrink:0;place-items:center;width:49px;height:49px;display:grid}.storage-file-copy{min-width:0;display:block}.storage-file-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;display:block;overflow:hidden}.storage-file-copy small{color:#7b8278;margin-top:4px;font-size:12px;display:block}.storage-file-copy progress{accent-color:#6c86b4;width:90px;height:3px;margin-top:7px;display:block}.storage-file-actions{flex-shrink:0;align-items:center;display:flex}.storage-resume{color:#335b9b;background:0 0;border:0;min-height:44px;padding:0 7px;font-size:12px}.storage-pagination{justify-content:space-between;align-items:center;gap:8px;margin:20px 0;display:flex}.storage-pagination>span{color:#7a8479;font-size:12px}.storage-plans{border-top:1px solid #ddd;margin-top:35px;padding-top:25px;scroll-margin-top:100px}.storage-plans>p{color:#717970;max-width:560px;font-size:13px;line-height:1.6}.storage-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.storage-plan{border:1px solid #dce1d7;border-radius:14px;flex-direction:column;padding:20px;display:flex}.storage-plan>span{color:#5c6c54;flex-wrap:wrap;align-items:center;gap:7px;font-size:14px;display:flex}.storage-plan>span small{color:#556e4b;background:#e6ecdf;border-radius:5px;padding:3px 6px;font-size:10px}.storage-plan>strong{letter-spacing:-.035em;margin-top:20px;font-size:27px;font-weight:500}.storage-plan>p{color:#697661;margin:5px 0 20px;font-size:14px}.storage-plan>.storage-button{width:100%;margin-top:auto}.storage-billing-actions{flex-wrap:wrap;gap:10px;display:flex}.storage-details{color:#697467;border-top:1px solid #e0e3dc;margin-top:22px;padding-top:7px;font-size:13px}.storage-details summary{cursor:pointer;min-height:44px;padding:14px 0}.storage-details p{max-width:620px;margin:0 0 16px;line-height:1.65}.storage-overlay{z-index:110;background:#0b120e8c;position:fixed;inset:0}.storage-player,.storage-delete-dialog{z-index:111;color:#1a211b;background:#f8f7f2;border-radius:18px;width:min(780px,100vw - 32px);max-height:calc(100dvh - 32px);padding:22px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 25px 90px #0004}.storage-dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.storage-dialog-heading h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:18px;font-weight:500}.storage-player>p{color:#6c796b;font-size:12px;line-height:1.5}.storage-player>video{background:#131711;border-radius:9px;width:100%;max-height:55dvh;margin-top:10px}.storage-delete-dialog{width:min(430px,100vw - 32px);padding:27px}.storage-delete-dialog h2{letter-spacing:-.03em;margin:0 0 14px;font-size:23px;font-weight:500}.storage-delete-dialog p{color:#647160;font-size:14px;line-height:1.6}.storage-delete-dialog .storage-delete-name{color:#273124;overflow-wrap:anywhere;background:#ebeee7;border-radius:8px;padding:12px}.storage-delete-dialog>div{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.storage-danger{color:#fff;background:#a34e3f;border-color:#a34e3f}@media (hover:hover){.storage-button:hover:not(:disabled),.storage-icon:hover:not(:disabled){background:#e9eee4}.storage-delete:hover:not(:disabled){color:#a34e3f;background:#f2e4db}.storage-danger:hover:not(:disabled){background:#8d4234}.storage-file-main:hover:not(:disabled) .storage-file-icon{background:#e0e8d9}}@media (width<=600px){.storage-page{padding:18px 17px 38px}.storage-heading{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:21px}.storage-heading h1{margin-top:4px;font-size:32px}.storage-heading p{align-items:flex-start;font-size:12px;line-height:1.45}.storage-heading p svg{margin-top:2px}.storage-heading>.storage-primary{gap:6px;width:100%;margin-bottom:2px;padding:10px 12px;font-size:12px}.storage-meter{border-radius:13px;margin-bottom:20px;padding:15px 18px}.storage-meter>p strong{font-size:26px}.storage-upload{padding:16px}.storage-upload-actions{flex-direction:column;align-items:flex-start;gap:10px}.storage-plans>.storage-section-heading{flex-wrap:wrap;align-items:flex-start}.storage-discovery{padding-inline:14px}.storage-discovery nav{flex-direction:column;align-items:flex-start;gap:0}.storage-section-heading h2{font-size:19px}.storage-files>li{gap:2px}.storage-file-main{gap:10px;padding:12px 0}.storage-file-icon{border-radius:8px;width:43px;height:47px}.storage-file-copy strong{font-size:13px}.storage-file-copy small{font-size:10px}.storage-file-actions .storage-icon{width:40px;min-width:40px}.storage-plan-grid{grid-template-columns:1fr;gap:10px}.storage-plan{grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:17px;display:grid}.storage-plan>span{grid-column:1}.storage-plan>strong{grid-column:1;margin-top:7px;font-size:25px}.storage-plan>p{grid-column:1;margin:4px 0 0;font-size:12px}.storage-plan>.storage-button{grid-area:1/2/4;max-width:140px;margin:0}.storage-player{padding:15px}.storage-delete-dialog{padding:22px}}@media (prefers-reduced-motion:reduce){.storage-page *,.storage-player *,.storage-delete-dialog *{scroll-behavior:auto}}.storage-creator-policy{border-top:1px solid var(--color-line);margin-block:20px}.storage-creator-policy>summary svg{vertical-align:middle;color:#8b7345;margin:-2px 8px 0 3px;display:inline-block}.storage-creator-policy>summary span{color:var(--color-muted);margin:4px 0 0 30px;font-size:12px;font-weight:400;display:block}.storage-creator-policy p{color:var(--color-muted);margin:0;font-size:13px;line-height:1.6}
