header{height:auto;min-height:94px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.title{min-width:180px;margin-left:10px}header>button{white-space:nowrap;font-size:11px}#toast{z-index:10000}dialog{color:#e8ebe8;background:#19221d;border:1px solid #53624d;border-radius:14px;padding:0;box-shadow:0 25px 90px #0008;width:min(1060px,94vw);max-height:90vh}dialog::backdrop{background:#07110de0;backdrop-filter:blur(5px)}dialog h2{margin:5px 0 8px}.library-top{padding:23px 25px 18px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #354137}.library-top p{color:#96a88e;font-size:11px;margin:0}.library-top>button{border:0;background:transparent}.library-layout{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:350px;max-height:62vh;overflow:auto}.folder-nav{padding:18px 13px;border-right:1px solid #354137;background:#162019}.folder-item{width:100%;display:block;text-align:left;margin-bottom:6px;background:transparent;border-color:transparent;overflow-wrap:anywhere}.folder-item.active{background:#35432c;color:#e1edb7;border-color:#6d7d53}.folder-nav>.wide{margin-top:15px}.library-main{padding:20px;min-width:0}.library-toolbar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.library-toolbar input{flex:1;min-width:120px}.library-toolbar button{font-size:11px;padding:9px 11px}dialog input,dialog select{color:#e7ece1;background:#243025;border:1px solid #53624d;border-radius:6px;padding:10px;max-width:100%}.clip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.clip-card{border:1px solid #3d503b;background:#202d23;border-radius:9px;overflow:hidden;min-width:0}.clip-card>svg{width:100%;height:145px;display:block;background:#2d5946}.clip-card-body{padding:14px}.clip-card h3{display:block;font-size:14px;font-weight:700;color:#e8eddc;margin:0 0 6px;overflow-wrap:anywhere}.clip-card p{color:#a7b69c;font-size:11px;margin:0 0 5px}.clip-card small{display:block;color:#82967d;font-size:10px}.clip-card select{display:block;width:100%;margin-top:12px;font-size:11px;padding:7px}.clip-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.clip-card-actions button{font-size:10px;padding:7px 9px}.clip-trash{background:transparent;color:#aeb9a6}.library-empty{grid-column:1/-1;text-align:center;padding:48px 12px;color:#9eb18f}.library-empty>div{font-size:42px;color:#c2d596}.library-empty h3{display:block;font-size:17px;color:#e0e9d4;margin:14px 0}.library-empty p{font-size:12px;line-height:1.6}.library-empty button{margin-top:8px}.library-footer{padding:15px 22px;border-top:1px solid #354137;display:flex;align-items:center;gap:10px;font-size:10px;color:#91a288}.library-footer span{flex:1}.library-footer button{font-size:11px}.small-dialog{width:min(480px,92vw);padding:26px}.small-dialog p{font-size:12px;line-height:1.6;color:#a8b79c}.small-dialog label{display:block;margin:20px 0 0;color:#c1cfb5;font-size:12px}.small-dialog label>input,.small-dialog label>select{display:block;width:100%;margin-top:7px}.small-dialog .storage-note{font-size:10px;color:#879a7d}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:23px}.dialog-actions button{font-size:11px}body:has(dialog[open]){overflow:hidden}@media(max-width:720px){.library-layout{grid-template-columns:145px minmax(0,1fr)}.library-main{padding:12px}.clip-grid{grid-template-columns:1fr}.library-toolbar button{flex:1}.library-footer{flex-wrap:wrap}.library-footer span{flex-basis:100%}.folder-item{font-size:11px;padding:10px 7px}}@media(max-width:450px){.library-layout{display:block;max-height:65vh}.folder-nav{border-right:0;border-bottom:1px solid #354137;padding:10px}.folder-nav #folderList{display:flex;gap:6px;overflow-x:auto}.folder-item{width:auto;white-space:nowrap;margin:0}.folder-nav>.wide{width:auto;margin:7px 4px 0}.library-top{padding:18px}.clip-card>svg{height:130px}.brand{min-width:160px}.title{margin-left:0}}