*,*:before,*:after{box-sizing:border-box}:root{--accent:#4263eb;--accent-d:#364fc7;--ink:#1b1f2a;--muted:#6b7280;--line:#e5e7eb;--bg:#f5f6f8;--panel:#fff;--side:#141824;--danger:#e03131;--ok:#2f9e44;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--ink)}body{margin:0;background:var(--bg)}a{color:var(--accent)}code{background:#eef0f4;padding:1px 5px;border-radius:4px;font-size:.92em}h1{font-size:1.5rem;margin:0}h2{font-size:1rem;margin:0 0 .75rem}h3{margin:.5rem 0}input,select,textarea{font:inherit;padding:.5rem .6rem;border:1px solid #d0d4dc;border-radius:6px;background:#fff;width:100%;color:inherit}input[type=checkbox]{width:auto}input[type=color]{width:60px;height:36px;padding:2px}input:focus,select:focus,textarea:focus{outline:2px solid #bac8ff;border-color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.85em}.center{display:grid;place-items:center;height:100vh}.btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .9rem;border-radius:6px;border:1px solid #d0d4dc;background:#fff;cursor:pointer;font:inherit;font-weight:500;text-decoration:none;color:var(--ink)}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-d)}.link{background:none;border:0;color:var(--accent);cursor:pointer;padding:0;font:inherit}.link.danger,.danger{color:var(--danger)}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.75rem}.stack{display:flex;flex-direction:column;gap:.9rem}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:var(--side);color:#c9ced8;display:flex;flex-direction:column;padding:1rem .75rem;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;color:#fff;padding:.25rem .5rem 1rem}.nav-item{display:block;padding:.45rem .6rem;border-radius:6px;color:#c9ced8;text-decoration:none}.nav-item:hover{background:#1f2535;color:#fff}.nav-item.active{background:var(--accent);color:#fff}.nav-group{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#7d8597;margin:1rem .6rem .35rem}.sidebar-foot{margin-top:auto;padding:1rem .6rem 0;border-top:1px solid #262c3d;display:flex;flex-direction:column;gap:.35rem}.sidebar-foot a,.sidebar-foot .link{color:#91a7ff;text-align:left}.main{padding:1.75rem 2rem;max-width:1280px;width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:1rem;flex-wrap:wrap}.page-header .actions{display:flex;gap:.5rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1.1rem 1.25rem;margin-bottom:1.25rem}.panel.narrow{max-width:640px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:1.25rem}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1rem;text-decoration:none;color:var(--ink);display:flex;flex-direction:column}.stat b{font-size:1.6rem}.stat span{color:var(--muted)}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}.table th{font-size:.8rem;color:var(--muted);font-weight:600}.table a{text-decoration:none}.row-actions{white-space:nowrap;text-align:right}.row-actions>*+*{margin-left:.75rem}.media-item .row-actions{display:flex;gap:.75rem;text-align:left}.media-item .row-actions>*+*{margin-left:0}.badge{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:99px;background:#eef0f4;color:#495057;text-transform:capitalize}.badge--published{background:#d3f9d8;color:#2b8a3e}.badge--draft{background:#fff3bf;color:#a76100}.badge--trash{background:#ffe3e3;color:#c92a2a}.badge--private{background:#e5dbff;color:#5f3dc4}.tag{display:inline-block;font-size:.75rem;background:#edf2ff;color:#364fc7;border-radius:4px;padding:1px 6px;margin:0 4px 4px 0}.toolbar{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.chip{border:1px solid #d0d4dc;background:#fff;border-radius:99px;padding:.3rem .8rem;cursor:pointer;text-transform:capitalize;font:inherit}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.search{max-width:260px;margin-left:auto}.pager{display:flex;gap:1rem;align-items:center;justify-content:center;margin-top:1rem}.field{display:flex;flex-direction:column;gap:.3rem}.field-label{font-weight:600;font-size:.85rem}.help{color:var(--muted);font-size:.8rem}.check{display:flex;gap:.5rem;align-items:center}.notice{padding:.6rem .8rem;border-radius:6px;background:#e7f5ff;margin:.5rem 0}.notice--error{background:#fff5f5;color:#c92a2a;border:1px solid #ffc9c9}.editor{display:grid;grid-template-columns:1fr 300px;gap:1.25rem;align-items:start}.title-input{font-size:1.5rem;font-weight:600;padding:.7rem .8rem;margin-bottom:.75rem}.tabs{display:flex;gap:2px}.tabs button{border:1px solid var(--line);border-bottom:0;background:#eef0f4;padding:.45rem .9rem;border-radius:6px 6px 0 0;cursor:pointer;font:inherit}.tabs button.active{background:#fff}.format-bar{display:flex;gap:4px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-bottom:0;padding:6px}.format-bar button{border:1px solid var(--line);background:#fff;border-radius:4px;min-width:32px;padding:.25rem .5rem;cursor:pointer;font:inherit}.format-bar select{width:auto;padding:.25rem .4rem}.body-input{min-height:420px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55;border-radius:0 0 6px 6px;margin-bottom:1.25rem}.preview{background:#fff;border:1px solid var(--line);padding:1.25rem;min-height:420px;margin-bottom:1.25rem;line-height:1.6}.preview img{max-width:100%}.editor-side .panel{display:flex;flex-direction:column;gap:.8rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem}.cards--wide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.pkg{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column}.pkg--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pkg h3{margin:0}.pkg p{flex:1}.shot{aspect-ratio:16/9;background:linear-gradient(135deg,#edf2ff,#dbe4ff);border-radius:6px;margin-bottom:.75rem;display:grid;place-items:center;font-weight:700;color:#4263eb;overflow:hidden}.shot img{width:100%;height:100%;object-fit:cover}.dropzone{border:2px dashed #c5cbd6;border-radius:10px;padding:1.5rem;text-align:center;color:var(--muted);margin-bottom:1rem;background:#fff}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem}.media-item{margin:0;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.media-item img,.file-icon{width:100%;aspect-ratio:1;object-fit:cover;display:grid;place-items:center;background:#f1f3f5;text-transform:uppercase;color:var(--muted);font-weight:700}.media-item figcaption{padding:.5rem;font-size:.8rem;display:flex;flex-direction:column;gap:.3rem}.media-item figcaption>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-item .row-actions{justify-content:flex-start}.dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0}.dl dt{color:var(--muted)}.dl dd{margin:0}.code{background:#141824;color:#e9ecef;padding:1rem;border-radius:8px;overflow:auto;white-space:pre-wrap}.scroll-x{overflow-x:auto}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,#141824,#26304a)}.auth-card{background:#fff;padding:2rem;border-radius:14px;width:min(420px,92vw)}.auth-card .brand{color:var(--ink);padding:0 0 1rem}.auth-card h1{margin-bottom:1rem}.toasts{position:fixed;right:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:50}.toast{background:var(--ink);color:#fff;padding:.65rem 1rem;border-radius:8px;box-shadow:0 6px 20px #0003}.toast--error{background:var(--danger)}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.editor,.grid-2{grid-template-columns:1fr}.main{padding:1rem}}.nav-count{background:#fa5252;color:#fff;border-radius:99px;font-size:.7rem;padding:0 6px;margin-left:6px}.mk-head{display:flex;gap:.75rem;align-items:center;margin-bottom:.25rem}.mk-icon{flex:none;width:44px;height:44px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(135deg,hsl(var(--h) 70% 55%),hsl(calc(var(--h) + 40) 70% 45%))}.featured-preview{width:100%;border-radius:6px;border:1px solid var(--line)}.wmk-admin-pkg{border-top:1px solid var(--line);padding-top:.75rem;margin-top:.75rem}.wmk-admin-pkg:first-of-type{border-top:0;margin-top:0}.panel ol{padding-left:1.2rem;line-height:1.7}.auth-card--wide{width:min(720px,94vw)}.wizard-steps{display:flex;gap:.25rem;list-style:none;padding:0;margin:0 0 1.75rem;flex-wrap:wrap}.wizard-steps li{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--muted);padding:.3rem .6rem .3rem .3rem;border-radius:99px}.wizard-steps li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eef0f4;font-weight:700;font-size:.75rem}.wizard-steps li.on{color:var(--ink);background:#edf2ff}.wizard-steps li.on span{background:var(--accent);color:#fff}.wizard-steps li.done span{background:#d3f9d8;color:#2b8a3e}.wizard-nav{display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}.checks{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.checks li{display:flex;gap:.75rem;align-items:flex-start;padding:.6rem .8rem;border:1px solid var(--line);border-radius:8px}.checks li b{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:.8rem}.checks .ok b{background:#d3f9d8;color:#2b8a3e}.checks .fail{border-color:#ffc9c9;background:#fff5f5}.checks .fail b{background:#ffe3e3;color:#c92a2a}.checks .warn b{background:#fff3bf;color:#a76100}.checks .small{word-break:break-all}.strength{display:flex;gap:4px;align-items:center;font-size:.8rem;color:var(--muted);margin-top:-.4rem}.strength i{height:5px;flex:1;max-width:60px;border-radius:3px;background:#e9ecef}.strength.s1 i:nth-child(-n+1),.strength.s0 i:nth-child(-n+1){background:#fa5252}.strength.s2 i:nth-child(-n+2){background:#fd7e14}.strength.s3 i:nth-child(-n+3){background:#40c057}.strength.s4 i:nth-child(-n+4){background:#2b8a3e}.strength span{margin-left:.5rem}.tpl-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-top:.4rem}.tpl-option{position:relative;border:2px solid var(--line);border-radius:10px;padding:.5rem;cursor:pointer;text-align:center}.tpl-option.on{border-color:var(--accent);box-shadow:0 0 0 3px #dbe4ff}.tpl-option input{position:absolute;opacity:0}.tpl-option .shot{margin-bottom:.4rem}.ext-pick{display:grid;gap:.5rem;margin-top:.4rem}.ext-option{align-items:flex-start;padding:.6rem .75rem;border:1px solid var(--line);border-radius:8px}.ext-option input{margin-top:.2rem}.done{text-align:center;align-items:center}.done-mark{width:64px;height:64px;border-radius:50%;background:#d3f9d8;color:#2b8a3e;display:grid;place-items:center;font-size:2rem;font-weight:700}
