:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eee;background:#151515;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit}button,.primary{border:1px solid #484848;border-radius:7px;background:#303030;color:white;padding:9px 13px;cursor:pointer;text-decoration:none}button:hover{background:#444}button:disabled{opacity:.45;cursor:wait}.primary{background:#eee;color:#111;border-color:#eee}header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid #363636}header>a{font-size:20px;text-decoration:none;font-weight:650}header span{font-weight:400;color:#999;margin-left:10px}nav{display:flex;gap:12px;align-items:center}nav a{color:#bbb;text-decoration:none}#login{max-width:550px;margin:16vh auto;padding:30px}#login h1{font-size:36px;letter-spacing:-1px}#login p{margin:25px 0;color:#aaa}#app:not([hidden]){display:grid;grid-template-columns:320px 1fr;min-height:calc(100vh - 80px)}aside{padding:22px 16px;border-right:1px solid #363636;height:calc(100vh - 80px);position:sticky;top:0;overflow:auto}.list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}h2{font-size:18px;margin:0}#count,.hint{color:#999;font-size:12px}input,textarea,select{width:100%;background:#202020;color:#eee;border:1px solid #4a4a4a;border-radius:6px;padding:10px;min-width:0}textarea{min-height:80px;resize:vertical}input:focus,textarea:focus,button:focus-visible{outline:2px solid #8dbbff;outline-offset:2px}#projects{margin-top:12px}.project{display:block;width:100%;text-align:left;border:0;background:transparent;padding:13px 10px}.project.active{background:#353535}.project small{display:block;color:#999;margin-top:5px}#editor{padding:30px;max-width:1120px;width:100%;margin:auto}.empty{color:#888;padding:20vh 0;text-align:center}.toolbar{display:flex;gap:10px;align-items:center;position:sticky;top:0;background:#151515ee;backdrop-filter:blur(16px);padding:12px 0;z-index:2}.toolbar h1{font-size:23px;margin:0 auto 0 0;max-width:65%;overflow-wrap:anywhere}.section{border-top:1px solid #363636;margin-top:24px;padding-top:24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:block;color:#bbb}.field>span{display:block;margin-bottom:7px}.wide{grid-column:1/-1}.checks{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.checks label{display:flex;gap:8px;align-items:center}.checks input{width:auto}.media-set{margin:22px 0}.media-set h3{font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:space-between}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.media-card{background:#242424;border:1px solid #383838;border-radius:8px;padding:10px;min-width:0}.media-card img,.media-card video{width:100%;height:150px;object-fit:contain;background:repeating-conic-gradient(#333 0 25%,#292929 0 50%) 0/20px 20px;border-radius:4px}.media-card p{font-size:11px;overflow-wrap:anywhere;color:#aaa;min-height:28px}.media-actions{display:flex;gap:5px;flex-wrap:wrap}.media-actions button{font-size:12px;padding:5px 8px}details summary{cursor:pointer;font-size:17px}details .fields{margin-top:20px}.danger{color:#ffaaa3;margin-top:30px}#status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#eee;color:#111;border-radius:8px;box-shadow:0 5px 30px #0009;padding:14px 22px;z-index:10;max-width:90%;display:none}dialog{background:#222;color:#eee;border:1px solid #555;border-radius:12px;width:600px;max-width:90vw}dialog::backdrop{background:#0009}#backup-list{max-height:50vh;overflow:auto;display:grid;gap:8px;margin:20px 0}.notice{color:#aaa;line-height:1.5;margin-top:16px}@media(max-width:800px){#app:not([hidden]){grid-template-columns:1fr}aside{position:static;height:300px;border-right:0;border-bottom:1px solid #444}#editor{padding:16px}.fields{grid-template-columns:1fr}.toolbar h1{font-size:18px}header{padding:16px}nav a{display:none}}
