:root{font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#353535;background:#fafafa}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,select{cursor:pointer}button{border:1px solid #dedede;border-radius:6px;background:#fff;padding:8px 12px}button:hover{background:#eee}.primary{background:#303030;color:white;border-color:#303030}.primary:hover{background:#111}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #7295ec;outline-offset:3px}[hidden]{display:none!important}header{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e6e6;padding:0 32px;background:#f7f7f7}.brand{text-decoration:none;font-weight:550;color:inherit}header>span{color:#999;font-size:11px}main{max-width:1270px;margin:64px auto;padding:0 40px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}h1{font-size:26px;font-weight:500;letter-spacing:-.7px;margin:0}.tools{display:flex;align-items:center;gap:12px;margin-bottom:28px}.search{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #e1e1e1;border-radius:6px;background:#fff;width:260px}.search svg{width:16px;height:16px;fill:none;stroke:#999;stroke-width:1.5}.search input{background:none;border:0;outline:none;min-width:0;width:100%}.search:focus-within{outline:2px solid #7295ec;outline-offset:2px}#sort{margin-left:auto;border:0;background:transparent;padding:8px;color:#777}#import-project{background:transparent;border:0;color:#777}#projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{position:relative;border:1px solid #e0e0e0;background:#fff;border-radius:9px;min-width:0;transition:border-color .15s,box-shadow .15s}.project-card:hover{border-color:#bfc6d7;box-shadow:0 3px 15px #00000005}.project-link{display:block;text-decoration:none;color:inherit;border-radius:9px}.preview{height:220px;background:#f2f2f2;border-radius:8px 8px 0 0;overflow:hidden;display:grid;place-items:center}.preview svg{display:block;width:100%;height:100%}.blank-preview{color:#bbb;font-size:11px;background-image:radial-gradient(#d6d6d6 .6px,transparent .6px);background-size:16px 16px;width:100%;height:100%;display:grid;place-items:center}.project-info{padding:14px 44px 15px 15px;border-top:1px solid #ececec}.project-info h2{font-size:13px;font-weight:500;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-info time{font-size:11px;color:#999}.card-menu-button{position:absolute;bottom:26px;right:9px;background:transparent;border:0;padding:5px;width:27px;height:27px;display:grid;place-items:center}.card-menu-button svg{width:17px;height:17px}.card-menu{position:absolute;right:8px;top:calc(100% - 22px);z-index:4;min-width:140px;padding:5px;background:white;border:1px solid #ddd;border-radius:7px;box-shadow:0 6px 22px #0001}.card-menu button{display:block;width:100%;text-align:left;border:0}.danger{color:#b34136}#empty{text-align:center;margin:110px auto;color:#999}.empty-icon{font-size:30px;color:#bbb}#empty h2{color:#555;font-size:18px;font-weight:450;margin:16px 0 6px}#empty p{margin:0 0 22px}#no-results{margin-top:80px;color:#999;text-align:center}#error{padding:12px;border:1px solid #e6c2bd;border-radius:6px;color:#a44135}dialog{border:1px solid #ddd;border-radius:10px;padding:24px;width:min(390px,calc(100vw - 32px));color:inherit;box-shadow:0 15px 55px #0002}dialog::backdrop{background:#0002}dialog h2{font-size:17px;font-weight:500;margin:0 0 20px}dialog label{font-size:12px;color:#888}dialog input{display:block;width:100%;padding:8px;border:1px solid #ddd;border-radius:5px;margin-top:5px}dialog p{font-size:12px;color:#888}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#333;color:white;padding:9px 12px;border-radius:7px;display:flex;gap:20px;align-items:center;font-size:12px}#toast button{background:transparent;color:#fff;border-color:#777;padding:4px 10px}@media(min-width:1600px){main{max-width:1480px}#projects{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){#projects{grid-template-columns:repeat(2,minmax(0,1fr))}main{margin-top:40px;padding:0 24px}.preview{height:190px}}@media(max-width:540px){header{padding:0 20px}header>span{font-size:10px}main{padding:0 20px}#projects{grid-template-columns:1fr}.tools{flex-wrap:wrap;gap:5px}.search{width:100%;margin-bottom:8px}.preview{height:230px}h1{font-size:23px}}

.page-actions{display:flex;align-items:center;gap:10px}.storage-note{margin:3px 0 0;font-size:12px;color:#888}@media(max-width:640px){.page-heading{align-items:flex-start;gap:18px;flex-direction:column}.page-actions{flex-wrap:wrap}}