:root{--ls-primary: #008891;--ls-primary-hover: #0099a0;--ls-accent: #00c0cc;--ls-error: #f56a14;--ls-bg: #f7fafa;--ls-surface: #ffffff;--ls-border: #e2e8ea;--ls-text: #1d1f23;--ls-muted: #6b7a83;--ls-bg-footer: #f9fbfc;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px}@media (prefers-color-scheme: dark){:root{--ls-primary: #00a4af;--ls-primary-hover: #00b6c1;--ls-accent: #16d5e1;--ls-error: #ff7e32;--ls-bg: #121617;--ls-surface: #1b1f20;--ls-border: #2b2f30;--ls-text: #e8eaea;--ls-muted: #8a9398;--ls-bg-footer: #121617}}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;background:var(--ls-primary);border:1px solid var(--ls-primary);color:#fff;padding:.55rem 1.1rem;border-radius:4px;font-weight:600;line-height:1;cursor:pointer;transition:background .12s,transform 60ms}.btn-primary:hover{background:var(--ls-primary-hover)}.btn-primary:focus{outline:2px solid var(--ls-accent);outline-offset:2px}.btn-primary:active{transform:translateY(1px);opacity:.9}.btn-primary:disabled{background:var(--ls-border);border-color:var(--ls-border);color:var(--ls-muted);cursor:not-allowed}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.thumbnail-enter{animation:fadeSlideUp .15s ease-out both}.preview-enter{animation:fadeIn .12s ease-out both}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ls-text);color:#fff;padding:8px 16px;border-radius:4px;box-shadow:0 2px 6px #00000026;font-size:14px;z-index:9999}@media (prefers-color-scheme: dark){.toast-container{background:var(--ls-surface);color:var(--ls-text)}}.toast-enter{animation:fadeSlideUp .2s ease-out both}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100vh;margin:0;overflow:hidden}html,body{padding:0;width:100%;font-family:system-ui,sans-serif;font-size:var(--fs-md);background:var(--ls-bg);color:var(--ls-text)}#root{display:flex;flex-direction:column}h1,h2,h3{font-weight:600;line-height:1.3;margin:0}h1{font-size:var(--fs-xl);display:flex;align-items:center;gap:var(--sp-2)}h2{font-size:var(--fs-lg);margin-top:var(--sp-4)}p{margin:0 0 var(--sp-3)}.caption{font-size:var(--fs-sm);color:var(--ls-muted)}h1 .logo{width:32px;height:32px;display:inline-block}.flex-row{display:flex;align-items:center}.flex-space{display:flex;align-items:center;justify-content:space-between}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.pad-4{padding:var(--sp-4)}.sticky-header{position:sticky;top:0;background:var(--ls-bg);z-index:1}.main-area{flex:1 1 0;display:flex;overflow:hidden}.split{flex:1 1 0;display:flex;min-width:0;min-height:0;overflow:hidden}.split>*{flex-grow:0!important;flex-shrink:0!important;min-width:0;min-height:0;overflow:hidden}.gallery-pane,.preview-pane{overflow:auto}.gutter{background:var(--ls-border)}.gutter-horizontal{width:6px;cursor:col-resize}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--ls-border);border-radius:4px}img{-webkit-user-drag:none}.footer-ad{position:sticky;bottom:0;min-height:90px;width:100%;background:var(--ls-bg-footer);color:var(--ls-text);border-top:1px solid var(--ls-border)}.app-footer{position:sticky;bottom:0;min-height:90px;width:100%;background:var(--ls-bg-footer);color:var(--ls-text);border-top:1px solid var(--ls-border);text-align:center;padding:var(--sp-2) var(--sp-4)}@media (prefers-color-scheme: dark){.app-footer a{color:var(--ls-primary)}.app-footer a:hover{color:var(--ls-primary-hover)}}.container{max-width:880px;margin:0 auto;padding:var(--sp-4);line-height:1.6}.prose h1{font-size:var(--fs-xl);margin-bottom:var(--sp-3)}.prose h2{font-size:var(--fs-lg);margin:var(--sp-4) 0 var(--sp-2)}.prose h3{font-weight:600;margin:var(--sp-3) 0 var(--sp-1)}.prose p,.prose li{font-size:var(--fs-md)}.prose table{width:100%;border-collapse:collapse;margin:var(--sp-3) 0}.prose th,.prose td{border:1px solid var(--ls-border);padding:var(--sp-2);text-align:left}.prose th{background:var(--ls-surface)}.prose a{color:var(--ls-primary);text-decoration:underline}.prose a:hover{color:var(--ls-primary-hover)}.topbar{background:var(--ls-bg);border-bottom:1px solid var(--ls-border);box-shadow:0 1px 3px #0000000a;position:sticky;top:0;z-index:40}.shadow-sm{box-shadow:0 1px 3px #00000014}.prose table tr:nth-child(2n){background:var(--ls-surface)}.prose table th,.prose table td{border-radius:4px 4px 0 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:80;animation:fadeIn .2s}.modal-box{width:min(880px,90%);max-height:90vh;overflow:auto;background:var(--ls-bg);color:inherit;padding:var(--sp-4);border-radius:8px;box-shadow:0 8px 16px #00000026}.modal-close{position:absolute;top:var(--sp-3);right:var(--sp-3);background:none;border:none;font-size:1.5rem;cursor:pointer}.gallery-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#7a869a;text-align:center;line-height:1.6;font-size:1.05rem;-webkit-user-select:none;user-select:none;pointer-events:none}.gallery{position:relative}.preview-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#7a869a;text-align:center;line-height:1.6;font-size:1.1rem;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:pre-line}.preview-wrapper{position:relative;height:100%;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.preview-wrapper img{max-width:100%;max-height:100%;object-fit:contain}.gallery.drag-in:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:70;pointer-events:none;animation:fadeIn .15s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery.drag-over{border-color:var(--ls-primary);background:#619cff14;transition:background .15s,border-color .15s}