:root{color-scheme:light;font-family:SF Pro Display,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color:#10203b;background:linear-gradient(180deg,#edf4ff,#e8efff 45%,#eaf4f0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-max: 1180px;--text-primary: #10203b;--text-secondary: rgba(16, 32, 59, .72);--text-tertiary: rgba(16, 32, 59, .52);--primary: #1769ff;--primary-deep: #0d4fd1;--primary-soft: rgba(23, 105, 255, .14);--accent: #3abf93;--surface: rgba(255, 255, 255, .94);--surface-strong: #ffffff;--surface-soft: rgba(255, 255, 255, .86);--surface-border: rgba(255, 255, 255, .88);--surface-shadow: 0 22px 48px rgba(62, 88, 132, .16), 0 6px 18px rgba(62, 88, 132, .1);--surface-shadow-hover: 0 30px 70px rgba(62, 88, 132, .23), 0 10px 24px rgba(62, 88, 132, .12);--surface-stroke: inset 0 1px 0 rgba(255, 255, 255, .95);--blur-lg: blur(26px) saturate(180%);--blur-md: blur(18px) saturate(170%);--radius-xl: 34px;--radius-lg: 28px;--radius-md: 20px;--radius-sm: 16px}*{box-sizing:border-box}html,body,#app{min-height:100%}body{position:relative;margin:0;overflow-x:hidden;color:var(--text-primary);background:radial-gradient(circle at top left,#ffffffe6,#fff0 35%),linear-gradient(180deg,#eef5ff,#e7eefc 42%,#eaf4f1)}body.is-preview-open{overflow:hidden;overscroll-behavior:none}body.is-nav-toggle-pressing{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body:before,body:after{content:"";position:fixed;inset:auto;width:34rem;height:34rem;border-radius:50%;filter:blur(40px);opacity:.85;pointer-events:none;z-index:0}body:before{top:-8rem;left:-10rem;background:radial-gradient(circle,#fffffff2,#83bcff6b 35%,#83bcff00 72%)}body:after{right:-12rem;bottom:-10rem;background:radial-gradient(circle,#ffffffd1,#6fe2c257 38%,#6fe2c200 72%)}a{color:inherit;text-decoration:none}button{font:inherit}.shell{position:relative;z-index:1;min-height:100vh;padding:28px}.site-header,.hero-copy,.feature-card,.panel,.content-card,.stack-card,.upload-box,.template-grid div,.capability-list li,.timeline-item{position:relative;overflow:hidden;isolation:isolate}.site-header:before,.hero-copy:before,.feature-card:before,.panel:before,.content-card:before,.stack-card:before,.upload-box:before,.template-grid div:before,.capability-list li:before,.timeline-item:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(145deg,#ffffff80,#ffffff1a 48%,#ffffff3d);opacity:.9;pointer-events:none;z-index:-1}.site-header:after,.hero-copy:after,.feature-card:after,.panel:after,.content-card:after,.stack-card:after{content:"";position:absolute;inset:0 auto auto 12%;width:50%;height:1px;background:linear-gradient(90deg,#fff0,#ffffffe6,#fff0);opacity:.9;pointer-events:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:var(--page-max);margin:0 auto 28px;padding:20px 24px;border:1px solid var(--surface-border);border-radius:999px;background:linear-gradient(180deg,#fff,#ffffffe6),var(--surface);box-shadow:var(--surface-shadow),var(--surface-stroke);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);animation:fade-up .7s ease both}.brand-block{display:grid;gap:4px;min-width:0}.brand{font-size:1.35rem;font-weight:700;letter-spacing:0}.brand-copy{margin:0;color:var(--text-tertiary);font-size:.92rem;overflow-wrap:anywhere}.nav-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;gap:5px;flex-direction:column;border:1px solid rgba(255,255,255,.62);border-radius:999px;color:var(--text-primary);background:linear-gradient(180deg,#ffffff9e,#ffffff29),#ffffff38;box-shadow:0 14px 30px #809fcd33,inset 0 1px #ffffffb8;cursor:pointer;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.nav-toggle span{display:block;width:18px;height:2px;border-radius:999px;background:currentColor;transition:transform .24s ease,opacity .24s ease}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-nav{display:flex;flex-wrap:wrap;gap:10px;min-width:0}.site-nav a{min-width:0;padding:10px 16px;border:1px solid transparent;border-radius:999px;color:var(--text-secondary);text-align:center;overflow-wrap:anywhere;transition:transform .28s ease,background-color .28s ease,border-color .28s ease,box-shadow .28s ease,color .28s ease}.site-nav a.router-link-active{color:var(--text-primary);border-color:#ffffffb8;background:linear-gradient(180deg,#fff,#ffffffe6),#fff;box-shadow:inset 0 1px #fffffff2,0 12px 24px #506ea029}.site-nav a:hover{transform:translateY(-1px);border-color:#ffffff9e;background:#fff}.page-frame{width:100%;max-width:var(--page-max);margin:0 auto}.hero-panel,.section-grid,.card-grid,.template-grid,.stack-list{display:grid}.hero-panel{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;margin-bottom:24px}.hero-copy,.feature-card,.panel,.content-card,.stack-card{border:1px solid var(--surface-border);background:linear-gradient(180deg,#fff,#ffffffe6),var(--surface);box-shadow:var(--surface-shadow),var(--surface-stroke);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.hero-copy:hover,.feature-card:hover,.panel:hover,.content-card:hover,.stack-card:hover{transform:translateY(-4px);border-color:#ffffffb8;box-shadow:var(--surface-shadow-hover),var(--surface-stroke)}.hero-copy{padding:44px;border-radius:var(--radius-xl);animation:fade-up .75s ease .08s both}.eyebrow,.section-kicker,.feature-label{margin:0 0 14px;color:var(--primary-deep);font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.hero-copy h1,.page-intro h1{margin:0;font-weight:700;letter-spacing:0;line-height:1.02;overflow-wrap:anywhere}.hero-copy h1{max-width:11ch;font-size:clamp(2.6rem,4vw,4.9rem)}.hero-text,.page-intro p,.content-card p,.stack-card p,.panel p,.feature-card p{color:var(--text-secondary)}.hero-text{max-width:58ch;margin:22px 0 0;font-size:1.05rem;overflow-wrap:anywhere}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:132px;max-width:100%;padding:12px 18px;border:1px solid rgba(255,255,255,.56);border-radius:999px;cursor:pointer;overflow:hidden;text-align:center;overflow-wrap:anywhere;transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease,border-color .28s ease}.button:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(180deg,#ffffff85,#ffffff14);pointer-events:none}.button:hover{transform:translateY(-2px);box-shadow:0 18px 34px #49679933,inset 0 1px #ffffffe6}.button-solid{color:#fff;background:linear-gradient(180deg,#549cff4d,#549cff00),linear-gradient(135deg,#2d7dff,#1769ff 58%,#0e55da);box-shadow:0 18px 40px #2268e157,inset 0 1px #ffffff57}.button-ghost{color:var(--text-primary);background:linear-gradient(180deg,#fff,#ffffffe6),#fff;box-shadow:0 14px 28px #5876a629,inset 0 1px #fffffff2;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md)}.feature-card{display:grid;align-content:end;gap:12px;min-height:100%;padding:34px;border-radius:var(--radius-xl);background:radial-gradient(circle at top right,#569aff47,#569aff00 42%),linear-gradient(180deg,#fff,#ffffffe6),var(--surface-strong);animation:fade-up .75s ease .16s both}.feature-card h2,.stack-card h2,.content-card h2{margin:0;font-weight:650;letter-spacing:0;overflow-wrap:anywhere}.feature-card span,.stack-card small,.content-card small{color:var(--text-tertiary)}.section-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;margin-bottom:24px}.panel,.content-card,.stack-card{padding:28px;border-radius:var(--radius-lg);animation:fade-up .7s ease both}.section-head h2{margin:0;font-size:1.8rem;font-weight:650;letter-spacing:0;overflow-wrap:anywhere}.capability-list{display:grid;gap:14px;margin:24px 0 0;padding:0;list-style:none}.capability-list li,.timeline-item,.template-grid div,.upload-box{padding:16px 18px;border:1px solid rgba(255,255,255,.86);border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#ffffffe0),var(--surface-soft);box-shadow:0 12px 26px #5876a61f,inset 0 1px #fffffff2;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md)}.timeline-panel{gap:14px}.timeline-item strong{display:block;margin-bottom:8px;color:var(--primary-deep);letter-spacing:-.01em}.timeline-item p,.upload-box p{margin:0}.preview-section{padding:10px 0 28px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}.content-card,.stack-card{display:grid;gap:14px}.content-card h3{margin:0;font-size:1.45rem;font-weight:650;letter-spacing:0;overflow-wrap:anywhere}.pill{display:inline-flex;width:fit-content;max-width:100%;padding:7px 12px;border:1px solid rgba(255,255,255,.88);border-radius:999px;background:linear-gradient(180deg,#fff,#ffffffe0),var(--primary-soft);color:var(--primary-deep);font-size:.84rem;font-weight:600;overflow-wrap:anywhere;box-shadow:0 8px 18px #5876a61f,inset 0 1px #fffffff2;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md)}.pill-muted{background:linear-gradient(180deg,#fff,#ffffffe0),#3abf931f;color:#18795d}.page-intro{position:relative;padding:28px 8px 18px;animation:fade-up .65s ease both}.page-intro:before{content:"";position:absolute;top:12px;left:0;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#ffffffbf,#fff0);filter:blur(18px);pointer-events:none}.page-intro h1{font-size:clamp(2.4rem,3vw,3.5rem)}.page-intro p{max-width:68ch;margin-top:16px;font-size:1.02rem}.notes-intro-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:18px}.notes-intro-head h1{margin:0}.note-editor-panel{margin-bottom:18px}.note-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:24px;background:#0f172a38;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);overscroll-behavior:contain}.note-type-modal,.note-editor-modal{width:min(100%,1040px);max-height:calc(100vh - 48px);overflow:auto}.note-editor-modal{display:flex;flex-direction:column;height:min(860px,calc(100vh - 48px));overflow:hidden}.note-type-modal{width:min(100%,680px)}.note-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px;margin:22px 0}.note-type-option{display:grid;gap:10px;min-height:140px;padding:18px;border:1px solid rgba(255,255,255,.64);border-radius:var(--radius-md);color:var(--text-primary);text-align:left;background:#ffffff8f;box-shadow:inset 0 1px #ffffffad,0 10px 26px #212d4814;cursor:pointer;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);transition:transform .22s var(--ease-apple, ease),box-shadow .22s var(--ease-apple, ease),border-color .22s var(--ease-apple, ease)}.note-type-option:hover{transform:translateY(-2px);border-color:#0071e347;box-shadow:inset 0 1px #ffffffb8,0 16px 34px #212d481f}.note-type-option strong{font-size:1.05rem}.note-type-option span{color:var(--text-secondary);line-height:1.55}.tag-editor{display:grid;gap:8px;min-width:0}.tag-field{grid-column:1 / -1}.selected-tags,.common-tags,.note-tag-row{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.common-tags{padding-top:2px;max-height:72px;overflow:auto}.tag-chip{display:inline-flex;align-items:center;min-height:28px;max-width:100%;border:1px solid rgba(0,113,227,.14);border-radius:999px;padding:5px 10px;color:var(--text-secondary);background:#ffffff7a;font:inherit;font-size:.82rem;font-weight:600;line-height:1;overflow-wrap:anywhere}button.tag-chip{cursor:pointer}button.tag-chip:hover{border-color:#0071e347;color:var(--primary-deep);background:#ffffffb3}.tag-chip-selected{color:var(--primary-deep);background:#0071e314}.tag-chip-selected:after{content:"×";margin-left:7px;color:var(--text-tertiary);font-weight:700}.note-tag-row{margin-top:-2px}.note-author{color:var(--text-tertiary);font-size:.86rem}.note-editor-head{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.note-editor-form{flex:1 1 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:16px;min-height:0;overflow:hidden}.text-editor,.drawing-editor,.md-editor-pane,.md-preview-pane,.note-summary-field{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;min-width:0;color:var(--text-secondary);font-size:.92rem;font-weight:600}.text-editor textarea,.drawing-editor textarea,.md-editor-pane textarea,.note-summary-field textarea,.md-preview{width:100%;height:100%;min-width:0;min-height:0;border:1px solid rgba(255,255,255,.64);border-radius:18px;padding:16px;color:var(--text-primary);background:#ffffff94;box-shadow:inset 0 1px #ffffffa8,0 8px 24px #212d480f;font:inherit;outline:none;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}.text-editor textarea,.drawing-editor textarea,.md-editor-pane textarea,.note-summary-field textarea{resize:vertical}.note-summary-field{padding-top:2px}.note-summary-field textarea{min-height:92px;max-height:150px;line-height:1.65}.note-summary-field textarea:focus{border-color:#1769ff80;box-shadow:0 0 0 4px #1769ff1f,inset 0 1px #ffffffb8}.md-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch;min-height:0;overflow:hidden}.md-editor-pane textarea{overflow:auto;resize:none;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;line-height:1.65}.md-preview{overflow:auto;font-weight:400}.md-editor-pane textarea,.md-preview{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.34) transparent}.md-editor-pane textarea::-webkit-scrollbar,.md-preview::-webkit-scrollbar{width:8px;height:8px}.md-editor-pane textarea::-webkit-scrollbar-track,.md-preview::-webkit-scrollbar-track{background:transparent}.md-editor-pane textarea::-webkit-scrollbar-button,.md-preview::-webkit-scrollbar-button{display:none;width:0;height:0}.md-editor-pane textarea::-webkit-scrollbar-thumb,.md-preview::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#64748b52;background-clip:padding-box}.md-editor-pane textarea::-webkit-scrollbar-thumb:hover,.md-preview::-webkit-scrollbar-thumb:hover{background:#64748b75;background-clip:padding-box}.md-editor-pane textarea::-webkit-scrollbar-corner,.md-preview::-webkit-scrollbar-corner{background:transparent}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4,.md-preview h5,.md-preview h6,.md-preview p,.md-preview ul,.md-preview ol,.md-preview blockquote,.md-preview pre,.md-preview table{margin:0 0 14px}.md-preview h1{font-size:1.7rem}.md-preview h2{font-size:1.35rem}.md-preview h3{font-size:1.12rem}.md-preview h4,.md-preview h5,.md-preview h6{font-size:1rem}.md-preview a{color:var(--primary-deep);text-decoration:underline;text-underline-offset:3px}.md-preview blockquote{padding:10px 14px;border-left:4px solid rgba(0,113,227,.45);border-radius:10px;color:var(--text-secondary);background:#0071e30f}.md-preview pre{overflow:auto;padding:14px;border-radius:14px;background:#111827;color:#e5e7eb}.md-preview pre code{padding:0;background:transparent;color:inherit;white-space:pre}.md-preview code{padding:2px 6px;border-radius:8px;background:#0000000f;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em}.md-preview table{display:block;width:100%;overflow:auto;border-collapse:collapse}.md-preview th,.md-preview td{padding:10px 12px;border:1px solid rgba(15,23,42,.12);text-align:left;vertical-align:top}.md-preview th{background:#0f172a0f;font-weight:700}.md-preview tr:nth-child(2n) td{background:#0f172a08}.md-preview hr{height:1px;margin:18px 0;border:0;background:#0f172a1f}.md-preview img{max-width:100%;border-radius:12px}.md-preview input[type=checkbox]{margin-right:8px}.md-preview .task-list-item{list-style:none}.note-form-actions,.note-card-actions{display:flex;flex-wrap:wrap;gap:10px}.note-editor-actions{justify-content:flex-end;align-items:center;padding-top:6px;border-top:0;background:transparent;box-shadow:none}.note-editor-actions .button{min-width:104px;box-shadow:none}.note-editor-actions .button-solid,.note-editor-actions .button:hover{box-shadow:none}.note-editor-actions .button:after{display:none}.note-card-link{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.28fr);gap:20px;align-items:stretch;color:inherit}.note-card-content{display:grid;gap:12px;min-width:0}.note-card-content h2{font-size:clamp(1.18rem,1.8vw,1.62rem);line-height:1.22}.note-card-content p{max-width:82ch;margin:0;line-height:1.72}.note-card-aside{display:grid;align-content:space-between;justify-items:end;gap:14px;min-width:0;padding-left:18px;border-left:1px solid rgba(70,96,130,.08)}.note-card-footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px;border-top:1px solid rgba(70,96,130,.08)}.note-visibility-control{position:relative;z-index:6;flex:0 0 auto}.note-card-actions{margin-top:4px}.note-card-actions .button{min-width:92px;padding:9px 14px}.note-visibility-chip{width:fit-content;border:1px solid rgba(0,113,227,.12);border-radius:999px;padding:4px 9px;background:#0071e314;color:var(--primary-deep);font-size:.74rem;font-weight:650}.note-visibility-quick{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:transform .18s var(--ease-apple),box-shadow .18s var(--ease-apple),background .18s var(--ease-apple)}.note-visibility-quick:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.note-visibility-quick.is-open{box-shadow:0 0 0 4px #0071e314}.stack-card:has(.note-visibility-quick.is-open){z-index:80;overflow:visible}.note-visibility-chip.is-public{border-color:#34c75938;background:#34c7591a;color:#1f7a3f}.note-visibility-chip.is-authenticated{border-color:#0071e333;background:#0071e31a;color:#0057b8}.note-visibility-chip.is-private{border-color:#af52de33;background:#af52de1a;color:#7f2fb0}.note-editor-settings{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:36px;color:var(--text-tertiary);font-size:.78rem;font-weight:650}.note-visibility-select{position:relative;display:inline-flex;align-items:center;width:min(190px,100%);z-index:8}.note-visibility-select:after{content:"";position:absolute;right:12px;width:7px;height:7px;border-right:1.6px solid rgba(34,42,55,.62);border-bottom:1.6px solid rgba(34,42,55,.62);pointer-events:none;transform:translateY(-2px) rotate(45deg)}.note-visibility-trigger{width:100%;min-height:34px;border:1px solid rgba(70,96,130,.12);border-radius:999px;padding:7px 32px 7px 13px;background:#f8fafcdb;color:#222a37d6;font:inherit;font-size:.82rem;font-weight:650;text-align:left;cursor:pointer;outline:none;box-shadow:inset 0 1px #fffc}.note-visibility-select.is-open:after{transform:translateY(2px) rotate(225deg)}.note-visibility-select.is-public .note-visibility-trigger{border-color:#34c75933;background:#34c75917;color:#1f7a3f}.note-visibility-select.is-authenticated .note-visibility-trigger{border-color:#0071e333;background:#0071e317;color:#0057b8}.note-visibility-select.is-private .note-visibility-trigger{border-color:#af52de33;background:#af52de17;color:#7f2fb0}.note-visibility-select.is-public:after{border-color:#1f7a3f}.note-visibility-select.is-authenticated:after{border-color:#0057b8}.note-visibility-select.is-private:after{border-color:#7f2fb0}.note-visibility-trigger:focus{border-color:#0071e35c;background:#fff;box-shadow:0 0 0 4px #0071e317}.note-visibility-menu{position:absolute;right:0;bottom:calc(100% + 8px);width:min(280px,calc(100vw - 48px));display:grid;gap:6px;padding:8px;border:1px solid rgba(70,96,130,.12);border-radius:16px;background:#fffffff0;box-shadow:0 18px 48px #0f172a29;-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}.note-visibility-menu-card{left:0;right:auto;bottom:auto;top:calc(100% + 8px);z-index:120;width:min(300px,calc(100vw - 56px))}.note-visibility-option{display:grid;gap:2px;width:100%;border:1px solid transparent;border-radius:12px;padding:10px 12px;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.note-visibility-option strong,.note-visibility-option small{display:block}.note-visibility-option strong{font-size:.88rem}.note-visibility-option small{color:var(--text-tertiary);font-size:.76rem}.note-visibility-option.is-public.is-active,.note-visibility-option.is-public:hover{border-color:#34c7592e;background:#34c7591a}.note-visibility-option.is-authenticated.is-active,.note-visibility-option.is-authenticated:hover{border-color:#0071e32e;background:#0071e31a}.note-visibility-option.is-private.is-active,.note-visibility-option.is-private:hover{border-color:#af52de2e;background:#af52de1a}.note-card-actions{display:grid;grid-template-columns:repeat(3,minmax(72px,auto));gap:8px;position:relative;z-index:2;flex:0 0 auto}.note-card-actions .button{min-width:0;min-height:32px;padding:7px 12px;border-radius:999px;font-size:.78rem}.note-status{margin:0 0 14px 8px}.stack-list{gap:18px}.stack-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-width:0}.stack-card a{color:var(--primary-deep);font-weight:600;overflow-wrap:anywhere}.feature-link,.content-link,.stack-link{color:inherit;cursor:pointer}.inline-action,.detail-back{width:fit-content;border:0;padding:0;color:var(--primary-deep);background:transparent;font-weight:650;cursor:pointer}.content-detail,.detail-body,.detail-empty{display:grid;gap:18px}.detail-hero{display:grid;gap:16px}.detail-hero h1,.detail-empty h1{margin:0;font-size:clamp(2.1rem,4vw,4rem);font-weight:700;letter-spacing:0;line-height:1.08;overflow-wrap:anywhere}.detail-hero p,.detail-body p,.detail-empty p{max-width:72ch;margin:0;color:var(--text-secondary);overflow-wrap:anywhere}.detail-hero small{color:var(--text-tertiary)}.detail-note-body{min-height:280px;height:auto;overflow:visible;background:#ffffff85}.detail-text-body{min-height:280px;margin:0;padding:18px;border-radius:16px;color:var(--text-primary);background:#ffffff85;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.detail-drawing-body{min-height:280px;display:grid;place-items:center;border-radius:16px;background:#fff}.drawing-preview{width:100%;min-height:360px;overflow:auto;border:1px solid rgba(70,96,130,.1);border-radius:16px;background:#fff}.drawing-preview canvas{display:block}.drawing-preview-error{margin:12px;color:#b42318}.detail-floating-back{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:20;display:inline-flex;align-items:center;justify-content:center;min-width:74px;min-height:44px;border:1px solid rgba(255,255,255,.62);border-radius:999px;color:var(--primary-deep);background:var(--glass-bg-strong, rgba(255, 255, 255, .86));box-shadow:0 16px 36px #212d4829,inset 0 1px #ffffffb8;font:inherit;font-size:.92rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);transition:transform .22s var(--ease-apple, ease),box-shadow .22s var(--ease-apple, ease)}.detail-floating-back:before{content:"";width:7px;height:7px;margin-right:8px;border-top:1.7px solid currentColor;border-right:1.7px solid currentColor;transform:rotate(-135deg)}.detail-floating-back:hover{transform:translateY(-2px) scale(1.012);box-shadow:0 20px 42px #212d4833,inset 0 1px #ffffffc7}.detail-floating-back:active{transform:scale(.972)}.analytics-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.analytics-period{display:inline-flex;gap:8px;padding:6px;border:1px solid var(--content-border);border-radius:999px;background:#ffffff94}.analytics-period button{min-width:68px;border:0;border-radius:999px;padding:8px 12px;color:var(--text-secondary);background:transparent;font:inherit;font-size:.9rem;font-weight:650;cursor:pointer}.analytics-period button.is-active{color:var(--primary-deep);background:#fff;box-shadow:0 8px 18px #212d481a}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:16px;margin-bottom:18px}.analytics-kpi{display:grid;gap:8px}.analytics-kpi span,.analytics-kpi small,.analytics-list-row small,.analytics-donut-list small{color:var(--text-tertiary)}.analytics-kpi strong{font-size:clamp(1.75rem,3vw,2.6rem);line-height:1}.analytics-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.analytics-wide{grid-column:1 / -1}.analytics-panel{display:grid;align-content:start;gap:16px}.analytics-panel-head h2{margin:0;font-size:1.35rem}.analytics-bars,.analytics-list,.analytics-donut-list,.analytics-table{display:grid;gap:10px}.canvas-chart{width:100%;min-height:280px}.canvas-chart canvas{display:block}.analytics-bar-item{display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;gap:12px}.analytics-bar-item span,.analytics-bar-item strong{color:var(--text-secondary);font-size:.9rem}.analytics-bar-item strong{text-align:right}.analytics-bar-track{height:12px;overflow:hidden;border-radius:999px;background:#0f172a0f}.analytics-bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0071e3,#34c759)}.analytics-list-row,.analytics-donut-list div,.analytics-table>div{display:grid;grid-template-columns:minmax(0,1.4fr) auto minmax(100px,.8fr);gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(70,96,130,.1);border-radius:14px;background:#ffffff75}.analytics-list-row span,.analytics-donut-list span,.analytics-table span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-donut-list div{grid-template-columns:minmax(0,1fr) auto auto}.analytics-table{overflow:auto}.analytics-table>div{grid-template-columns:minmax(170px,1.1fr) minmax(170px,1fr) minmax(100px,.6fr) minmax(140px,.7fr);min-width:720px}.analytics-table-head{color:var(--text-tertiary);font-size:.82rem;font-weight:700}.analytics-storage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.analytics-storage-grid div{display:grid;gap:8px;padding:16px;border:1px solid rgba(70,96,130,.1);border-radius:14px;background:#ffffff75}.analytics-storage-grid span,.analytics-storage-grid small{color:var(--text-tertiary)}.analytics-storage-grid strong{font-size:1.2rem}.documents-intro{display:grid;gap:12px}.document-upload-panel,.document-card,.document-preview-modal{display:grid;gap:16px}.file-center-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.file-main{min-width:0}.file-tabs{position:sticky;top:104px;z-index:8;display:grid;grid-template-columns:1fr;gap:10px;padding:10px}.file-tabs button{display:grid;gap:4px;min-height:72px;border:1px solid rgba(70,96,130,.1);border-radius:16px;padding:12px 14px;color:var(--text-secondary);text-align:left;background:#ffffff70;cursor:pointer;transition:transform .22s var(--ease-apple, ease),border-color .22s var(--ease-apple, ease),background-color .22s var(--ease-apple, ease),color .22s var(--ease-apple, ease)}.file-tabs button:hover,.file-tabs button.is-active{transform:translate(2px);border-color:#0071e33d;color:var(--text-primary);background:#ffffffb8}.file-tabs button span{font-weight:700}.file-tabs button small{color:var(--text-tertiary)}.file-overview{margin-bottom:18px}.file-overview-card{align-content:start}.file-overview-card h2{margin:12px 0 0}.file-overview-card .button{width:fit-content;margin-top:8px}.file-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.file-card{display:grid;grid-template-rows:190px minmax(0,1fr);padding:0;overflow:hidden}.file-thumb,.file-doc-mark{display:grid;min-height:190px;background:#ffffff80}.file-thumb{place-items:center;overflow:hidden}.file-thumb-button{width:100%;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:zoom-in;background:transparent}.file-thumb img{width:100%;height:100%;object-fit:cover}.file-doc-mark{place-items:center}.file-doc-mark span{min-width:86px;padding:16px 18px;border-radius:22px;color:var(--primary-deep);text-align:center;text-transform:uppercase;background:#0071e314}.file-card-body{display:grid;gap:12px;padding:20px}.file-card h2{margin:0;font-size:1.2rem}.file-card p{margin:0;color:var(--text-secondary)}.document-upload-head,.document-preview-head,.document-card-head,.document-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.document-upload-head h2,.document-preview-head h2,.document-card h2{margin:0}.document-upload-form{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:14px}.document-dropzone{display:grid;gap:8px;min-height:128px;place-items:center;border:1px dashed rgba(0,113,227,.32);border-radius:18px;color:var(--text-primary);background:#ffffff80;cursor:pointer}.document-dropzone small,.document-card small,.document-card p{color:var(--text-tertiary)}.document-upload-fields{display:grid;gap:10px}.document-upload-fields input{width:100%;min-height:44px;border:1px solid rgba(70,96,130,.12);border-radius:14px;padding:10px 14px;font:inherit;background:#ffffff9e}.document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;margin-top:18px}.document-actions{flex-wrap:wrap;justify-content:flex-start}.document-preview-modal{width:min(100%,1120px);height:min(860px,calc(100vh - 48px));overflow:hidden}.image-preview-backdrop{padding:20px;background:#050a12b8}.image-preview-modal{width:min(1280px,calc(100vw - 40px));height:min(900px,calc(100dvh - 40px));display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.12);background:#0b0f17;box-shadow:0 24px 80px #0000005c}.document-preview-frame,.document-preview-text,.document-preview-table,.document-preview-empty{min-height:0;height:100%;border:1px solid rgba(70,96,130,.1);border-radius:16px;background:#fff}.document-preview-frame{width:100%}.document-preview-text{overflow:auto;padding:18px;scrollbar-width:none;-ms-overflow-style:none}.document-preview-text::-webkit-scrollbar{width:0;height:0}.document-preview-table,.shared-file-table{overflow:auto;background:#fff}.document-preview-table table,.shared-file-table table{width:max-content;min-width:100%;border-spacing:0;border-collapse:separate;color:var(--text-primary);font-size:.88rem}.document-preview-table th,.document-preview-table td,.shared-file-table th,.shared-file-table td{max-width:340px;border-right:1px solid rgba(70,96,130,.1);border-bottom:1px solid rgba(70,96,130,.1);padding:10px 12px;text-align:left;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere}.document-preview-table th,.shared-file-table th{position:sticky;top:0;z-index:1;color:#0057b8;background:#f3f7ff;font-weight:750}.document-preview-table tr:nth-child(2n) td,.shared-file-table tr:nth-child(2n) td{background:#0f172a06}.document-preview-empty{display:grid;place-items:center;gap:12px;padding:24px;text-align:center}.image-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);color:#f8fafc}.image-preview-toolbar h2{max-width:min(48vw,560px);margin:0;overflow:hidden;color:#f8fafc;font-size:16px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.image-preview-toolbar small,.image-preview-toolbar .section-kicker{color:#f8fafca3}.image-preview-body{display:block;min-height:0;flex:1;overflow:hidden;padding:0;background:linear-gradient(45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.025) 25%,transparent 25%),#090d14;background-position:0 0,0 10px;background-size:20px 20px}.image-preview-stage{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;position:relative;touch-action:none}.image-preview-media{position:absolute;left:50%;top:50%;display:grid;place-items:center;overflow:visible;will-change:transform}.image-preview-media img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}.image-preview-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.image-preview-head-actions .button{width:auto;min-height:34px;padding:8px 12px;border-color:#ffffff24;background:#ffffff14;color:#f8fafc;box-shadow:none}.image-preview-head-actions .button-solid{border-color:#22c55e61;background:#22c55e2e}.image-preview-scale{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#f8fafcc2;font-size:12px}.image-preview-actions{justify-content:flex-start}@media(max-width:780px){.analytics-intro{align-items:stretch;flex-direction:column}.analytics-dashboard{grid-template-columns:1fr}.analytics-bar-item{grid-template-columns:58px minmax(0,1fr) 54px}.analytics-list-row,.analytics-donut-list div,.analytics-storage-grid,.document-upload-form,.file-center-layout{grid-template-columns:1fr}.file-tabs{grid-template-columns:repeat(2,minmax(0,1fr));top:92px}.file-tabs button{min-height:62px}.file-tabs button:hover,.file-tabs button.is-active{transform:translateY(-1px)}.gallery-action-bar{top:182px}}.template-panel{margin-top:24px}.template-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:14px;margin-top:22px}.template-grid div{color:var(--text-secondary);overflow-wrap:anywhere}.uploader-panel .upload-box{display:grid;gap:12px;min-height:220px;place-content:center;text-align:center;background:radial-gradient(circle at top center,#498dff3d,#498dff00 55%),linear-gradient(180deg,#fff,#ffffffe0),#fff}.gallery-intro{padding-bottom:24px}.gallery-admin{display:grid;gap:18px;margin-bottom:22px}.gallery-admin h2,.gallery-card h2{margin:0;letter-spacing:0}.gallery-admin-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;color:var(--text-secondary)}.gallery-action-bar{position:sticky;top:104px;z-index:7;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 18px;padding:14px 18px}.gallery-action-bar>span{color:var(--text-secondary);font-weight:700}.gallery-action-buttons{display:flex;flex-wrap:wrap;gap:10px}.gallery-upload-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:14px}.gallery-upload-owner{max-width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.58);border-radius:999px;color:var(--text-secondary);background:#ffffff75;font-size:.92rem;overflow-wrap:anywhere}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.gallery-upload-panel{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(240px,1fr);gap:16px;align-items:stretch}.gallery-dropzone{display:grid;min-height:150px;place-items:center;gap:8px;padding:22px;border:1px dashed rgba(0,113,227,.42);border-radius:22px;color:var(--text-primary);text-align:center;background:radial-gradient(circle at top,rgba(0,113,227,.12),transparent 52%),#ffffff75;box-shadow:inset 0 1px #ffffffb3,0 12px 28px #212d4814;cursor:pointer;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);transition:transform .22s var(--ease-apple, ease),border-color .22s var(--ease-apple, ease),box-shadow .22s var(--ease-apple, ease)}.gallery-dropzone:hover{transform:translateY(-2px);border-color:#0071e3ad;box-shadow:inset 0 1px #ffffffbd,0 18px 38px #212d481f}.gallery-dropzone-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:999px;color:#fff;background:#0071e3;font-size:1.7rem;line-height:1}.gallery-dropzone strong,.gallery-dropzone small{max-width:100%;overflow-wrap:anywhere}.gallery-dropzone small{color:var(--text-secondary)}.gallery-upload-fields{display:grid;gap:12px;align-content:center}.gallery-upload-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;width:min(100%,760px)}.gallery-upload-form input,.gallery-upload-fields input{min-width:0;border:1px solid rgba(255,255,255,.64);border-radius:999px;padding:12px 14px;color:var(--text-primary);background:#ffffff94;box-shadow:inset 0 1px #ffffffa8,0 8px 24px #212d480f;font:inherit;outline:none}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));align-items:stretch;gap:20px}.gallery-sections{display:grid;gap:34px}.gallery-section{display:grid;gap:16px}.gallery-section-head{display:grid;gap:6px;padding:0 4px}.gallery-section-head h2{margin:0;font-size:1.65rem;letter-spacing:0}.gallery-card{position:relative;display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden;isolation:isolate;border:1px solid var(--content-border, var(--surface-border));border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffffe6,#ffffffb3),var(--content-bg, #ffffff);box-shadow:0 22px 58px #212d481c,0 2px 12px #212d480d,inset 0 1px #ffffffc7;animation:fade-up .5s cubic-bezier(.16,1,.3,1) both;transition:transform .36s var(--ease-apple),box-shadow .36s var(--ease-apple),border-color .36s var(--ease-apple);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}.gallery-select{position:absolute;top:22px;left:22px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.58);border-radius:999px;color:var(--text-primary);background:#ffffffb8;box-shadow:0 8px 18px #212d481f,inset 0 1px #ffffffb8;font-size:.86rem;font-weight:650;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}.gallery-select input{width:15px;height:15px;margin:0}.gallery-card:hover{transform:translateY(-3px) scale(1.005);box-shadow:var(--surface-shadow-hover)}.gallery-image-link{display:grid;place-items:center;margin:12px 12px 0;aspect-ratio:4 / 3;overflow:hidden;border-radius:18px;background:linear-gradient(45deg,rgba(15,23,42,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(15,23,42,.04) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(15,23,42,.04) 75%),linear-gradient(-45deg,transparent 75%,rgba(15,23,42,.04) 75%),#ffffff94;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;box-shadow:0 14px 34px #212d481f,inset 0 1px #ffffff73}.gallery-image-link img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease-apple)}.gallery-card:hover img{transform:scale(1.035)}.gallery-card-body{display:grid;grid-template-rows:1fr auto;gap:18px;margin:12px;padding:18px;border:1px solid rgba(255,255,255,.4);border-radius:18px}.gallery-card-body>div:first-child{display:grid;align-content:start;gap:10px;min-width:0}.gallery-card h2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.gallery-card p{margin:0;color:var(--text-secondary);overflow-wrap:anywhere}.gallery-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-console,.admin-workspace,.admin-form,.editor-grid{display:grid}.admin-console{min-height:calc(100vh - 132px)}.admin-workspace{gap:18px}.login-screen{display:grid;min-height:calc(100vh - 180px);place-items:center;padding:28px 0 52px}.login-card{position:relative;isolation:isolate;width:min(100%,420px);padding:42px;border:1px solid rgba(255,255,255,.9);border-radius:30px;background:linear-gradient(180deg,#fff,#ffffffe6),#fff;box-shadow:0 34px 80px #3e588433,0 10px 26px #3e58841f,inset 0 1px #fffffff5;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);text-align:center;overflow:hidden}.login-card:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at top,#ffffffd1,#fff0 44%),linear-gradient(145deg,#ffffff73,#ffffff14)}.login-mark{display:inline-grid;width:62px;height:62px;margin-bottom:24px;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:20px;color:#fff;background:linear-gradient(180deg,#ffffff3d,#fff0),linear-gradient(135deg,#2d7dff,#1769ff 58%,#3abf93);box-shadow:0 18px 42px #1769ff47,inset 0 1px #ffffff6b;font-size:1.55rem;font-weight:700}.login-heading{display:grid;gap:8px}.login-heading p{margin:0;color:var(--text-tertiary);font-size:.95rem}.login-heading h1{margin:0;font-size:2.45rem;font-weight:650;letter-spacing:0;line-height:1.1}.admin-panel h1{margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:700;letter-spacing:0}.admin-help,.form-error,.form-success{margin:0}.admin-help{color:var(--text-secondary)}.admin-form{max-width:420px;gap:16px;margin-top:22px}.login-form{max-width:none;margin-top:32px;text-align:left}.admin-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.editor-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin-top:20px}.editor-card{padding:18px 0;border-top:1px solid rgba(255,255,255,.42)}.editor-card:first-of-type{border-top:0}.editor-wide{grid-column:1 / -1}.admin-form label,.editor-grid label{display:grid;gap:8px;min-width:0;color:var(--text-secondary);font-size:.92rem;font-weight:600}.admin-form input,.editor-grid input,.editor-grid select,.editor-grid textarea{width:100%;min-width:0;border:1px solid rgba(255,255,255,.88);border-radius:16px;padding:12px 14px;color:var(--text-primary);background:linear-gradient(180deg,#fff,#ffffffe6),#fff;box-shadow:0 8px 18px #5876a61a,inset 0 1px #fffffff2;font:inherit;outline:none}.login-form input{border-radius:14px;background:linear-gradient(180deg,#fff,#ffffffeb),#fff}.login-form .button{width:100%;margin-top:4px}.auth-switch{width:100%;margin-top:18px;border:0;color:#1769ff;background:transparent;font:inherit;font-weight:650;cursor:pointer}.auth-switch:hover{color:#0f4fca}.editor-grid textarea{resize:vertical}.admin-form input:focus,.editor-grid input:focus,.editor-grid select:focus,.editor-grid textarea:focus{border-color:#1769ff80;box-shadow:0 0 0 4px #1769ff1f,inset 0 1px #ffffffb8}.form-error{color:#b42318}.form-success{margin-top:14px;color:#18795d}.card-grid>*,.stack-list>*,.section-grid>*{min-width:0;animation:fade-up .72s ease both}.hero-panel>*,.template-grid>*{min-width:0}.content-card p,.stack-card p,.panel p,.feature-card p,.capability-list li,.timeline-item p,.upload-box p{overflow-wrap:anywhere}.card-grid>*:nth-child(2),.stack-list>*:nth-child(2),.section-grid>*:nth-child(2){animation-delay:.08s}.card-grid>*:nth-child(3),.stack-list>*:nth-child(3){animation-delay:.16s}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.shell{padding:18px}.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-radius:30px}.site-header-actions{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}.hero-panel,.section-grid,.card-grid,.template-grid{grid-template-columns:1fr}.stack-meta{align-items:flex-start}.site-nav{justify-content:flex-start}.nav-toggle{display:inline-flex}.site-nav{grid-column:1 / -1;display:grid;grid-template-columns:1fr;width:100%;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-6px);transition:max-height .28s ease,opacity .24s ease,transform .24s ease}.site-nav.is-open{max-height:360px;opacity:1;pointer-events:auto;transform:translateY(0)}.global-search{align-self:start}.global-search-form{position:absolute;right:46px;width:min(280px,calc(100vw - 112px))}.global-search-results{right:0}.site-nav a{width:100%;padding:12px 16px;text-align:left}.hero-copy,.feature-card,.panel,.content-card,.stack-card{padding:22px}.gallery-upload-panel{grid-template-columns:1fr}.note-editor-modal{height:calc(100vh - 36px)}.md-editor-layout{grid-template-columns:1fr}body:before,body:after{width:24rem;height:24rem}}@media(max-width:640px){.shell{padding:14px}.site-header{gap:16px;padding:18px;border-radius:24px}.site-nav{gap:8px}.site-nav a{padding:10px 12px}.button{width:100%}.hero-copy h1{max-width:none;font-size:clamp(2.05rem,10vw,2.5rem)}.page-intro h1{font-size:clamp(2rem,9vw,2.6rem)}.hero-actions{gap:10px}.section-head h2{font-size:1.55rem}.content-card h3{font-size:1.28rem}.hero-copy,.feature-card,.panel,.content-card,.stack-card{padding:20px;border-radius:24px}.login-screen{min-height:calc(100vh - 150px);padding:18px 0 36px}.login-card{padding:32px 24px;border-radius:26px}.login-heading h1{font-size:2.1rem}}@media(max-width:420px){.shell{padding:10px}.site-header{padding:14px}.brand{font-size:1.18rem}.brand-copy{font-size:.84rem}.site-nav a{width:100%}.hero-copy,.feature-card,.panel,.content-card,.stack-card{padding:18px;border-radius:20px}.capability-list li,.timeline-item,.template-grid div,.upload-box{padding:14px}.login-card{padding:28px 18px;border-radius:22px}.login-mark{width:56px;height:56px;border-radius:18px}.document-preview-modal,.image-preview-modal{width:min(100%,calc(100vw - 16px));height:calc(100vh - 16px);border-radius:22px}}@media(max-width:640px){.note-modal-backdrop{padding:8px}.image-preview-modal{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.document-preview-head,.image-preview-toolbar{align-items:flex-start;flex-direction:column}.document-preview-modal>.document-preview-head{align-items:center;flex-direction:row}.document-preview-modal>.document-preview-head h2{max-width:calc(100vw - 116px);font-size:.98rem}.image-preview-head-actions{width:100%;justify-content:flex-start}.image-preview-head-actions .button{flex:1 1 auto;min-width:0;padding:8px 10px;font-size:12px}.image-preview-scale{min-width:46px;padding:0 8px}.image-preview-toolbar h2{max-width:calc(100vw - 48px)}}:root{--text-primary: #1d1d1f;--text-secondary: rgba(29, 29, 31, .68);--text-tertiary: rgba(29, 29, 31, .48);--primary: #0071e3;--primary-deep: #0066cc;--primary-soft: rgba(0, 113, 227, .1);--accent: #34c759;--surface: #ffffff;--surface-strong: #ffffff;--surface-soft: #fbfbfd;--surface-border: rgba(0, 0, 0, .06);--surface-shadow: 0 18px 42px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--surface-shadow-hover: 0 26px 58px rgba(0, 0, 0, .12), 0 8px 18px rgba(0, 0, 0, .06);--surface-stroke: inset 0 1px 0 rgba(255, 255, 255, .9);--ease-apple: cubic-bezier(.2, .8, .2, 1);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px}body{background:linear-gradient(180deg,#f5f5f7,#f2f4f7)}body:before,body:after,.page-intro:before{display:none}.site-header,.hero-copy,.feature-card,.panel,.content-card,.stack-card,.login-card,.capability-list li,.timeline-item,.template-grid div,.upload-box{border-color:var(--surface-border);background:#fff;box-shadow:var(--surface-shadow);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.site-header:before,.hero-copy:before,.feature-card:before,.panel:before,.content-card:before,.stack-card:before,.upload-box:before,.template-grid div:before,.capability-list li:before,.timeline-item:before,.site-header:after,.hero-copy:after,.feature-card:after,.panel:after,.content-card:after,.stack-card:after,.login-card:before{display:none}.site-header{padding:14px 18px;border-radius:24px}.brand{font-weight:650}.brand-copy,.site-nav a,.hero-text,.page-intro p,.content-card p,.stack-card p,.panel p,.feature-card p{color:var(--text-secondary)}.site-nav a,.nav-toggle,.button,.pill,.admin-form input,.editor-grid input,.editor-grid select,.editor-grid textarea{border-color:var(--surface-border);background:#fff;box-shadow:0 1px 2px #0000000a}.site-nav a{padding:9px 14px;font-size:.95rem;transition:transform .24s var(--ease-apple),color .24s var(--ease-apple),background-color .24s var(--ease-apple),box-shadow .24s var(--ease-apple)}.site-nav a.router-link-active,.site-nav a:hover{color:var(--text-primary);background:#f5f5f7;box-shadow:inset 0 0 0 1px #00000008}.hero-copy,.feature-card,.panel,.content-card,.stack-card,.login-card{transition:transform .36s var(--ease-apple),box-shadow .36s var(--ease-apple),border-color .36s var(--ease-apple)}.hero-copy:hover,.feature-card:hover,.panel:hover,.content-card:hover,.stack-card:hover{transform:translateY(-3px) scale(1.005);border-color:#0000000a;box-shadow:var(--surface-shadow-hover)}.hero-copy h1,.page-intro h1,.detail-hero h1,.detail-empty h1{font-weight:700;line-height:1.05}.eyebrow,.section-kicker,.feature-label{color:var(--primary-deep);font-size:.74rem;letter-spacing:.12em}.button{min-height:42px;gap:8px;border-radius:999px;font-weight:600;transform:translateZ(0);transition:transform .22s var(--ease-apple),box-shadow .22s var(--ease-apple),background-color .22s var(--ease-apple),opacity .22s var(--ease-apple)}.button:before{display:none}.button:after,.inline-action:after,.detail-back:before{content:"";display:inline-block;width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;opacity:.72}.button:after,.inline-action:after{transform:rotate(45deg)}.detail-back:before{margin-right:8px;transform:rotate(-135deg)}.button:hover{transform:translateY(-1px) scale(1.015)}.button:active,.site-nav a:active,.content-link:active,.stack-link:active,.feature-link:active{transform:scale(.985)}.button-solid{color:#fff;border-color:transparent;background:#0071e3;box-shadow:0 10px 24px #0071e33d}.button-solid:hover{background:#0077ed;box-shadow:0 14px 30px #0071e347}.button-ghost{color:var(--text-primary);background:#fff;box-shadow:var(--surface-shadow)}.button-ghost:hover{background:#fbfbfd}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.feature-card{background:linear-gradient(180deg,#fff,#fbfbfd)}.capability-list li,.timeline-item,.template-grid div,.upload-box{background:#fbfbfd;box-shadow:inset 0 0 0 1px #ffffffbf,0 8px 20px #0000000d}.pill{padding:6px 11px;color:var(--primary-deep);background:#f5f5f7;box-shadow:inset 0 0 0 1px #00000008}.pill-muted{color:#248a3d;background:#34c7591a}.inline-action,.detail-back{display:inline-flex;align-items:center;gap:8px;color:var(--primary-deep);font-size:.95rem}.login-mark{border:0;border-radius:18px;background:linear-gradient(135deg,#007aff,#34c759);box-shadow:0 14px 30px #007aff38}.admin-form input,.editor-grid input,.editor-grid select,.editor-grid textarea{background:#fbfbfd;transition:border-color .22s var(--ease-apple),box-shadow .22s var(--ease-apple),background-color .22s var(--ease-apple)}.admin-form input:focus,.editor-grid input:focus,.editor-grid select:focus,.editor-grid textarea:focus{border-color:#0071e36b;background:#fff;box-shadow:0 0 0 4px #0071e31f}@keyframes fade-up{0%{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--glass-bg: linear-gradient( 135deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .34) 48%, rgba(255, 255, 255, .62) );--glass-bg-strong: linear-gradient( 135deg, rgba(255, 255, 255, .84), rgba(255, 255, 255, .48) 50%, rgba(255, 255, 255, .74) );--glass-border: rgba(255, 255, 255, .62);--glass-inner: inset 0 1px 1px rgba(255, 255, 255, .72), inset 0 -1px 1px rgba(255, 255, 255, .22);--glass-shadow: 0 22px 60px rgba(33, 45, 72, .16), 0 6px 18px rgba(33, 45, 72, .08);--glass-highlight: linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .72), rgba(255, 255, 255, 0) );--content-bg: rgba(255, 255, 255, .82);--content-border: rgba(255, 255, 255, .72);--ease-apple: cubic-bezier(.16, 1, .3, 1)}body{background:radial-gradient(circle at 12% 8%,rgba(0,122,255,.18),transparent 30%),radial-gradient(circle at 86% 18%,rgba(52,199,89,.16),transparent 26%),radial-gradient(circle at 50% 92%,rgba(175,82,222,.13),transparent 34%),linear-gradient(180deg,#f7f8fb,#edf1f7)}.shell{padding-top:22px}.site-header,.nav-toggle,.button,.pill,.login-mark{border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--glass-shadow),var(--glass-inner);-webkit-backdrop-filter:blur(28px) saturate(190%);backdrop-filter:blur(28px) saturate(190%)}.site-header{position:sticky;top:18px;z-index:10;border-radius:999px}.site-header:after,.button:before,.nav-toggle:before{content:"";position:absolute;inset:0 auto auto 12%;display:block;width:52%;height:1px;border-radius:999px;background:var(--glass-highlight);pointer-events:none}.site-nav a{border-radius:999px;background:transparent;box-shadow:none}.site-nav a.router-link-active{color:var(--text-primary);background:#ffffff85;box-shadow:inset 0 0 0 1px #ffffffa8,0 8px 22px #212d481a;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%)}.site-nav a:hover{background:#ffffff57}.hero-copy,.feature-card,.panel,.content-card,.stack-card,.login-card{border-color:var(--content-border);background:linear-gradient(180deg,#ffffffeb,#ffffffbd),var(--content-bg);box-shadow:0 22px 58px #212d481c,0 2px 12px #212d480d,inset 0 1px #ffffffc7;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}.hero-copy:after,.feature-card:after,.panel:after,.content-card:after,.stack-card:after,.login-card:after{content:"";position:absolute;inset:0 auto auto 14%;display:block;width:48%;height:1px;background:var(--glass-highlight);pointer-events:none}.feature-card{background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.98),transparent 34%),radial-gradient(circle at 100% 0%,rgba(0,122,255,.16),transparent 46%),linear-gradient(180deg,#ffffffe6,#ffffffb3)}.capability-list li,.timeline-item,.template-grid div,.upload-box,.admin-form input,.editor-grid input,.editor-grid select,.editor-grid textarea{border-color:#ffffffa3;background:#ffffff94;box-shadow:inset 0 1px #ffffffa8,0 8px 24px #212d480f;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}.button{min-height:44px;padding-inline:19px}.button-solid{border-color:#0071e347;background:linear-gradient(180deg,#55acffd1,#0071e3eb),#0071e3;box-shadow:0 16px 32px #0071e34d,inset 0 1px 1px #ffffff6b}.button-ghost{background:var(--glass-bg-strong)}.button:hover,.nav-toggle:hover,.content-link:hover,.stack-link:hover,.feature-link:hover{transform:translateY(-2px) scale(1.012)}.button:active,.nav-toggle:active,.content-link:active,.stack-link:active,.feature-link:active{transform:scale(.972);transition-duration:.12s}.button:after,.inline-action:after,.detail-back:before{width:7px;height:7px;border-width:1.7px}.inline-action{padding:8px 12px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:#ffffff61;box-shadow:inset 0 1px #ffffff9e;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}.pill{color:var(--text-primary);background:#ffffff6b}.pill:before{content:"";width:7px;height:7px;margin:auto 7px auto 0;border-radius:999px;background:currentColor;opacity:.38}.login-card{width:min(100%,440px);border-radius:32px}.login-mark{background:linear-gradient(135deg,#007affdb,#34c759b8),#ffffff6b}.admin-form input:focus,.editor-grid input:focus,.editor-grid select:focus,.editor-grid textarea:focus{border-color:#0071e380;background:#ffffffc2;box-shadow:0 0 0 4px #0071e31f,inset 0 1px #ffffffb8}@keyframes fade-up{0%{opacity:0;transform:translateY(16px) scale(.985);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media(max-width:960px){.site-header{border-radius:28px}.site-nav.is-open{padding-top:10px}}@media(max-width:640px){.site-header{top:10px;border-radius:26px}.site-nav a{border-radius:18px}}.gallery-admin{border-color:#ffffff80;background:linear-gradient(135deg,#ffffff75,#ffffff2e),#fff3;box-shadow:0 20px 54px #212d4824,inset 0 1px #ffffffa3;-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%)}.gallery-card{border-color:#ffffff80;background:linear-gradient(145deg,#fff6,#ffffff24 52%,#ffffff47),#ffffff29;box-shadow:0 24px 70px #212d4829,0 8px 20px #212d4814,inset 0 1px #ffffffa8;-webkit-backdrop-filter:blur(34px) saturate(200%);backdrop-filter:blur(34px) saturate(200%)}.gallery-card:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.5),transparent 34%),linear-gradient(135deg,#ffffff3d,#ffffff0a);pointer-events:none}.gallery-card:after{content:"";position:absolute;inset:0 auto auto 14%;width:50%;height:1px;background:var(--glass-highlight);pointer-events:none}.gallery-card-body{background:linear-gradient(145deg,#ffffff38,#ffffff14),#ffffff14;box-shadow:inset 0 1px #ffffff7a,0 12px 28px #212d4814;-webkit-backdrop-filter:blur(26px) saturate(185%);backdrop-filter:blur(26px) saturate(185%)}.gallery-card .pill,.gallery-actions .button{background:#ffffff5c;border-color:#ffffff85;box-shadow:0 8px 22px #212d4814,inset 0 1px #ffffff8f;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%)}.note-editor-actions .button,.note-editor-actions .button:hover{box-shadow:none}.note-editor-actions .button:before,.note-editor-actions .button:after{display:none}.site-header,.hero-copy,.feature-card,.panel,.content-card,.stack-card,.page-intro,.card-grid>*,.stack-list>*,.section-grid>*{animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.card-grid>*:nth-child(2),.stack-list>*:nth-child(2),.section-grid>*:nth-child(2),.card-grid>*:nth-child(3),.stack-list>*:nth-child(3){animation-delay:.05s}@keyframes fade-up{0%{opacity:0;transform:translateY(10px) scale(.99);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.note-editor-modal{width:min(100%,1180px);height:min(900px,calc(100vh - 36px))}.section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.home-hero .hero-copy h1{max-width:none}.mini-card-list{display:grid;gap:12px;margin-top:22px}.mini-card{padding:16px;border:1px solid rgba(255,255,255,.64);border-radius:16px;background:#ffffff80}.mini-card strong,.share-step{display:block;color:var(--text-primary);font-weight:700}.mini-card p,.share-card p{margin:8px 0 0}.share-card{min-height:180px}.share-step{width:fit-content;padding:7px 12px;border-radius:999px;color:var(--primary-deep);background:#0071e314}.solution-support{margin-top:24px}.note-editor-modal.is-drawing-mode{width:min(100%,1360px);height:min(960px,calc(100vh - 24px))}.note-editor-head{margin-bottom:14px}.note-editor-head .section-head{gap:5px}.note-editor-head h2{margin:0;font-size:1.45rem}.note-editor-form{grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:12px}.note-editor-form>.editor-grid{grid-template-columns:minmax(0,1fr) 172px;gap:10px 14px;align-items:start;margin-top:0}.note-editor-form>.editor-grid label{gap:6px;font-size:.8rem;font-weight:650}.note-title-field{order:1}.note-date-field{order:2}.tag-field{order:3;grid-column:1 / -1}.note-editor-form>.editor-grid input,.note-editor-form>.editor-grid select,.tag-editor input{min-height:38px;border-radius:12px;padding:9px 12px;font-size:.92rem}.tag-editor{gap:7px}.selected-tags,.common-tags{max-height:40px;overflow:auto;padding-bottom:1px}.common-tags{max-height:34px}.tag-chip{min-height:24px;padding:4px 9px;border-color:#4660821f;font-size:.76rem}.tag-chip:nth-child(4n+1){color:#0f6b5f;background:#1ba3871a}.tag-chip:nth-child(4n+2){color:#285fbd;background:#2d7dff1a}.tag-chip:nth-child(4n+3){color:#86540d;background:#f59e0b21}.tag-chip:nth-child(4n){color:#7c3d96;background:#af52de1c}.tag-chip-selected{border-color:currentColor}.tag-chip-selected:after{content:"x";margin-left:6px}.md-editor-layout{gap:14px}.md-editor-pane,.md-preview-pane,.note-summary-field{gap:6px;font-size:.8rem;font-weight:650}.md-editor-pane textarea,.md-preview{border-radius:14px;padding:14px}.note-summary-field{padding-top:0}.note-summary-field textarea{min-height:64px;max-height:86px;border-radius:12px;padding:10px 12px;font-size:.9rem}.drawing-tool{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0}.drawing-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.58);border-radius:16px;background:#ffffff70}.drawing-tool-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.drawing-controls label{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:.78rem;font-weight:650}.drawing-controls input[type=color]{width:34px;height:28px;border:0;padding:0;background:transparent}.drawing-controls input[type=range]{width:96px}.drawing-tool-button{min-height:32px;border:1px solid rgba(70,96,130,.12);border-radius:999px;padding:6px 12px;color:var(--text-secondary);background:#ffffff85;font:inherit;font-size:.82rem;font-weight:650;cursor:pointer}.drawing-tool-button:hover,.drawing-tool-button.is-active{border-color:#0071e347;color:var(--primary-deep);background:#0071e314}.drawing-stage{min-height:0;height:100%;overflow:auto;border:1px solid rgba(255,255,255,.64);border-radius:16px;background:#fff}.drawing-stage canvas{display:block}.drawing-tool:fullscreen{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:14px;background:#eef2f7}.drawing-tool:fullscreen .drawing-stage{min-height:0}:root{--page-max: 1360px;--site-header-top: 18px;--site-header-height: 76px;--sticky-safe-top: calc(var(--site-header-top) + var(--site-header-height) + 18px)}.shell{padding-inline:clamp(16px,3vw,34px)}.site-header{top:var(--site-header-top);z-index:40;width:min(100%,1420px);max-width:min(1420px,calc(100vw - 32px));min-height:var(--site-header-height);margin-bottom:34px;padding:14px 24px;overflow:visible}.page-frame{max-width:min(var(--page-max),calc(100vw - 32px))}.site-nav{justify-content:flex-end}.site-nav a{min-width:86px;white-space:nowrap}.site-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.global-search{position:relative;z-index:60;display:flex;align-items:center;justify-content:flex-end;gap:8px}.global-search-toggle{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:1px solid rgba(70,96,130,.1);border-radius:999px;background:#ffffffbd;color:var(--text-primary);box-shadow:none;cursor:pointer}.global-search-toggle span{position:relative;width:14px;height:14px;border:2px solid currentColor;border-radius:50%}.global-search-toggle span:after{content:"";position:absolute;right:-6px;bottom:-5px;width:7px;height:2px;border-radius:999px;background:currentColor;transform:rotate(45deg)}.global-search-form{width:min(280px,36vw)}.global-search-form input{width:100%;min-height:38px;border:1px solid rgba(70,96,130,.12);border-radius:999px;padding:8px 14px;color:var(--text-primary);background:#ffffffe0;font:inherit;font-size:.9rem;outline:0}.global-search-form input:focus{border-color:#0071e35c;box-shadow:0 0 0 4px #0071e314}.global-search-results{position:absolute;top:calc(100% + 10px);right:0;display:grid;gap:6px;width:min(420px,calc(100vw - 32px));max-height:min(520px,calc(100vh - var(--sticky-safe-top) - 24px));overflow:auto;border:1px solid rgba(70,96,130,.1);border-radius:18px;padding:8px;background:#fffffff5;box-shadow:0 18px 46px #1f2e4829}.global-search-result{display:grid;gap:4px;width:100%;border:0;border-radius:12px;padding:11px 12px;color:var(--text-primary);text-align:left;background:transparent;cursor:pointer}.global-search-result:hover,.global-search-result:focus-visible{background:#0071e314;outline:0}.global-search-result strong,.global-search-result small,.global-search-result span,.global-search-state{min-width:0;overflow-wrap:anywhere}.global-search-result small,.global-search-result span,.global-search-state{color:var(--text-tertiary);font-size:.82rem}.global-search-result span{color:var(--text-secondary);line-height:1.45}.global-search-state{margin:0;padding:12px}.global-search-state.is-error{color:#b42318}.file-center-layout{grid-template-columns:232px minmax(0,1fr);gap:24px;align-items:start}.file-tabs,.gallery-action-bar{top:var(--sticky-safe-top)}.file-tabs{z-index:18;max-height:calc(100vh - var(--sticky-safe-top) - 24px);overflow:auto}.gallery-action-bar{z-index:16;margin-top:0}.documents-intro{margin-bottom:18px}@media(max-width:960px){:root{--site-header-top: 12px;--site-header-height: 78px;--sticky-safe-top: calc(var(--site-header-top) + var(--site-header-height) + 14px)}.site-header{max-width:min(100%,calc(100vw - 28px));border-radius:28px}.file-center-layout{grid-template-columns:1fr;gap:16px}.file-tabs{grid-template-columns:repeat(4,minmax(0,1fr));top:var(--sticky-safe-top);max-height:none;overflow:visible}.file-tabs button{min-height:62px}.file-tabs button:hover,.file-tabs button.is-active{transform:translateY(-1px)}.gallery-action-bar{top:calc(var(--sticky-safe-top) + 86px)}}@media(max-width:640px){:root{--site-header-top: 10px;--site-header-height: 72px;--sticky-safe-top: calc(var(--site-header-top) + var(--site-header-height) + 12px)}.site-header{max-width:min(100%,calc(100vw - 20px));min-height:var(--site-header-height);padding:12px 14px}.site-nav a{min-width:0;white-space:normal}.file-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-action-bar{top:calc(var(--sticky-safe-top) + 148px)}}:root{--page-max: 1280px;--site-header-top: 16px;--site-header-height: 72px;--sticky-safe-top: calc(var(--site-header-top) + var(--site-header-height) + 18px)}.site-header{width:min(100%,1280px);max-width:min(1280px,calc(100vw - 36px));min-height:var(--site-header-height);padding:13px 20px}.page-frame{max-width:min(var(--page-max),calc(100vw - 36px))}.site-nav a{min-width:78px;padding-inline:13px}.documents-intro{margin-bottom:14px}.file-center-layout{display:grid;grid-template-columns:1fr;gap:18px}.file-toolbar{position:sticky;top:var(--sticky-safe-top);z-index:24;display:grid;grid-template-columns:minmax(180px,.36fr) minmax(0,1fr);gap:14px;align-items:stretch;padding:12px;overflow:visible}.file-toolbar-summary{display:grid;align-content:center;gap:3px;min-width:0;padding:8px 12px}.file-toolbar-summary .section-kicker,.file-toolbar-summary h2{margin:0}.file-toolbar-summary h2{font-size:1.2rem}.file-toolbar-summary span{color:var(--text-tertiary);font-size:.9rem}.file-tabs{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:none;overflow:visible;padding:0;background:transparent;box-shadow:none;border:0}.file-tabs button{min-height:58px;border-radius:14px;padding:10px 12px;background:#ffffff75}.file-tabs button:hover,.file-tabs button.is-active{transform:translateY(-1px);background:#ffffffc7}.file-main{display:grid;gap:18px;min-width:0}.gallery-action-bar{top:calc(var(--sticky-safe-top) + 96px);z-index:22}@media(max-width:960px){:root{--site-header-top: 12px;--site-header-height: 76px;--sticky-safe-top: calc(var(--site-header-top) + var(--site-header-height) + 14px)}.site-header{max-width:min(100%,calc(100vw - 28px))}.file-toolbar{grid-template-columns:1fr}.file-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-action-bar{top:calc(var(--sticky-safe-top) + 154px)}}@media(max-width:640px){:root{--site-header-top: 10px;--site-header-height: 72px;--sticky-safe-top: calc(var(--site-header-top) + var(--site-header-height) + 12px)}.site-header{max-width:min(100%,calc(100vw - 20px))}.file-toolbar{padding:10px}.file-tabs button{min-height:54px}.gallery-action-bar{top:calc(var(--sticky-safe-top) + 146px)}}.file-toolbar{position:relative;top:auto;z-index:1;margin-bottom:0}.file-tabs{position:static}.gallery-action-bar{position:static;z-index:1;margin:0}.gallery-selection-bar{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 48px);padding:12px 14px;border:1px solid var(--glass-border);border-radius:18px;background:var(--glass-bg-strong);box-shadow:var(--glass-shadow),var(--glass-inner);-webkit-backdrop-filter:blur(28px) saturate(190%);backdrop-filter:blur(28px) saturate(190%)}.gallery-selection-bar>span{color:var(--text-primary);font-weight:700;white-space:nowrap}.gallery-selection-bar>div{display:flex;gap:8px}.gallery-selection-bar .button{min-width:96px}@media(max-width:720px){.file-toolbar{grid-template-columns:1fr}.gallery-selection-bar{right:12px;bottom:12px;left:12px;justify-content:space-between}.gallery-selection-bar>div{flex-wrap:wrap;justify-content:flex-end}}:root{--page-max: 1240px;--site-header-top: 16px;--site-header-height: 68px}.site-header{width:min(100%,1240px);max-width:min(1240px,calc(100vw - 28px));min-height:var(--site-header-height);padding:12px 18px}.page-frame{max-width:min(var(--page-max),calc(100vw - 28px))}.documents-sidebar{display:grid;gap:16px;align-content:start}.sidebar-header{display:grid;gap:4px}.sidebar-header h2,.sidebar-header p,.sidebar-header span{margin:0}.sidebar-header h2{font-size:1.05rem}.sidebar-header span{color:var(--text-tertiary);font-size:.88rem}.sidebar-upload{display:grid;gap:10px}.sidebar-upload input{width:100%;min-height:40px;border:1px solid rgba(70,96,130,.12);border-radius:12px;padding:9px 12px;font:inherit;background:#ffffff9e}.sidebar-dropzone{display:grid;gap:6px;min-height:110px;place-items:center;border:1px dashed rgba(0,113,227,.28);border-radius:14px;padding:12px;background:#ffffff80;cursor:pointer}.sidebar-dropzone strong{text-align:center;font-size:.95rem}.sidebar-dropzone small,.sidebar-help{color:var(--text-tertiary);font-size:.82rem;text-align:center}.sidebar-tabs{display:grid;gap:8px}.sidebar-tabs button{display:grid;gap:2px;min-height:48px;border:1px solid rgba(70,96,130,.1);border-radius:12px;padding:8px 10px;color:var(--text-secondary);text-align:left;background:#ffffff75}.sidebar-tabs button span{font-size:.9rem;font-weight:650}.sidebar-tabs button small{color:var(--text-tertiary);font-size:.76rem}.sidebar-tabs button.is-active{color:var(--text-primary);background:#ffffffc7}.documents-main{display:grid;gap:18px;min-width:0}.file-toolbar,.file-tabs{display:none!important}.gallery-card-body{gap:10px;margin:10px;padding:14px}.gallery-card h2{font-size:1rem;line-height:1.25}.gallery-card p{font-size:.84rem}.gallery-actions .button,.document-actions .button{min-height:34px;padding:7px 10px;font-size:.82rem}.gallery-upload-head h2{font-size:1.02rem}.gallery-upload-owner{font-size:.82rem}.gallery-selection-bar{right:16px;bottom:16px;gap:10px;padding:10px 12px}.gallery-selection-bar .button{min-width:84px;min-height:34px}@media(max-width:960px){.documents-layout{grid-template-columns:1fr}.documents-sidebar{order:1}.documents-main{order:2}}@media(max-width:640px){.note-card-link{grid-template-columns:1fr}.note-card-aside{justify-items:start;padding-left:0;border-left:0}.note-card-footer{align-items:flex-start;flex-direction:column}.note-card-actions{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.site-header{width:min(100%,calc(100vw - 16px));max-width:min(1240px,calc(100vw - 16px));padding:10px 14px}.page-frame{max-width:min(var(--page-max),calc(100vw - 16px))}.documents-layout{gap:14px}.gallery-selection-bar{left:12px;right:12px;flex-wrap:wrap;justify-content:space-between}}.page-intro{padding:22px 8px 14px}.page-intro:before{top:8px;width:96px;height:96px}.page-intro h1{font-size:clamp(2rem,2.5vw,3.1rem)}.page-intro p{max-width:64ch;margin-top:12px;font-size:.96rem}.documents-intro{margin-bottom:10px}.documents-layout{display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:18px;align-items:start}.documents-sidebar{position:sticky;top:calc(var(--sticky-safe-top) + 32px);width:300px;max-height:calc(100vh - var(--sticky-safe-top) - 40px);overflow:auto;z-index:22;scrollbar-width:none;-ms-overflow-style:none}.documents-sidebar::-webkit-scrollbar{width:0;height:0}.documents-main{min-width:0}.file-overview{margin-bottom:0}@media(max-width:960px){.documents-layout{grid-template-columns:1fr}.documents-sidebar{position:static;width:auto;max-height:none;overflow:visible;top:auto}.documents-main{margin-left:0}}@media(max-width:640px){.page-intro{padding:18px 8px 12px}.page-intro h1{font-size:clamp(1.85rem,6vw,2.5rem)}.page-intro p{font-size:.93rem}}.documents-mobile-upload-trigger,.documents-mobile-drawer-backdrop,.documents-mobile-tabs{display:none}@media(max-width:960px){.documents-sidebar{display:none}.documents-mobile-upload-trigger{position:fixed;left:0;top:50svh;z-index:58;display:inline-flex;align-items:center;justify-content:center;width:16px;height:64px;padding:8px 6px 8px 4px;border:1px solid rgba(148,163,184,.18);border-left:0;border-radius:0 10px 10px 0;color:transparent;font-size:0;font-weight:650;letter-spacing:0;overflow:hidden;background:linear-gradient(180deg,#ffffff0f,#fff0),#94a3b833;box-shadow:0 8px 18px #0f172a1a,inset 0 1px #ffffff24;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;transform:translateY(-50%)}.documents-mobile-upload-trigger:before{content:"";position:absolute;top:50%;right:4px;width:6px;height:6px;transform:translateY(-50%) rotate(45deg);border-top:1.5px solid rgba(255,255,255,.68);border-right:1.5px solid rgba(255,255,255,.68);opacity:.9}.documents-mobile-upload-trigger:after{content:"";position:absolute;top:50%;right:7px;width:1.5px;height:22px;transform:translateY(-50%);border-radius:999px;background:#ffffff57}.documents-mobile-upload-trigger:hover{background:#94a3b833;box-shadow:0 8px 16px #0f172a1a,inset 0 1px #ffffff24}.documents-mobile-upload-trigger:active{background:#94a3b83d}.documents-mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:56;display:grid;place-items:center;padding:16px;background:#0f172a2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.documents-mobile-drawer{display:grid;gap:12px;width:min(92vw,420px);aspect-ratio:.88;max-width:calc(100vw - 24px);max-height:calc(100svh - 32px);padding:14px;border-radius:24px;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.documents-mobile-drawer::-webkit-scrollbar{width:0;height:0}.documents-mobile-tabs{position:fixed;top:31svh;right:0;z-index:57;display:grid;width:clamp(44px,11vw,70px);max-height:38svh;padding:0;overflow:hidden;background:transparent;box-shadow:none;transition:transform .24s ease,opacity .24s ease,box-shadow .24s ease}.documents-mobile-tabs-toggle{display:none}.documents-mobile-tabs-body{display:grid;gap:7px;min-width:0;margin-top:0}.documents-mobile-tabs .sidebar-header{display:none}.documents-mobile-tabs .sidebar-tabs{gap:7px}.documents-mobile-tabs .sidebar-tabs button{position:relative;min-height:26px;padding:4px 6px 4px 5px;border:1px solid rgba(148,163,184,.08);border-right:0;border-radius:8px 0 0 8px;background:#ffffff24;box-shadow:none;-webkit-backdrop-filter:blur(10px) saturate(130%);backdrop-filter:blur(10px) saturate(130%)}.documents-mobile-tabs .sidebar-tabs button:before{content:"";position:absolute;top:4px;left:0;width:2px;height:calc(100% - 8px);border-radius:999px;background:#94a3b861}.documents-mobile-tabs .sidebar-tabs button:after{content:"";position:absolute;top:50%;right:-4px;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);border-top:1px solid rgba(255,255,255,.62);border-right:1px solid rgba(255,255,255,.62);background:transparent;opacity:.34;pointer-events:none}.documents-mobile-tabs .sidebar-tabs button.is-active{transform:translate(-1px);border-color:#1769ff29;background:#ffffff57;box-shadow:none}.documents-mobile-tabs .sidebar-tabs button.is-active:before{background:linear-gradient(180deg,#2d7dff,#1769ff)}.documents-mobile-tabs .sidebar-tabs button span{font-size:.6rem}.documents-mobile-tabs .sidebar-tabs button small{font-size:.52rem}.documents-mobile-tabs .sidebar-tabs button.is-active:after{opacity:.95}.documents-layout{grid-template-columns:1fr}.documents-main{margin-left:0}}@media(max-width:640px){.documents-mobile-drawer{width:min(94vw,360px);aspect-ratio:.78;max-height:calc(100svh - 24px);padding:12px}.documents-mobile-tabs{width:clamp(40px,12vw,62px);top:29svh}.documents-mobile-tabs .sidebar-tabs button{min-height:24px;padding:4px 5px 4px 4px}}.image-preview-modal.panel{background:#0b0f17;color:#f8fafc}.image-preview-modal .image-preview-toolbar{background:#0b0f17f5;color:#f8fafc}.image-preview-modal .image-preview-toolbar h2{color:#f8fafc;text-shadow:0 1px 1px rgba(0,0,0,.28)}.image-preview-modal .image-preview-toolbar small,.image-preview-modal .image-preview-toolbar .section-kicker{color:#f8fafcb8}.image-preview-modal .image-preview-head-actions .button{border-color:#ffffff2e;background:#ffffff1f;color:#f8fafc;box-shadow:none;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.image-preview-modal .image-preview-head-actions .button:hover{background:#ffffff2e;color:#fff}.image-preview-modal .image-preview-head-actions .button-solid{border-color:#34d3996b;background:#22c55e47;color:#fff}.image-preview-modal .image-preview-scale{border-color:#ffffff29;background:#ffffff14;color:#f8fafcdb}.documents-main .file-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;align-items:stretch;isolation:isolate}.documents-main .file-grid:has(.file-card:only-child){grid-template-columns:minmax(260px,380px)}.documents-main .file-grid:has(.file-card:first-child:nth-last-child(2)){grid-template-columns:repeat(2,minmax(260px,380px))}.documents-main .file-card{position:relative;z-index:0;grid-template-rows:clamp(168px,16vw,210px) minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid rgba(70,96,130,.08);border-radius:18px;background:#ffffffc2;box-shadow:0 10px 30px #0f172a0f}.documents-main .file-card:hover{z-index:1}.documents-main .file-card.is-clickable{cursor:pointer}.documents-main .file-card.is-clickable:focus-visible{outline:3px solid rgba(0,113,227,.24);outline-offset:3px}.documents-main .file-thumb,.documents-main .file-doc-mark{width:100%;min-width:0;min-height:clamp(168px,16vw,210px);height:clamp(168px,16vw,210px)}.documents-main .file-thumb-button{display:block;height:clamp(168px,16vw,210px);line-height:0}.documents-main .file-thumb img{display:block;width:100%;height:100%;object-fit:cover}.documents-main .file-type-pill{border-color:var(--file-accent-soft, rgba(70, 96, 130, .12));color:var(--file-accent, var(--text-primary));background:var(--file-tint, rgba(148, 163, 184, .1))}.documents-main .file-card{border-color:var(--file-accent-soft, rgba(70, 96, 130, .08))}.documents-main .file-doc-mark,.documents-main .file-thumb{background:linear-gradient(135deg,var(--file-tint, rgba(148, 163, 184, .12)),rgba(255,255,255,.78)),#fff}.documents-main .file-doc-mark span{border:1px solid var(--file-accent-soft, rgba(70, 96, 130, .12));color:var(--file-accent, var(--primary-deep));background:#ffffff9e;box-shadow:inset 0 1px #ffffffb3}.documents-main .file-doc-mark.has-card-preview{place-items:stretch;padding:14px}.documents-main .file-doc-preview{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-width:0;height:100%;padding:14px;overflow:hidden;border:1px solid var(--file-accent-soft, rgba(70, 96, 130, .12));border-radius:14px;background:#ffffffb8;box-shadow:inset 0 1px #ffffffb8}.documents-main .file-doc-preview .file-doc-preview-type{justify-self:start;min-width:0;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:0;line-height:1;text-transform:uppercase}.documents-main .file-doc-preview p{min-width:0;margin:0;overflow:hidden;color:var(--text-primary);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.documents-main .file-doc-preview p.file-doc-preview-muted{color:var(--text-muted);font-family:inherit;font-style:normal;display:block}.documents-main .file-type-image{--file-accent: #0f766e;--file-accent-soft: rgba(15, 118, 110, .18);--file-tint: rgba(20, 184, 166, .14)}.documents-main .file-type-pdf{--file-accent: #b42318;--file-accent-soft: rgba(180, 35, 24, .18);--file-tint: rgba(239, 68, 68, .12)}.documents-main .file-type-md,.documents-main .file-type-markdown{--file-accent: #0057b8;--file-accent-soft: rgba(0, 87, 184, .18);--file-tint: rgba(0, 113, 227, .12)}.documents-main .file-type-txt{--file-accent: #475569;--file-accent-soft: rgba(71, 85, 105, .18);--file-tint: rgba(100, 116, 139, .12)}.documents-main .file-type-word,.documents-main .file-type-doc,.documents-main .file-type-docx{--file-accent: #1d4ed8;--file-accent-soft: rgba(29, 78, 216, .18);--file-tint: rgba(59, 130, 246, .12)}.documents-main .file-type-excel,.documents-main .file-type-xls,.documents-main .file-type-xlsx{--file-accent: #15803d;--file-accent-soft: rgba(21, 128, 61, .18);--file-tint: rgba(34, 197, 94, .12)}.documents-main .file-type-ppt,.documents-main .file-type-pptx{--file-accent: #c2410c;--file-accent-soft: rgba(194, 65, 12, .18);--file-tint: rgba(249, 115, 22, .12)}.documents-main .file-type-other,.documents-main .file-type-document{--file-accent: #6d28d9;--file-accent-soft: rgba(109, 40, 217, .16);--file-tint: rgba(124, 58, 237, .1)}.documents-main .file-card-body{min-width:0;gap:9px;padding:13px}.documents-main .document-card-head{min-width:0;gap:8px}.documents-main .document-card-head .pill{max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.documents-main .document-card-head small,.documents-main .file-card-body>small{min-width:0;overflow:hidden;color:var(--text-tertiary);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.documents-main .file-card h2,.documents-main .file-card p{min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;overflow-wrap:anywhere}.documents-main .file-card h2{-webkit-line-clamp:2;font-size:.98rem;line-height:1.35}.documents-main .file-title-button{display:-webkit-box;width:100%;min-width:0;padding:0;overflow:hidden;border:0;color:inherit;background:transparent;font:inherit;font-weight:inherit;line-height:inherit;text-align:left;cursor:pointer;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.documents-main .file-title-button:hover,.documents-main .file-title-button:focus-visible{color:var(--file-accent, #0057b8);outline:0}.documents-main .file-card p{-webkit-line-clamp:2;font-size:.8rem;line-height:1.45}.documents-main .document-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-items:center;justify-content:stretch;margin-top:4px}.documents-main .document-actions .button{width:100%;min-width:0;min-height:clamp(30px,2.8vw,34px);padding:6px 8px;border:1px solid transparent;border-radius:999px;font-size:clamp(.7rem,.68vw,.76rem);font-weight:650;line-height:1;justify-content:center;white-space:nowrap;box-shadow:none;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}.documents-main .document-actions .button-ghost{background:#f2f4f7d1;border-color:#4660820f;color:#222a37c7}.documents-main .document-actions .button-solid{border-color:#0071e314;background:#0071e31a;color:#0057b8;box-shadow:none}.documents-main .document-actions .button:hover{transform:none;border-color:#0071e329;background:#0071e321;color:#0057b8}.documents-main .document-actions .button:active{transform:scale(.98)}.notes-list{gap:16px}.notes-list>.stack-card{overflow:visible;isolation:isolate;animation:none;transform:none;border:1px solid rgba(70,96,130,.09);background:linear-gradient(180deg,#fffffffa,#f7fafff0),#fff;box-shadow:0 12px 28px #3e588417;-webkit-backdrop-filter:none;backdrop-filter:none;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.notes-list>.stack-card:before,.notes-list>.stack-card:after{display:none}.notes-list>.stack-card:hover,.notes-list>.stack-card:focus-within{transform:none;border-color:#0071e329;background:linear-gradient(180deg,#fff,#f9fcfffa),#fff;box-shadow:0 14px 30px #3e58841c}.notes-list .note-card-link{transition:color .22s var(--ease-apple, ease),background-color .22s var(--ease-apple, ease)}.notes-list .note-card-link:hover,.notes-list .note-card-link:active,.notes-list .note-card-link:focus-visible{transform:none}.notes-list .note-card-content{gap:10px}.notes-list .note-card-content h2{font-size:clamp(1.08rem,1.35vw,1.38rem)}.notes-list .note-card-content p{display:-webkit-box;max-width:90ch;overflow:hidden;line-height:1.62;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notes-list .note-card-aside{min-width:150px}.notes-list .inline-action{border-radius:999px;padding:7px 12px;background:#0071e314}.notes-list .note-card-footer{padding-top:10px}.notes-list .note-card-actions .button,.notes-list .note-visibility-quick{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.notes-list .note-card-actions .button:hover,.notes-list .note-visibility-quick:hover{transform:none;box-shadow:none}@media(max-width:640px){.notes-list{gap:12px}.notes-list>.stack-card{padding:18px}.notes-list .note-card-aside{min-width:0}.notes-list .inline-action{padding:6px 10px}}.document-preview-modal{width:min(1320px,calc(100vw - 28px));height:min(920px,calc(100dvh - 28px));grid-template-rows:auto minmax(0,1fr);gap:10px;padding:18px}.document-preview-modal>.document-preview-head{align-items:center;min-height:0}.document-preview-modal>.document-preview-head>div{min-width:0}.document-preview-modal>.document-preview-head .section-kicker{margin:0 0 4px;line-height:1.1}.document-preview-modal>.document-preview-head h2{display:-webkit-box;max-width:min(840px,66vw);overflow:hidden;font-size:1.08rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.document-preview-modal>.document-preview-head .button{flex:0 0 auto;min-height:36px;padding:8px 14px}.document-preview-modal>.document-preview-frame,.document-preview-modal>.document-preview-text,.document-preview-modal>.document-preview-table,.document-preview-modal>.document-preview-empty{height:100%;min-height:0}.image-preview-backdrop{padding:12px}.image-preview-modal{width:min(1480px,calc(100vw - 24px));height:min(980px,calc(100dvh - 24px))}.share-modal-backdrop{z-index:1250}.share-modal{width:min(560px,calc(100vw - 32px));display:grid;gap:18px}.share-mode-grid,.share-duration-grid{display:grid;gap:10px}.share-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.share-duration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.share-mode-grid button,.share-duration-grid button{display:grid;gap:4px;min-height:74px;padding:12px;border:1px solid rgba(70,96,130,.12);border-radius:14px;background:#ffffffb8;color:var(--text-primary);text-align:left;cursor:pointer}.share-mode-grid button{min-height:68px}.share-mode-grid button.is-active,.share-duration-grid button.is-active{border-color:#0071e35c;background:#0071e31a;box-shadow:0 0 0 4px #0071e314}.share-mode-grid strong,.share-mode-grid small,.share-duration-grid strong,.share-duration-grid small{display:block}.share-mode-grid small,.share-duration-grid small{color:var(--text-secondary);font-size:12px}.share-password-field,.shared-password-form{display:grid;gap:8px}.share-password-field span{color:var(--text-secondary);font-size:.86rem;font-weight:650}.share-password-field input,.shared-password-form input{min-width:0;border:1px solid rgba(70,96,130,.14);border-radius:14px;padding:12px 14px;background:#fbfbfd;color:var(--text-primary);outline:none}.share-password-field input:focus,.shared-password-form input:focus{border-color:#0071e35c;box-shadow:0 0 0 4px #0071e314}.share-permission-note,.shared-permission-banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid rgba(52,199,89,.18);border-radius:14px;background:#34c75914;color:var(--text-secondary);font-size:.92rem;line-height:1.6}.share-permission-note strong,.shared-permission-banner strong{flex:0 0 auto;color:#248a3d}.share-link-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.share-copy-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.share-copy-actions .button{min-height:38px;padding:8px 12px;font-size:.84rem;white-space:nowrap}.share-link-box input{min-width:0;border:1px solid rgba(70,96,130,.14);border-radius:14px;padding:12px 14px;background:#fbfbfd;color:var(--text-primary)}.shared-file-shell{min-height:calc(100vh - 160px);display:grid;place-items:start center;padding:28px 0 56px}.shared-file-state,.shared-file-viewer{width:100%}.shared-file-state{display:grid;gap:14px}.shared-password-card{width:min(520px,100%)}.shared-password-form{grid-template-columns:minmax(0,1fr) auto}.shared-file-viewer{display:grid;gap:16px}.shared-file-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.shared-file-head h1{margin:0}.shared-file-head p{margin:8px 0 0;color:var(--text-secondary)}.shared-file-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.shared-file-preview{min-height:min(68vh,720px);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(70,96,130,.1);border-radius:18px;background:#f8fafc}.shared-file-preview img{display:block;max-width:100%;max-height:min(68vh,720px);object-fit:contain}.shared-file-frame,.shared-file-text,.shared-file-table,.shared-file-empty,.shared-file-drawing{width:100%;height:min(68vh,720px);min-height:420px;border:0;background:#fff}.shared-file-drawing{overflow:auto}.shared-file-text{overflow:auto;padding:22px;white-space:pre-wrap}.shared-file-empty{display:grid;place-items:center;color:var(--text-secondary)}.share-manager-shell{display:grid;gap:22px;padding-bottom:44px}.share-manager-intro{padding-bottom:6px}.share-manager-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.share-summary-card{display:grid;gap:8px;min-height:104px;padding:20px}.share-summary-card span{color:var(--text-secondary);font-size:.9rem;font-weight:650}.share-summary-card strong{font-size:2rem;line-height:1}.share-manager-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.share-filter-group{display:inline-flex;flex-wrap:wrap;gap:8px;padding:6px;border:1px solid rgba(70,96,130,.1);border-radius:999px;background:#ffffff7a;box-shadow:var(--surface-shadow)}.share-filter-group button{min-height:34px;border:0;border-radius:999px;padding:7px 14px;color:var(--text-secondary);background:transparent;font:inherit;font-size:.9rem;font-weight:650;cursor:pointer}.share-filter-group button.is-active{color:#0057b8;background:#0071e31f}.share-manager-state{display:grid;gap:12px}.share-manager-list{display:grid;gap:14px}.share-management-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.9fr) minmax(330px,.85fr);gap:22px;align-items:start}.share-card-main{display:grid;gap:10px;min-width:0}.share-card-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.share-management-card h2{margin:0;font-size:1.25rem;line-height:1.28;overflow-wrap:anywhere}.share-token{max-width:100%;margin:0;overflow:hidden;color:var(--text-tertiary);font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.share-status{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:750}.share-status.is-active{color:#18795d;background:#22c55e1f}.share-status.is-expired{color:#9a5b00;background:#f59e0b24}.share-status.is-disabled{color:#8a1f17;background:#dc26261a}.share-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.share-meta-grid div{min-width:0}.share-meta-grid dt{margin-bottom:5px;color:var(--text-tertiary);font-size:.78rem;font-weight:700}.share-meta-grid dd{margin:0;color:var(--text-primary);font-size:.92rem;overflow-wrap:anywhere}.share-management-actions{display:grid;gap:12px;min-width:0}.share-action-section{display:grid;gap:8px;min-width:0}.share-action-label,.share-management-actions label{color:var(--text-secondary);font-size:.82rem;font-weight:650}.share-expiry-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.share-expiry-options button{display:grid;gap:2px;min-width:0;min-height:54px;border:1px solid rgba(70,96,130,.1);border-radius:14px;padding:8px 6px;color:var(--text-primary);background:#ffffff8f;box-shadow:inset 0 1px #ffffffb8;font:inherit;cursor:pointer}.share-expiry-options button:hover{border-color:#0071e33d;background:#0071e314}.share-expiry-options button:disabled{cursor:not-allowed;opacity:.55}.share-expiry-options strong{font-size:.88rem;line-height:1.15}.share-expiry-options small{color:var(--text-tertiary);font-size:.72rem}.share-password-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.share-password-head small{color:var(--text-tertiary);font-size:.76rem;text-align:right}.share-password-edit{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-width:0}.share-password-edit input{width:100%;min-height:40px;border:1px solid rgba(70,96,130,.12);border-radius:12px;padding:8px 12px;color:var(--text-primary);background:#ffffffb8;font:inherit}.share-password-edit input:focus{border-color:#0071e36b;outline:0;box-shadow:0 0 0 4px #0071e31a}.share-management-actions .button{width:100%;min-width:0;min-height:40px;padding:8px 12px}.share-danger-button{border-color:#dc26262e;background:linear-gradient(180deg,#ff6b6bbd,#dc2626e6),#dc2626;box-shadow:0 10px 24px #dc26262e}.confirm-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:grid;place-items:center;padding:22px;background:#131b2a57;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.confirm-dialog{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;width:min(100%,440px);padding:24px;outline:none;animation:confirm-pop .18s ease-out both}.confirm-dialog-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#0057b8;background:#0071e31f;font-size:1.2rem;font-weight:800}.confirm-dialog.is-danger .confirm-dialog-mark{color:#b42318;background:#dc26261a}.confirm-dialog-copy{display:grid;gap:8px;min-width:0}.confirm-dialog-copy h2{margin:0;font-size:1.35rem;line-height:1.24;letter-spacing:0}.confirm-dialog-copy p{margin:0;overflow-wrap:anywhere}.confirm-dialog-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.confirm-dialog-actions .button{min-width:96px;min-height:40px;padding:8px 14px}.confirm-dialog-danger-button{border-color:#dc26262e;background:linear-gradient(180deg,#ff6b6bbd,#dc2626e6),#dc2626;box-shadow:0 10px 24px #dc26262e}@keyframes confirm-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:720px){.documents-main .file-grid,.share-manager-summary,.share-management-card,.share-meta-grid{grid-template-columns:1fr}.share-manager-toolbar{align-items:stretch}.share-filter-group,.share-manager-toolbar .button{width:100%}.share-filter-group{justify-content:space-between;border-radius:18px}.share-filter-group button{flex:1 1 auto}.share-expiry-options{grid-template-columns:repeat(2,minmax(0,1fr))}.share-password-edit,.confirm-dialog{grid-template-columns:1fr}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-actions .button{width:100%}.share-mode-grid,.share-duration-grid,.share-link-box{grid-template-columns:1fr}.share-copy-actions{justify-content:stretch}.share-copy-actions .button{flex:1 1 140px}.shared-password-form{grid-template-columns:1fr}.shared-file-head{flex-direction:column}.shared-file-actions{justify-content:flex-start;width:100%}.shared-file-actions .button{flex:1 1 140px}.shared-permission-banner,.share-permission-note{flex-direction:column;gap:4px}}@media(min-width:721px)and (max-width:1180px){.documents-main .file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.documents-main .file-grid:has(.file-card:only-child){grid-template-columns:minmax(260px,380px)}}