.app-header{background:#161616;border-bottom:1px solid #303030;padding:.4em .75em;display:flex;align-items:center;gap:1em}.app-header .hamburger{background:transparent;border-color:transparent;color:#ffffff8c;padding:.3em}.app-header .hamburger:hover{background:#343434;border-color:transparent;color:#ffffffe0}.app-header .logo{display:flex;align-items:center;gap:.5em;font-size:1.3em;font-weight:700;color:#ffffffe0;text-decoration:none}.app-header .logo:hover{text-decoration:none}.app-header .logo .mark{width:28px;height:28px}.app-header .title{color:#ffffff8c;font-size:1.1em}.app-header .spacer{flex:1}.app-header .user{display:flex;align-items:center;gap:.4em}.app-header .user .me{display:flex;align-items:center;gap:.4em;padding:.2em .4em;border-radius:4px;color:#ffffff8c;text-decoration:none;cursor:pointer}.app-header .user .me:hover{background:#343434;color:#ffffffe0;text-decoration:none}.app-header .user .avatar{width:28px;height:28px;border-radius:50%}.app-header .user .name{color:#ffffff8c}.app-nav{background:#161616;border-right:1px solid #303030;padding:.4em 0;min-width:8em;display:flex;flex-direction:column;overflow-y:auto}.app-nav .group{display:flex;flex-direction:column}.app-nav .group+.group{margin-top:.75em}.app-nav .group-label{padding:.4em .75em;color:#ffffff61;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.app-nav a{color:#ffffffe0;text-decoration:none;padding:.4em .75em;border-left:3px solid transparent}.app-nav a:hover{background:#343434;text-decoration:none}.app-nav a.active{background:#343434;border-left-color:#fe6215;color:#fe6215}.toast-stack{position:fixed;bottom:1em;right:1em;display:flex;flex-direction:column;gap:.4em;z-index:200}.toast-stack .toast{background:#242424;color:#ffffffe0;border:1px solid #303030;border-radius:4px;padding:.4em .75em;cursor:pointer;max-width:360px;box-shadow:0 4px 12px #0006}.toast-stack .toast.error{border-color:#ef5350}.toast-stack .toast.success{border-color:#66bb6a}.toast-stack .toast.warning{border-color:#ffa726}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal-backdrop .modal{background:#242424;border:1px solid #303030;border-radius:8px;padding:1.5em;min-width:320px;max-width:480px}.modal-backdrop .modal h3{margin-top:0}.modal-backdrop .modal.error{border-color:#ef5350}.modal-backdrop .modal.error h3{color:#ef5350}.modal-backdrop .modal .actions{display:flex;justify-content:flex-end;gap:.4em;margin-top:1em}.asset-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:400}.asset-picker-backdrop .asset-picker{background:#242424;border:1px solid #303030;border-radius:8px;width:80vw;max-width:900px;height:80vh;display:flex;flex-direction:column;padding:.75em}.asset-picker-backdrop .asset-picker .head{flex-shrink:0;display:flex;align-items:center;gap:1em;margin-bottom:.75em}.asset-picker-backdrop .asset-picker .head h3{margin:0}.asset-picker-backdrop .asset-picker .head .search{flex:1}.asset-picker-backdrop .asset-picker .head .hidden{display:none}.asset-picker-backdrop .asset-picker .grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75em;align-content:start}.asset-picker-backdrop .asset-picker .item{border:1px solid #303030;border-radius:4px;padding:.4em;cursor:pointer;background:#2c2c2c}.asset-picker-backdrop .asset-picker .item:hover{border-color:#fe6215}.asset-picker-backdrop .asset-picker .item .thumb{height:110px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#1e1e1e}.asset-picker-backdrop .asset-picker .item .thumb img{max-width:100%;max-height:100%}.asset-picker-backdrop .asset-picker .item .name{margin-top:.4em;font-size:.85em;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-picker-backdrop .asset-picker .empty{color:#ffffff8c}.asset-picker-backdrop .asset-picker .pager{flex-shrink:0;display:flex;align-items:center;gap:1em;margin-top:.75em}.asset-picker-backdrop .asset-picker .pager span{color:#ffffff8c}.image-settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:380}.image-settings-backdrop .image-settings{background:#242424;border:1px solid #303030;border-radius:8px;width:90vw;max-width:760px;padding:.75em;display:flex;flex-direction:column;gap:.75em}.image-settings-backdrop .image-settings .head{display:flex;align-items:center;gap:1em}.image-settings-backdrop .image-settings .head h3{margin:0;flex:1}.image-settings-backdrop .image-settings .preview{display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:140px;max-height:240px;background:#1e1e1e;border:1px solid #303030;border-radius:4px;overflow:hidden}.image-settings-backdrop .image-settings .preview img{max-width:100%;max-height:240px}.image-settings-backdrop .image-settings .preview .missing{color:#ffffff8c}.image-settings-backdrop .image-settings .row{display:flex;align-items:center;gap:1em;flex-wrap:wrap}.image-settings-backdrop .image-settings .row>label{width:6em;color:#ffffff8c;font-weight:600}.image-settings-backdrop .image-settings .seg{display:flex;gap:2px}.image-settings-backdrop .image-settings .seg button{background:transparent;border:1px solid #3a3a3a;color:#ffffff8c}.image-settings-backdrop .image-settings .seg button.active{background:#fe6215;border-color:#fe6215;color:#fff}.image-settings-backdrop .image-settings .custom{width:8em}.image-settings-backdrop .image-settings .caption{flex:1;min-width:12em;resize:vertical}.image-settings-backdrop .image-settings label.spaced{margin-left:.75em}.image-settings-backdrop .image-settings .actions{display:flex;align-items:center;gap:.4em}.image-settings-backdrop .image-settings .actions .spacer{flex:1}.link-settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:400}.link-settings-backdrop .link-settings{background:#242424;border:1px solid #303030;border-radius:8px;width:90vw;max-width:460px;padding:.75em;display:flex;flex-direction:column;gap:.75em}.link-settings-backdrop .link-settings .head{display:flex;align-items:center;gap:1em}.link-settings-backdrop .link-settings .head h3{margin:0}.link-settings-backdrop .link-settings .head .spacer{flex:1}.link-settings-backdrop .link-settings .head a{color:#ffffff8c;display:inline-flex}.link-settings-backdrop .link-settings .head a:hover{color:#fe6215}.link-settings-backdrop .link-settings .row{display:flex;align-items:center;gap:1em}.link-settings-backdrop .link-settings .row>label{width:4em;color:#ffffff8c;font-weight:600}.link-settings-backdrop .link-settings .row input{flex:1}.link-settings-backdrop .link-settings .check{display:flex;align-items:center;gap:.4em;color:#ffffffe0}.link-settings-backdrop .link-settings .actions{display:flex;align-items:center;gap:.4em}.link-settings-backdrop .link-settings .actions .spacer{flex:1}.preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:390}.preview-backdrop .preview-modal{background:#242424;border:1px solid #303030;border-radius:8px;width:92vw;max-width:860px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.preview-backdrop .preview-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.4em .75em;background:#161616;border-bottom:1px solid #303030;color:#ffffff8c}.preview-backdrop .preview-head button{background:transparent;border-color:transparent;color:#ffffff8c}.preview-backdrop .preview-head button:hover{background:#343434;border-color:transparent;color:#ffffffe0}.preview-backdrop .preview-scroll{overflow-y:auto;background:#fff;padding:1.5em}.preview-backdrop .article-doc{max-width:760px;margin:0 auto;color:#1a1a1a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.preview-backdrop .article-doc h1{font-size:2.4em;font-weight:700;line-height:1.15;margin:0 0 .2em;color:#111}.preview-backdrop .article-doc .pub-date{color:#6a6a6a;font-size:.95em;margin-bottom:1.5em}.preview-backdrop .article-doc .article-body{font-size:1.05em}.preview-backdrop .article-doc .article-body p{margin:0 0 1em}.preview-backdrop .article-doc .article-body h2{font-size:1.6em;margin:1.5em 0 .4em}.preview-backdrop .article-doc .article-body h3{font-size:1.3em;margin:1.3em 0 .4em}.preview-backdrop .article-doc .article-body a{color:#b14210;text-decoration:underline}.preview-backdrop .article-doc .article-body img{max-width:100%;height:auto}.preview-backdrop .article-doc .article-body figure{margin:1.5em 0}.preview-backdrop .article-doc .article-body figure img{display:block}.preview-backdrop .article-doc .article-body figure figcaption{margin-top:.5em;color:#6a6a6a;font-size:.9em;text-align:center}.preview-backdrop .article-doc .article-body blockquote{border-left:4px solid #ddd;margin:1.5em 0;padding-left:1em;color:#555}.preview-backdrop .article-doc .article-body ul,.preview-backdrop .article-doc .article-body ol{margin:0 0 1em;padding-left:1.5em}#app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-body{flex:1;display:flex;min-height:0}main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}*,*:before,*:after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}html,body{margin:0;padding:0;background:#1e1e1e;color:#ffffffe0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,h4{margin:.6em 0 .4em;color:#ffffffe0;font-weight:600}h1{font-size:1.6em}h2{font-size:1.3em}h3{font-size:1.1em}a{color:#fe6215;text-decoration:none}a:hover{color:#ff7a3d;text-decoration:underline}button{background:#fe6215;color:#fff;border:1px solid #fe6215;padding:.4em .75em;border-radius:4px;cursor:pointer;font-family:inherit;font-size:inherit;display:inline-flex;align-items:center;gap:.5em}button:hover:not(:disabled){background:#ff7a3d;border-color:#ff7a3d}button:active:not(:disabled){background:#b14210;border-color:#b14210}button:disabled{opacity:.5;cursor:not-allowed}button.danger{background:#ef5350;border-color:#ef5350;color:#fff}button.danger:hover:not(:disabled){background:#f4675f;border-color:#f4675f}button.ghost{background:transparent;border-color:transparent;color:#ffffff8c}button.ghost:hover:not(:disabled){background:#343434;border-color:transparent;color:#ffffffe0}input,select,textarea{background:#2c2c2c;color:#ffffffe0;border:1px solid #3a3a3a;border-radius:4px;padding:.4em .75em;font-family:inherit;font-size:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:#fe6215}input::placeholder,select::placeholder,textarea::placeholder{color:#ffffff61}table{width:100%;border-collapse:collapse}table th,table td{text-align:left;padding:.4em .75em;border-bottom:1px solid #303030}table th{background:#2c2c2c;font-weight:600;color:#ffffff8c}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em}::selection{background:#b14210;color:#fff}.message-page{max-width:480px;margin:4em auto;text-align:center}.message-page h2{color:#ffffff8c}
