:root{color:#1d1d1f;font-synthesis:none;--font-text:"SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display:"SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;--text:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--blue:#0071e3;--blue-hover:#0077ed;--link:#06c;--section:#f5f5f7;--paper:#fff;--danger:#b42318;--danger-soft:#fff2f1;--focus-ring:0 0 0 3px #0071e333;--card-shadow:#00000038 3px 5px 30px 0;background:#f5f5f7;font-family:SF Pro JP,SF Pro Text,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--section);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--section);font-family:var(--font-text);letter-spacing:-.357px;word-break:normal;line-break:strict;overflow-wrap:break-word;margin:0;font-size:17px;font-weight:400;line-height:1.47}h1,h2,h3,h4,h5,h6{color:var(--text);font-family:var(--font-display);letter-spacing:normal;font-size:40px;font-weight:600;line-height:1.1}button,input,select,textarea{color:inherit;font:inherit}button,select,input[type=file]{cursor:pointer}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.58}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:none}.skip-link{z-index:100;color:#f5f5f7;background:#1d1d1f;border-radius:980px;padding:8px 22px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:10;color:#f5f5f7;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#000c;grid-template-columns:minmax(220px,1fr) auto minmax(240px,1fr);align-items:center;gap:24px;height:44px;padding:0 max(22px,50vw - 630px);display:grid;position:sticky;top:0}.brand{color:#f5f5f7;width:max-content;font-family:var(--font-text);letter-spacing:normal;align-items:center;gap:8px;font-size:12px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.brand-logo{width:220px;height:auto;display:block}.brand-mark{color:#f5f5f7;background:var(--blue);width:28px;height:28px;font-family:var(--font-display);letter-spacing:normal;border-radius:50%;flex:none;place-items:center;font-size:16px;font-weight:600;line-height:1;display:inline-grid}.app-header nav{align-self:stretch;height:100%;display:flex}.app-header nav button{color:#fffc;letter-spacing:normal;background:0 0;border:0;min-width:76px;padding:0 16px;font-size:12px;font-weight:400;line-height:1}.app-header nav button:hover,.app-header nav button.active{color:#f5f5f7}.app-header nav button.active{box-shadow:inset 0 -2px 0 var(--blue)}.menu-button{display:none}.account{justify-self:end;align-items:center;min-width:0;display:flex;position:relative}.account-button{color:#f5f5f7;min-width:0;min-height:44px;font-family:var(--font-text);letter-spacing:normal;background:0 0;border:0;align-items:center;gap:6px;padding:0 4px 0 12px;font-size:12px;font-weight:400;line-height:1;display:flex}.account-button strong{color:#f5f5f7;letter-spacing:normal;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;font-weight:400;line-height:1;display:block;overflow:hidden}.account-button>span{letter-spacing:normal;font-size:14px;line-height:1}.account-menu{border:1px solid var(--line);width:176px;min-width:176px;box-shadow:var(--card-shadow);background:#fafafc;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.account-menu button{width:100%;color:var(--text);text-align:left;font-family:var(--font-text);letter-spacing:normal;background:0 0;border:0;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:400;line-height:1.47}.account-menu button:hover{color:var(--link);background:#e8f2ff}.avatar{width:30px;height:30px;color:var(--link);letter-spacing:normal;background:#e8f2ff;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;line-height:1;display:inline-grid}.text-button,.back-button{color:var(--link);letter-spacing:normal;background:0 0;border:0;padding:4px 7px;font-size:12px;font-weight:400;line-height:1;text-decoration:none}.text-button:hover,.back-button:hover{text-underline-offset:3px;text-decoration:underline}#main-content{flex:1;width:min(1260px,100%);margin:0 auto;padding:32px 22px 48px}.workspace-grid{display:block}.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px}.pages-panel,.manager-panel,.detail-panel{padding:clamp(28px,3vw,42px)}.pages-panel{padding:clamp(18px,2vw,26px);position:relative}.panel-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.panel-actions{align-items:center;gap:12px;display:flex}.panel h1,.panel h2{color:var(--text);font-family:var(--font-display);letter-spacing:normal;margin:4px 0 8px;font-size:40px;font-weight:600;line-height:1.1}.eyebrow{color:var(--muted);letter-spacing:normal;margin:0;font-size:14px;font-weight:600;line-height:1.47}.lead{max-width:720px;color:var(--muted);letter-spacing:-.357px;margin:-4px 0 28px;font-size:17px;font-weight:400;line-height:1.47}.count-badge,.tag{width:max-content;color:var(--link);letter-spacing:normal;white-space:nowrap;background:#e8f2ff;border-radius:980px;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;line-height:1.42;display:inline-flex}.tag{vertical-align:1px;margin-left:8px;padding:3px 8px}.filters,.inline-form{background:var(--section);border:1px solid var(--line);border-radius:14px}.filters{grid-template-columns:minmax(240px,1fr) minmax(180px,210px) minmax(160px,190px) 44px auto;align-items:center;gap:10px;margin-bottom:18px;padding:10px;display:grid}.filters select,.filters input,.field input:not([type=file]),.field select,.field textarea,.management-row input,.management-row select{width:100%;min-height:44px;color:var(--text);border:1px solid var(--line);font-family:var(--font-text);letter-spacing:-.357px;background:#fff;border-radius:10px;padding:8px 14px;font-size:17px;font-weight:400;line-height:1.47}.filters select,.field select,.management-row select{padding-right:34px}.field textarea{resize:vertical}.search-field{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:7px;padding-left:12px;display:flex}.search-icon{fill:none;width:24px;height:24px;stroke:var(--muted);stroke-width:1.8px;stroke-linecap:round;flex:none}.search-field:focus-within{box-shadow:var(--focus-ring)}.search-field input{background:0 0;border:0;outline:0;padding-left:0}.filter-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:max-content;display:flex}.custom-select{min-width:0;position:relative}.custom-select-trigger{width:100%;min-height:44px;color:var(--text);text-align:left;background:var(--paper);border:1px solid var(--line);font-family:var(--font-text);letter-spacing:normal;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px 8px 14px;font-size:14px;font-weight:400;line-height:1.47;display:flex}.custom-select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.custom-select-chevron{color:var(--muted);letter-spacing:normal;flex:none;font-size:16px;line-height:1}.custom-select-popover{z-index:20;border:1px solid var(--line);width:max-content;min-width:100%;max-width:min(320px,100vw - 40px);max-height:280px;box-shadow:var(--card-shadow);background:#fafafc;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.custom-select-popover button{width:100%;min-height:38px;color:var(--text);text-align:left;font-family:var(--font-text);letter-spacing:normal;white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:8px 10px;font-size:14px;font-weight:400;line-height:1.47;display:flex}.custom-select-popover button:hover,.custom-select-popover button[aria-selected=true]{color:var(--link);background:#e8f2ff}.button{color:#f5f5f7;background:var(--blue);border:1px solid var(--blue);min-height:42px;font-family:var(--font-text);letter-spacing:-.357px;border-radius:980px;justify-content:center;align-items:center;padding:8px 22px;font-size:17px;font-weight:400;line-height:1.47;transition:background .12s,border-color .12s,transform .12s;display:inline-flex}.button:hover:not(:disabled){background:var(--blue-hover);border-color:var(--blue-hover)}.button:not(:disabled):active{transform:translateY(1px)}.button-secondary,.button-ghost{color:var(--blue);border-color:var(--blue);background:0 0}.button-secondary:hover:not(:disabled),.button-ghost:hover:not(:disabled),.button-danger{color:#f5f5f7;background:var(--blue);border-color:var(--blue)}.button-danger:hover:not(:disabled){color:#f5f5f7;background:var(--blue-hover);border-color:var(--blue-hover)}.button-small{letter-spacing:-.357px;min-height:34px;padding:8px 22px;font-size:17px;line-height:1.47}.load-more{width:100%;margin-top:18px}.page-list{border-top:1px solid var(--line)}.page-row{width:100%;color:var(--text);text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) 150px 20px;align-items:center;gap:14px;padding:18px 8px;display:grid}.page-row:hover{z-index:1;box-shadow:var(--card-shadow);background:#fff;position:relative}.upload-mark{color:#f5f5f7;background:var(--blue);letter-spacing:normal;border-radius:50%;place-items:center;line-height:1;display:inline-grid}.page-main,.page-date{flex-direction:column;gap:4px;min-width:0;display:flex}.page-main strong{letter-spacing:-.357px;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;line-height:1.47;overflow:hidden}.page-main span,.page-date{color:var(--muted);letter-spacing:normal;font-size:14px;line-height:1.47}.page-date span{color:var(--muted)}.chevron{color:var(--link);font-family:var(--font-display);letter-spacing:normal;font-size:28px;line-height:1}.drop-zone{min-height:160px;color:var(--muted);text-align:center;background:var(--section);border:1px dashed #86868b;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;margin-top:0;padding:18px;transition:background .15s,border-color .15s;display:flex;position:relative}.drop-zone.is-dragging,.drop-zone:hover{border-color:var(--blue);background:#e8f2ff}.drop-zone:focus-within{box-shadow:var(--focus-ring)}.drop-zone input{opacity:0;width:100%;height:100%;position:absolute;inset:0}.drop-zone strong{max-width:100%;color:var(--text);letter-spacing:-.357px;text-overflow:ellipsis;margin:8px 0 3px;font-size:17px;font-weight:600;line-height:1.47;overflow:hidden}.drop-zone span:last-of-type,.field-help,.field small{color:var(--muted);letter-spacing:normal;font-size:14px;font-weight:400;line-height:1.47}.file-picker-button{letter-spacing:-.357px;min-height:42px;margin-top:14px;padding:8px 22px;font-size:17px;line-height:1.47}.upload-mark{width:36px;height:36px;font-size:20px}.field-help{text-align:right;margin:5px 0 17px}.field{color:var(--text);letter-spacing:-.357px;flex-direction:column;gap:6px;margin-bottom:16px;font-size:17px;font-weight:600;line-height:1.47;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);background:#0000007a;place-items:center;padding:32px 20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-dialog{width:min(620px,100%);max-height:calc(100vh - 64px);color:var(--text);background:var(--paper);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:18px;padding:30px;overflow-y:auto}.modal-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.modal-heading-plain{justify-content:flex-end;margin-bottom:8px}.modal-heading h2{font-family:var(--font-display);letter-spacing:normal;margin:0;font-size:40px;font-weight:600;line-height:1.1}.modal-close{color:var(--muted);flex:none}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;display:flex}.status{min-height:100px;color:var(--muted);justify-content:center;align-items:center;gap:9px;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{color:var(--text);background:var(--section);border-left:3px solid var(--muted);letter-spacing:-.357px;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:12px 16px;font-size:17px;font-weight:400;line-height:1.47;display:flex}.notice-error{color:#8a1c13;background:var(--danger-soft);border-left-color:var(--danger)}.icon-button{color:inherit;letter-spacing:normal;background:0 0;border:0;border-radius:980px;padding:3px 8px;font-size:20px;line-height:1}.empty-state{color:var(--muted);text-align:center;padding:70px 20px}.empty-state h2{margin-bottom:8px}.empty-state p{margin:4px}.empty-state.compact{padding:35px 20px}.back-button{letter-spacing:-.357px;padding:5px 0;font-size:17px;line-height:1.47}.detail-header{justify-content:space-between;align-items:center;gap:24px;margin:8px 0 14px;display:flex}.metadata-grid{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);margin:0 0 30px;display:grid;overflow:hidden}.metadata-grid>div{border-right:1px solid var(--line);padding:17px 20px}.metadata-grid>div:last-child{border:0}.metadata-grid dt,.metadata-grid small{color:var(--muted);letter-spacing:normal;font-size:14px;font-weight:400;line-height:1.47}.metadata-grid dt{margin-bottom:8px;font-weight:600}.metadata-grid dd{margin:0}.metadata-grid small{margin-top:4px;display:block}.form-grid{grid-template-columns:1fr 280px;gap:18px;display:grid}.form-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.file-chip{color:var(--link);letter-spacing:normal;background:#e8f2ff;border-radius:980px;margin:0 0 12px;padding:6px 12px;font-size:14px;line-height:1.47;display:inline-block}.inline-form{align-items:end;gap:12px;max-width:720px;margin-bottom:26px;padding:18px;display:flex}.inline-form .field{margin:0}.grow{flex:1}.management-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.management-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;min-height:68px;padding:11px 15px;display:flex}.management-row:last-child{border:0}.management-row input{flex:1}.category-swatch{background:var(--blue);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 4px #0071e324}.row-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.row-main strong{letter-spacing:-.357px;font-size:17px;font-weight:600;line-height:1.47}.row-main small{color:var(--muted);letter-spacing:normal;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.47;overflow:hidden}.secret-box{color:var(--text);background:#fff8e6;border:1px solid #ead499;border-radius:12px;margin:0 0 22px;padding:18px}.secret-box>p{margin:6px 0 12px}.secret-value{align-items:center;gap:10px;display:flex}.secret-value code{color:var(--text);letter-spacing:normal;white-space:nowrap;background:#fff;border:1px solid #ead499;border-radius:10px;flex:1;padding:11px;font-size:14px;line-height:1.47;overflow:auto}.user-row .row-main{min-width:200px}.auth-screen{background:var(--section);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:18px;width:min(520px,100%);padding:48px}.auth-card .brand-mark{width:52px;height:52px;margin:0 auto;font-size:28px}.auth-card h1{margin:20px 0 8px}.auth-card .status{min-height:65px}@media (width<=1023px){.app-header{grid-template-columns:auto 1fr auto;padding-inline:20px}.app-header nav{justify-content:center}.app-header nav button{min-width:auto;padding-inline:12px}.account-button strong{max-width:140px}}@media (width<=833px){.app-header{grid-template-columns:1fr auto auto;gap:12px;height:44px;padding:0 16px}.menu-button{color:#f5f5f7;background:0 0;border:0;border-radius:50%;grid-column:2;place-content:center;gap:5px;width:32px;height:32px;padding:8px;display:inline-grid}.brand-logo{width:160px}.menu-button span{background:currentColor;width:16px;height:1px;transition:transform .15s;display:block}.menu-open{color:var(--text);background:#fafafc}.menu-open .brand,.menu-open .menu-button,.menu-open .account-button,.menu-open .account-button strong,.menu-open .text-button{color:var(--text)}.menu-open .menu-button span:first-child{transform:translateY(3px)rotate(45deg)}.menu-open .menu-button span:last-child{transform:translateY(-3px)rotate(-45deg)}.app-header nav{background:#fafafc;flex-direction:column;height:auto;padding:8px 16px 18px;display:none;position:absolute;top:44px;left:0;right:0}.app-header.menu-open nav{display:flex}.app-header nav button{min-height:44px;color:var(--text);text-align:left;border-bottom:1px solid var(--line);padding:0}.app-header nav button:hover,.app-header nav button.active{color:var(--link)}.app-header nav button.active{box-shadow:none}.account{grid-column:3}.account-button{max-width:130px;padding-left:4px}.account-button strong{max-width:100px}#main-content{padding:32px 12px 52px}.pages-panel,.manager-panel,.detail-panel{border-radius:14px;padding:24px 18px}.modal-backdrop{place-items:start center;padding:12px}.modal-dialog{border-radius:14px;max-height:calc(100vh - 24px);padding:24px 18px}.modal-heading h2{font-size:32px;line-height:1.1}.modal-actions{flex-direction:column-reverse;align-items:stretch}.filters{grid-template-columns:1fr}.page-row{grid-template-columns:minmax(0,1fr) 18px;gap:10px}.page-date{display:none}.detail-header{flex-direction:column;align-items:flex-start}.metadata-grid{grid-template-columns:1fr}.metadata-grid>div{border-right:0;border-bottom:1px solid var(--line)}.form-grid{grid-template-columns:1fr;gap:0}.inline-form{flex-direction:column;align-items:stretch}.management-row{flex-wrap:wrap}.management-row input,.row-main{min-width:180px}.secret-value{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring)}.app-header nav button.active:focus-visible{box-shadow:inset 0 -2px 0 var(--blue), var(--focus-ring)}.page-row:hover:focus-visible{box-shadow:var(--card-shadow), var(--focus-ring)}.search-field input:focus-visible,.drop-zone input:focus-visible{box-shadow:none}.app-header{grid-template-columns:minmax(0,1fr) auto}.account-menu button[aria-current=page]{color:var(--link);background:#e8f2ff}.view-switch{background:var(--section);border:1px solid var(--line);border-radius:980px;padding:3px;display:inline-flex}.view-switch button{width:34px;min-height:34px;color:var(--muted);letter-spacing:normal;background:0 0;border:0;border-radius:980px;align-items:center;gap:5px;padding:5px;font-size:14px;line-height:1.47;display:inline-flex}.view-switch button.active{color:var(--link);background:var(--paper);box-shadow:0 1px 4px #0000001f}.view-switch img{width:18px;height:18px}.folder-back{color:var(--link);letter-spacing:-.357px;background:0 0;border:0;margin:0 0 18px;padding:0;font-size:17px;line-height:1.47}.folder-browser,.file-browser{gap:16px;display:grid}.folder-browser-shell{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.folder-browser{gap:10px}.folder-browser.tile{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.folder-browser.is-collapsed{overflow:hidden}.folder-browser.tile.is-collapsed{max-height:126px}.folder-browser.list.is-collapsed{max-height:262px}.folder-item{min-width:0;height:58px;color:var(--text);text-align:left;background:var(--section);border:1px solid var(--line);border-radius:14px;grid-template-columns:36px minmax(0,1fr) 14px;align-items:center;gap:10px;padding:8px 12px;display:grid}.folder-item:hover{background:var(--paper);box-shadow:var(--card-shadow);border-color:#0000}.folder-item.is-drop-target{border-color:var(--blue);background:#e8f2ff;box-shadow:0 0 0 3px #0071e333}.folder-icon{width:36px;height:34px;color:var(--blue);background:#e8f2ff;border-radius:9px;place-items:center;display:inline-grid}.folder-icon svg{fill:#0071e321;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:24px;height:24px}.folder-text{flex-direction:column;gap:3px;min-width:0;display:flex}.folder-text strong,.folder-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-text strong{letter-spacing:normal;font-size:14px;line-height:1.47}.folder-text small{color:var(--muted);letter-spacing:normal;font-size:14px;line-height:1.47}.folder-toggle{color:var(--link);font-family:var(--font-text);letter-spacing:normal;background:0 0;border:0;border-radius:980px;margin:8px auto -4px;padding:5px 8px;font-size:14px;font-weight:400;line-height:1.47;display:block}.folder-toggle:hover{text-underline-offset:3px;text-decoration:underline}.file-browser.tile{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.file-item{min-width:0;color:var(--text);background:var(--paper);border:1px solid var(--line);cursor:pointer;position:relative}.file-item:hover{box-shadow:var(--card-shadow);border-color:#0000}.file-item.is-dragging{opacity:.5}.file-browser.tile .file-item{border-radius:16px;grid-template-rows:112px minmax(46px,auto);grid-template-columns:minmax(0,1fr);gap:10px;min-height:192px;padding:12px;display:grid}.file-preview{color:var(--link);letter-spacing:normal;background:linear-gradient(145deg,#f5f5f7,#e8f2ff);border-radius:10px;place-items:center;font-size:14px;font-weight:600;line-height:1.47;display:grid;position:relative;overflow:hidden}.thumbnail-preview,.thumbnail-preview img,.thumbnail-placeholder{width:100%;height:100%;display:block}.thumbnail-preview img{object-fit:cover;object-position:top center}.thumbnail-placeholder{color:var(--link);letter-spacing:normal;background:linear-gradient(145deg,#f5f5f7,#e8f2ff);place-items:center;font-size:14px;font-weight:600;line-height:1.47;display:grid}.file-browser.tile .file-preview,.file-browser.tile .page-main{grid-column:1/-1}.file-browser.tile .page-main strong{text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.file-browser.tile .page-main>span,.file-meta-overlay{display:none}.file-browser.tile .file-meta-overlay{z-index:1;color:#f5f5f7;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:saturate(150%)blur(8px);backdrop-filter:saturate(150%)blur(8px);letter-spacing:normal;background:#00000094;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:400;line-height:1.42;display:block;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.file-browser.tile .file-actions{z-index:2;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);background:#ffffffb8;border:1px solid #d2d2d7cc;border-radius:980px;padding:4px;position:absolute;top:8px;right:8px}.file-browser.tile .file-actions .asset-icon-button{background:#e8f2ffd6;width:34px;height:34px;padding:7px}.file-browser.tile .file-actions .asset-icon-button:hover{color:#f5f5f7;background:var(--blue)}.file-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.asset-icon-button{width:38px;height:38px;color:var(--link);background:#e8f2ff;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;padding:8px;display:inline-grid}.asset-icon-button:hover:not(:disabled),.asset-icon-button.primary{color:#f5f5f7;background:var(--blue)}.asset-icon-button.danger{color:var(--danger);background:var(--danger-soft)}.asset-icon-button.danger:hover:not(:disabled){color:#f5f5f7;background:var(--danger)}.asset-icon-button.large{width:46px;height:46px;padding:11px}.asset-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.copy-feedback{z-index:2;color:#f5f5f7;letter-spacing:normal;background:#000c;border-radius:980px;padding:5px 9px;font-size:12px;line-height:1.42;position:absolute;bottom:62px;right:14px}.file-browser.tile .copy-feedback{top:54px;bottom:auto;right:8px}.file-browser.list{border-top:1px solid var(--line);gap:0}.file-browser.list .file-item{border-width:0 0 1px;border-radius:0;grid-template-columns:54px minmax(0,1fr) 150px auto;align-items:center;gap:14px;padding:15px 8px;display:grid}.file-browser.list .file-preview{width:54px;height:44px;font-size:11px}.pagination{justify-content:center;align-items:center;gap:6px;margin-top:20px;display:flex}.pagination button{width:36px;height:36px;color:var(--link);font-family:var(--font-text);letter-spacing:normal;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;font-size:14px;font-weight:400;line-height:1;display:inline-grid}.pagination button:hover:not(:disabled){background:#e8f2ff}.pagination button.active{color:#f5f5f7;background:var(--blue)}.pagination span{min-width:18px;color:var(--muted);text-align:center;letter-spacing:normal;font-size:14px;line-height:1}.workspace-drop-overlay{z-index:30;color:var(--link);border:2px dashed var(--blue);letter-spacing:-.357px;pointer-events:none;background:#e8f2fff0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:600;line-height:1.47;display:flex;position:absolute;inset:8px}.workspace-drop-overlay .upload-mark{width:44px;height:44px;font-size:24px}.workspace-drop-prompt{width:100%;min-height:44px;color:var(--link);font-family:var(--font-text);letter-spacing:normal;background:#e8f2ff73;border:1px dashed #0071e3a6;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:14px;padding:7px 14px;font-size:14px;font-weight:400;line-height:1.47;display:flex}.workspace-drop-prompt:hover{border-color:var(--blue);background:#e8f2ff}.workspace-drop-prompt-icon{flex:none;place-items:center;width:24px;height:24px;display:inline-grid}.workspace-drop-prompt-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.preview-block{margin:0 0 18px}.preview-block>span{color:var(--text);letter-spacing:-.357px;margin-bottom:6px;font-size:17px;font-weight:600;line-height:1.47;display:block}.html-preview,.server-preview{aspect-ratio:16/9;background:var(--section);border:1px solid var(--line);border-radius:12px;width:100%;overflow:hidden}.html-preview{display:block}.detail-panel{padding:22px 28px 24px;position:relative;overflow:visible}.edit-form{border-top:0;padding-top:0}.inline-title{flex:1;min-width:0}.inline-title input{width:100%;color:var(--text);font-family:var(--font-display);letter-spacing:normal;background:0 0;border:1px solid #0000;border-radius:10px;margin:4px 0 8px -8px;padding:2px 8px;font-size:32px;font-weight:600;line-height:1.1}.inline-title input:hover,.inline-title input:focus{background:var(--section);border-color:var(--line)}.detail-actions{flex:none;gap:8px;display:flex;position:relative}.detail-copy-feedback{top:auto;bottom:-30px;right:0}.detail-content-grid{grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);align-items:stretch;gap:16px;margin-bottom:14px;display:grid}.detail-content-grid .metadata-grid{grid-template-columns:1fr;margin:0}.detail-content-grid .metadata-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:10px 14px}.detail-content-grid .metadata-grid dt{margin-bottom:2px}.detail-content-grid .server-preview{max-height:270px}.detail-fields{grid-template-columns:minmax(190px,.55fr) minmax(320px,1.45fr);align-items:start;gap:14px;display:grid}.detail-category-field,.upload-category-field{z-index:4;position:relative}.detail-category-field .custom-select-trigger,.upload-category-field .custom-select-trigger{letter-spacing:-.357px;font-size:17px}.detail-category-field .custom-select-popover,.upload-category-field .custom-select-popover{z-index:40}.detail-panel .field{gap:4px;margin-bottom:10px}.detail-panel .field textarea{min-height:68px}.detail-panel>.server-preview{max-width:640px}.replacement-drop-zone{background:#f5f5f7b8;border:1px dashed #86868b;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;margin-bottom:10px;padding:8px 12px;transition:background .15s,border-color .15s;display:grid}.replacement-drop-zone:hover,.replacement-drop-zone.is-dragging{border-color:var(--blue);background:#e8f2ff}.replacement-drop-icon{width:34px;height:34px;color:var(--link);background:var(--paper);border-radius:50%;place-items:center;display:inline-grid}.replacement-drop-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.replacement-drop-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.replacement-drop-copy strong{letter-spacing:normal;font-size:14px;font-weight:600;line-height:1.47}.replacement-drop-copy small{color:var(--muted);letter-spacing:normal;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;line-height:1.42;overflow:hidden}.replacement-picker-button{letter-spacing:normal;min-height:36px;padding:6px 16px;font-size:14px;line-height:1.47}.detail-drop-overlay{z-index:5;color:var(--link);border:2px dashed var(--blue);letter-spacing:-.357px;pointer-events:none;background:#e8f2fff0;border-radius:18px;place-items:center;font-size:17px;font-weight:600;line-height:1.47;display:grid;position:absolute;inset:0}.file-browser.list .copy-feedback{bottom:54px;right:58px}.category-create-form{max-width:960px}.category-row{grid-template-columns:minmax(180px,.8fr) minmax(260px,1.4fr) auto auto;align-items:end;display:grid}.category-field{min-width:0;color:var(--muted);letter-spacing:normal;flex-direction:column;gap:4px;font-size:12px;line-height:1.42;display:flex}.autosave-status{min-width:58px;color:var(--muted);letter-spacing:normal;padding-bottom:9px;font-size:12px;line-height:1.42}.confirm-dialog{width:min(460px,100%)}.confirm-dialog h2{letter-spacing:.196px;margin:0 0 14px;font-size:28px;line-height:1.14}.confirm-dialog p{color:var(--muted);letter-spacing:-.357px;margin:0;font-size:17px;line-height:1.47}.button-danger-confirm{color:#f5f5f7;background:var(--danger);border-color:var(--danger)}.button-danger-confirm:hover:not(:disabled){color:#f5f5f7;background:#8a1c13;border-color:#8a1c13}@media (width<=1023px){.app-header{grid-template-columns:minmax(0,1fr) auto}.panel-heading{align-items:flex-start}.panel-actions{flex-wrap:wrap;justify-content:flex-end}.filters{grid-template-columns:minmax(220px,1fr) 190px 170px 44px}.filter-actions{grid-column:1/-1}.category-row{grid-template-columns:minmax(160px,1fr) minmax(220px,1.4fr) auto}.autosave-status{display:none}}@media (width<=833px){.app-header{grid-template-columns:minmax(0,1fr) auto}.account{grid-column:2}.account-button{max-width:116px}.account-button strong{max-width:88px}.panel-heading,.panel-actions{flex-direction:column;align-items:stretch}.panel-actions{width:100%}.panel-actions .button-primary{align-self:flex-end}.view-switch{align-self:flex-start}.filters{grid-template-columns:1fr}.filter-actions{flex-wrap:wrap;grid-column:auto}.detail-content-grid{grid-template-columns:1fr}.detail-fields{grid-template-columns:1fr;gap:0}.inline-title input{font-size:32px}.folder-browser.tile,.file-browser.tile{grid-template-columns:repeat(2,minmax(0,1fr))}.file-browser.list .file-item{grid-template-columns:46px minmax(0,1fr) auto;gap:9px}.file-browser.list .file-preview{width:46px;height:40px}.file-browser.list .page-date{display:none}.category-create-form,.category-row{flex-direction:column;align-items:stretch;display:flex}.category-row{padding:16px}.category-row .tag,.category-row .asset-icon-button{align-self:flex-end}.confirm-backdrop{place-items:center}}@media (width<=560px){.brand-logo{width:138px}.folder-browser.tile,.file-browser.tile{grid-template-columns:1fr}.file-browser.tile .file-item{min-height:192px}.replacement-drop-zone{grid-template-columns:34px minmax(0,1fr)}.replacement-picker-button{grid-column:2;justify-self:start}.folder-item{padding:8px 10px}.form-actions{padding-top:8px}}.favicon-picker{background:0 0;border:0;border-radius:9px;flex:none;padding:0;transition:box-shadow .12s,transform .12s;display:inline-flex}.favicon-picker:hover{transform:translateY(-1px)}.favicon-picker:hover .favicon-preview{border-color:var(--blue);box-shadow:var(--card-shadow)}.favicon-picker:focus-visible{box-shadow:var(--focus-ring)}.favicon-preview{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:9px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;transition:border-color .12s,box-shadow .12s;display:inline-flex}.category-favicon-row{align-items:center;gap:10px;display:flex}.category-favicon-row .custom-select{flex:1;min-width:0}.inline-title-row{align-items:center;gap:10px;display:flex}.inline-title-row .favicon-preview{width:32px;height:32px}.inline-title-row input{flex:1;min-width:0}.user-create-form{flex-wrap:wrap;max-width:none}.user-create-form .field.grow{min-width:220px}.user-create-role{min-width:140px}@media (width<=760px){.user-create-form{flex-direction:column;align-items:stretch}.category-favicon-row{flex-wrap:wrap}}