:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;color:#172037;background:#f4f6fa;font-synthesis:none;--ink:#172037;--muted:#70798c;--line:#dfe4ec;--paper:#fff;--blue:#315ee8;--blue-dark:#173ea8;--orange:#ff7a3d;--orange-dark:#c94716}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 0,#e7eeff 0,transparent 28rem),#f5f7fb}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.page{max-width:1240px;margin:auto;padding:72px 32px 100px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1176px)/2));border-bottom:1px solid rgba(34,49,78,.1);background:#f5f7fbdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.wordmark{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:Syne,sans-serif;font-weight:700;font-size:19px}.wordmark span,.brand-mark{display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:8px;width:32px;height:32px}.topbar nav{display:flex;align-items:center;gap:26px}.topbar nav a,.text-button{color:#596277;text-decoration:none;background:none;border:0;font-size:14px}.topbar nav a.router-link-active{color:var(--ink);font-weight:700}.eyebrow{font:500 11px DM Mono,monospace;letter-spacing:.14em;color:#68738a;margin:0 0 14px}.hero{max-width:750px;margin-bottom:56px}.hero h1,.library-head h1{font-family:Syne,Noto Sans SC,sans-serif;font-size:clamp(46px,7vw,82px);letter-spacing:-.055em;line-height:1.02;margin:0 0 26px}.hero h1 em{font-style:normal;color:#7f899c}.hero>p:last-child,.library-head p{color:var(--muted);font-size:17px}.drop-doors{display:grid;grid-template-columns:1fr 1fr;gap:18px}.door{border:0;text-align:left;padding:34px;min-height:370px;border-radius:26px;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.door:hover{transform:translateY(-5px);box-shadow:0 24px 55px #1422462e}.door.long{background:linear-gradient(145deg,#4774f4,#244cc3)}.door.temp{background:linear-gradient(145deg,#ff925c,#e45b26)}.door:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.25);border-radius:50%;right:-80px;top:-60px;box-shadow:0 0 0 40px #ffffff0d,0 0 0 80px #ffffff09}.door-index{font:500 11px DM Mono;letter-spacing:.15em}.door-icon{font:400 92px Syne;margin:auto 0 8px;line-height:1}.door strong{font-size:30px}.door small{font-size:14px;opacity:.8;margin-top:8px}.door-action{font-weight:700;margin-top:28px}.composer{margin-top:32px;background:#fff;border:1px solid #d8e1fb;border-top:5px solid var(--blue);border-radius:22px;padding:34px;box-shadow:0 28px 70px #26448c1a;scroll-margin-top:90px}.composer.temporary{border-color:#f4d1c2;border-top-color:var(--orange)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.section-heading h2{font-family:Syne,Noto Sans SC;font-size:30px;margin:0}.icon-button{border:0;background:#eff2f7;border-radius:50%;width:36px;height:36px;font-size:24px;color:#5c6577}.field{display:block;margin:22px 0}.field>span{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.field i{font-style:normal;color:#98a0af;font-weight:400}.field textarea,.field>input,.tag-input input,.search input{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fafbfc;outline:none}.field textarea:focus,.tag-input input:focus,.search input:focus{border-color:#7e9cff;box-shadow:0 0 0 3px #315ee81a}.dropzone{width:100%;border:1.5px dashed #b9c4d8;border-radius:14px;background:#f8faff;padding:28px;display:flex;flex-direction:column;gap:6px;color:#566178}.dropzone b{color:#2d3a52}.file-list{display:grid;gap:8px;margin-top:10px}.file-list>div{display:flex;justify-content:space-between;padding:10px 12px;background:#f4f6fa;border-radius:9px;font-size:13px}.file-list button,.content-card footer button,.content-card footer a,.tag-table button{border:0;background:none;color:#596883;text-decoration:none}.tag-input{display:flex;gap:8px}.tag-input button,.primary{border:0;border-radius:11px;padding:0 20px;background:var(--ink);color:#fff}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chips button,.chips span{border:0;background:#ecf1ff;color:#3154b6;border-radius:99px;padding:7px 11px;font-size:12px}.save-button{border:0;border-radius:12px;background:var(--blue);color:#fff;padding:14px 22px;font-weight:700}.save-button.temporary{background:var(--orange-dark)}.error{color:#b42d26;background:#fff0ef;padding:10px 13px;border-radius:9px}.success{color:#16663c;background:#eaf8f0;padding:10px 13px;border-radius:9px}.library{padding-top:58px}.library-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.library-head h1{font-size:58px;margin-bottom:10px}.search{width:min(380px,40%);display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding-left:14px}.search input{border:0;background:transparent;box-shadow:none!important}.filter-board{background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px 22px;margin-bottom:28px}.filter-row{display:flex;gap:25px;align-items:center;min-height:62px;border-bottom:1px solid #edf0f4}.filter-row:last-child{border:0}.filter-row>b{font-size:12px;width:66px;color:#687288}.segmented{background:#edf0f5;padding:3px;border-radius:10px;display:flex}.segmented button{border:0;background:transparent;padding:8px 18px;border-radius:8px;color:#687288}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px #d3d8e2}.chips.filter{margin:0}.chips.filter button{background:#f0f2f6;color:#677185}.chips.filter button.active{background:var(--ink);color:#fff}.chips.filter button:disabled{opacity:.35;cursor:not-allowed}.chips.filter small{opacity:.65;margin-left:4px}.sort-row select{border:1px solid var(--line);background:#fafbfc;border-radius:9px;padding:8px 12px;color:var(--ink)}.view-mode{margin-left:auto;font:12px DM Mono;color:#7a8497}.empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#858e9f}.empty b{color:#394358;font-size:22px}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.content-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;min-width:0}.card-meta{display:flex;justify-content:space-between;color:#8a93a4;font-size:12px}.status{border-radius:99px;padding:4px 9px;background:#eaf0ff;color:#3159c9}.status.temporary{background:#fff0e9;color:#c84e1c}.content-text{font-size:16px;line-height:1.7;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.preview-strip{display:grid;grid-template-columns:repeat(3,1fr);height:120px;gap:5px;margin:16px 0}.preview-strip a{border-radius:9px;overflow:hidden;background:#e9edf5;text-decoration:none}.preview-strip img{width:100%;height:100%;object-fit:cover}.preview-strip a>span{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#46536c;font-size:28px}.preview-strip small{font-size:9px;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chips.compact{margin:14px 0}.chips.compact span{padding:5px 9px}.expiry{color:#d05b2b;font-size:12px}.content-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f4;padding-top:15px;color:#8a93a4;font-size:11px}.content-card footer>div{display:flex;gap:5px}.content-card footer a,.content-card footer button{font-size:11px;padding:4px}.danger{color:#c23f36!important}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.media-tile{background:#172037;border-radius:15px;overflow:hidden;position:relative;aspect-ratio:1}.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover}.media-meta{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:35px 13px 12px;background:linear-gradient(transparent,#080c16d1);display:flex;flex-direction:column}.media-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.media-meta small{opacity:.7;margin-top:3px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f162480;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:20px;padding:28px;width:min(600px,100%);max-height:90vh;overflow:auto}.settings-panel{max-width:760px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.tag-input.create{height:48px;margin-bottom:24px}.tag-table>div{display:grid;grid-template-columns:1fr 100px auto auto;gap:12px;align-items:center;padding:16px 4px;border-top:1px solid #edf0f4}.tag-table span{font-size:12px;color:#8790a0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#edf2ff 0,#edf2ff 50%,#fff0e8 50%)}.login-card{width:min(460px,100%);background:#fffffff0;padding:44px;border-radius:24px;box-shadow:0 30px 100px #232f4a29}.login-card h1{font:700 46px/1.08 Syne,Noto Sans SC;letter-spacing:-.04em}.login-form{display:grid;gap:10px;margin-top:30px}.login-form label{font-size:12px;font-weight:700}.login-form input{padding:14px;border:1px solid var(--line);border-radius:10px}.primary{height:48px;margin-top:5px}.muted{color:var(--muted)}.tag-input input{flex:1 1 auto;width:auto;min-width:0}.tag-input button{flex:0 0 auto;white-space:nowrap}.filter-board .segmented button,.filter-board .chips.filter button,.filter-board .sort-row select{font-size:13px;line-height:1.4}.filter-board .chips.filter small{font-size:11px}.preview-strip button{border:0;padding:0;border-radius:9px;overflow:hidden;background:#e9edf5;cursor:zoom-in}.preview-strip button>span{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#46536c;font-size:28px}.media-open{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;background:#172037;cursor:zoom-in}.media-open img,.media-open video{width:100%;height:100%;object-fit:cover}.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#ffffffe6;color:#172037;padding-left:3px;box-shadow:0 8px 24px #0003}.preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#0a0f1bd1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.preview-modal{display:flex;flex-direction:column;width:min(1100px,100%);max-height:92vh;background:#111827;color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 100px #0006}.preview-modal header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px}.preview-modal header>div:first-child{display:flex;flex-direction:column;min-width:0}.preview-modal header strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-modal header small{color:#a9b1c1;margin-top:3px}.preview-actions{display:flex;align-items:center;gap:14px;flex:none}.preview-actions a{color:#fff;text-decoration:none;font-size:13px}.preview-stage{display:grid;place-items:center;min-height:240px;max-height:calc(92vh - 130px);background:#080c14}.preview-stage img,.preview-stage video{display:block;max-width:100%;max-height:calc(92vh - 130px);object-fit:contain}.preview-modal>p{margin:0;padding:13px 18px;color:#c3cad7;font-size:13px;white-space:pre-wrap}.batch-bar{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:13px}.batch-bar button{border:0;background:#edf1f7;color:#43506a;border-radius:9px;padding:8px 13px}.batch-bar span{font-size:13px;color:#737e91}.batch-bar .batch-download{margin-left:auto;background:var(--ink);color:#fff}.batch-bar button:disabled{opacity:.4;cursor:not-allowed}.media-tile.selected{box-shadow:0 0 0 3px var(--blue)}.media-check{position:absolute;z-index:4;top:10px;left:10px;width:26px;height:26px;border:2px solid white;border-radius:7px;background:#161f3180;color:#fff;font-weight:700}.media-meta{pointer-events:none;z-index:2}.settings-head{margin-bottom:34px}.settings-head h1{font:700 58px/1 Syne,Noto Sans SC;letter-spacing:-.05em;margin:0 0 14px}.settings-head>p:last-child{color:var(--muted)}.settings-message{max-width:780px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.settings-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}.tags-card{grid-column:1/-1}.settings-card-head{display:flex;gap:14px;align-items:center;margin-bottom:24px}.settings-card-head h2{margin:0 0 4px;font:700 22px Syne,Noto Sans SC}.settings-card-head p{margin:0;color:var(--muted);font-size:13px}.settings-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;font:700 20px DM Mono}.settings-icon.orange{background:#fff0e9;color:var(--orange-dark)}.settings-icon.blue{background:#eaf0ff;color:var(--blue-dark)}.settings-icon.neutral{background:#eef1f5;color:#4c5870}.setting-field{display:block;margin:14px 0}.setting-field>span{display:block;margin-bottom:7px;font-size:12px;font-weight:700;color:#5f697d}.setting-field>input,.number-field{width:100%;border:1px solid var(--line);border-radius:11px;background:#fafbfc}.setting-field>input{padding:12px 14px;outline:none}.number-field{display:flex;align-items:center}.number-field input{width:100%;border:0;background:transparent;padding:12px 14px;outline:none}.number-field b{padding:0 15px;color:#737d8e;font-size:13px}.setting-hint{font-size:12px;color:#8b94a4}.settings-action{border:0;border-radius:10px;background:var(--blue);color:#fff;padding:11px 17px;font-weight:700;margin-top:9px}.settings-action.orange-action{background:var(--orange-dark)}.settings-action:disabled{opacity:.5}.tags-card .tag-table>div{grid-template-columns:1fr 120px auto auto}.confirm-modal{width:min(430px,100%);background:#fff;border-radius:20px;padding:30px;text-align:center;box-shadow:0 30px 90px #0d162947}.confirm-modal h2{font:700 25px Syne,Noto Sans SC;margin:14px 0 8px}.confirm-modal>p{color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 22px}.confirm-modal .setting-field{text-align:left}.confirm-icon{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:14px;background:#eaf0ff;color:var(--blue);font:700 22px DM Mono}.confirm-icon.danger-icon{background:#fff0ef;color:#c23f36}.dialog-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.dialog-actions button{border:0;border-radius:10px;padding:11px 18px;font-weight:700}.cancel-button{background:#edf0f5;color:#566176}.confirm-button{background:var(--blue);color:#fff}.danger-button{background:#c83f36;color:#fff}.chips button,.chips span,.managed-tag{border:1px solid transparent}.managed-tag{justify-self:start;border-radius:99px;padding:6px 10px;font-size:13px}.tag-combobox{position:relative}.tag-options{position:absolute;z-index:8;left:0;right:0;top:calc(100% + 6px);max-height:220px;overflow-y:auto;padding:6px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 38px #1d2a4429}.tag-options>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:8px;padding:8px;background:transparent;text-align:left}.tag-options>button:hover{background:#f4f6fa}.tag-options>button span{border-radius:99px;padding:5px 9px;font-size:12px}.tag-options>button small{color:#8a93a4}.tag-options>p{margin:8px;text-align:center;color:#8a93a4;font-size:12px}.tag-options .create-option{justify-content:flex-start;color:var(--blue);font-weight:700;padding:10px}.content-card.temporary{border-color:#efaa89}.time-row select{border:1px solid var(--line);background:#fafbfc;border-radius:9px;padding:8px 12px;color:var(--ink);font-size:13px;line-height:1.4}.library-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;min-height:42px;margin:-12px 0 18px}.library-actions span{font-size:13px;color:var(--muted)}.library-actions button,.share-mode-button{border:0;border-radius:9px;padding:9px 14px;font-weight:700}.share-mode-button{background:var(--ink);color:#fff}.library-actions .confirm-button:disabled{opacity:.4}.content-card{position:relative}.share-check{position:absolute;z-index:3;right:14px;top:14px;width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#69748a;font-weight:700}.share-check.active{background:var(--blue);border-color:var(--blue);color:#fff}.share-dialog{text-align:left}.share-dialog>.confirm-icon{margin-left:0}.share-dialog h2,.share-dialog>p{text-align:left}.share-link{display:flex;gap:8px}.share-link input{flex:1;min-width:0;border:1px solid var(--line);border-radius:9px;padding:11px}.share-link button{border:0;border-radius:9px;background:var(--ink);color:#fff;padding:0 16px}.share-page{max-width:1100px;margin:auto;padding:0 28px 90px}.share-head{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.share-head small{color:var(--muted)}.share-intro{padding:70px 0 38px}.share-intro h1{font-size:48px;letter-spacing:-.04em;margin:0 0 12px}.share-intro>p:last-child{color:var(--muted)}.share-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;margin:16px 0}.share-media img,.share-media video{width:100%;height:220px;object-fit:cover;border-radius:10px;background:#111827}.share-error{margin-top:80px;text-align:center;color:var(--muted)}.share-error b{font-size:24px;color:var(--ink)}.share-check.share-icon{font-size:17px;line-height:1;color:#53617a;transition:.18s ease}.share-check.share-icon:hover{background:#eaf0ff;border-color:#b9c9f6;color:var(--blue);transform:translateY(-1px)}.share-check.share-icon svg{width:17px;height:17px;display:block;margin:auto}.share-confirm-icon svg{width:22px;height:22px}.number-field input{min-width:0}.number-field b{flex:0 0 auto;white-space:nowrap}.share-dialog .share-link input[readonly]{background:#eef1f5;color:#727c8e;cursor:not-allowed}.share-dialog .number-field,.share-dialog .number-field input{background:#fff}.shares-card{grid-column:1/-1}.share-table>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:15px 0;border-top:1px solid #edf0f4}.share-table>div:first-child{border-top:0}.share-record{display:flex;flex-direction:column;min-width:0}.share-record small{color:var(--muted);margin:3px 0 7px}.share-record code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#657087;font-family:inherit;font-size:12px}.share-table button{border:0;background:#edf1f6;color:#526078;border-radius:8px;padding:8px 12px}.settings-empty{color:var(--muted);font-size:13px;padding:14px 0}.content-card .card-meta{padding-right:38px}.wordmark,.hero h1,.library-head h1,.section-heading h2,.login-card h1,.settings-head h1,.settings-card-head h2,.confirm-modal h2,.eyebrow,.door-index,.door-icon,.view-mode,.settings-icon,.confirm-icon{font-family:inherit}@media (max-width:720px){.page{padding:45px 18px 80px}.topbar{padding:0 18px}.topbar nav{gap:13px}.topbar nav a{font-size:12px}.text-button{display:none}.hero h1{font-size:47px}.drop-doors{grid-template-columns:1fr}.door{min-height:300px}.library-head{display:block}.library-head h1{font-size:46px}.search{width:100%;margin-top:25px}.filter-row{align-items:flex-start;padding:14px 0;gap:8px;flex-direction:column}.filter-row>b{width:auto}.view-mode{margin:6px 0 0}.card-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px}.content-card footer{align-items:flex-start;gap:10px}.tag-table>div{grid-template-columns:1fr auto}.tag-table span{grid-column:1}.composer{padding:24px 18px}.login-card{padding:32px 24px}}@media (max-width:720px){.settings-grid{grid-template-columns:1fr}.tags-card{grid-column:auto}.settings-head h1{font-size:46px}.batch-bar{grid-column:1/-1;flex-wrap:wrap}.batch-bar .batch-download{margin-left:0}.tags-card .tag-table>div{grid-template-columns:1fr auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.share-media button{position:relative;height:220px;border:0;padding:0;border-radius:10px;overflow:hidden;background:#111827;cursor:zoom-in}.share-media button img,.share-media button video{width:100%;height:100%;object-fit:cover;border-radius:0}.share-page .content-card footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.share-page .content-card footer button,.share-page .content-card footer a{border:0;background:none;color:#465675;text-decoration:none;font-size:11px;padding:3px}