.library-main{padding:55px 0 80px}.library-main h1{font-family:var(--serif);font-size:34px;font-weight:400;margin-top:12px}.library-tabs{display:flex;gap:10px;margin-top:34px;border-bottom:1px solid var(--line);padding-bottom:17px}.library-tabs button{background:none;color:#b8aa91;border:1px solid #665333;border-radius:4px;min-height:42px;padding:8px 20px;font-size:13px}.library-tabs .active{background:#dcbc7f;color:#241c0e}.library-filters{display:flex;align-items:center;gap:14px;margin:24px 0;font-size:12px;color:#b9aa8c}.library-filters select{background:#1b1913;border:1px solid #5a482c;color:#d7c19a;border-radius:4px;padding:9px 12px;min-width:150px}#libraryStatus{font-size:12px;line-height:1.9;color:#c9b48d;margin-bottom:25px}#libraryStatus a{color:#e5c483;text-decoration:underline}.my-material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.material-card{border:1px solid #524229;border-radius:5px;overflow:hidden;background:#1b1913}.material-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.material-card .material-content{padding:16px}.material-card h2{font-family:var(--serif);font-size:18px;font-weight:400}.material-card p{font-size:10px;color:#9e9076;margin:10px 0}.material-actions{display:flex;gap:15px;justify-content:space-between;font-size:11px;margin-top:15px;align-items:center}.material-actions a{color:#e1bf80}.material-actions button{background:none;color:#a89879;font-size:10px;border:0;padding:7px 0}.library-empty{grid-column:1/-1;border:1px dashed #695333;text-align:center;padding:70px 20px;color:#bca885;font-size:13px;line-height:2}.library-empty a{color:#e9c785;display:block;margin-top:15px}@media(max-width:1000px){.my-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){body{padding-bottom:0}.library-main{padding-top:30px}.library-main .section-heading{flex-wrap:wrap;align-items:flex-start;gap:25px}.library-main h1{font-size:27px}.my-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.material-card .material-content{padding:11px}.material-card h2{font-size:16px}.material-actions{font-size:10px;gap:8px;flex-wrap:wrap}.site-header{gap:12px}.site-header .text-link{font-size:10px}.site-header .site-brand{font-size:16px}.site-brand span{display:none}}
.portfolio-owner-actions{display:flex;gap:20px;align-items:center;margin-top:25px}.portfolio-owner-actions button{min-height:38px;font-size:11px;padding:8px 15px}.preview-sample{border:0;padding:0;display:block;width:100%;background:none;cursor:zoom-in}.material-content label{display:block;font-size:10px;color:#b5a078;margin:12px 0 7px}.material-content input,.material-content select{width:100%;border:1px solid #685334;background:#12110e;color:#dfccaa;border-radius:4px;padding:9px;font-size:11px}.material-actions .confirm-publish{background:#ddbb7c;color:#251b0c;border-radius:4px;padding:9px 11px;font-size:11px;min-height:38px}.sample-preview{width:min(950px,calc(100% - 24px));height:90dvh;border:1px solid #927344;background:#111;overflow:hidden;padding:30px 15px 15px}.sample-preview::backdrop{background:#000c}.sample-preview img{width:100%;height:100%;object-fit:contain}.sample-preview>button{position:absolute;right:12px;top:0;color:#e3c68a;font-size:30px;background:transparent;border:0;padding:0 10px}.library-tabs{flex-wrap:wrap}.portfolio-generate{padding:10px 0}.library-empty a{font-size:12px}@media(max-width:700px){.library-tabs{gap:8px}.library-tabs button{padding:8px 12px;font-size:11px}.portfolio-owner-actions{gap:12px;flex-wrap:wrap}.my-material-grid .material-actions{align-items:stretch}.material-actions .confirm-publish{font-size:10px;width:100%}}
.source-badge{font-size:9px;display:inline-block;padding:3px 7px;border:1px solid #51442e;border-radius:3px;margin-bottom:10px;color:#c3af86}.source-badge.platform{background:#302717;color:#e5c78f}.load-more-works{display:flex;margin:32px auto 0;min-width:230px}.portfolio-filter-row{flex-wrap:wrap;gap:12px}.portfolio-filter-row select{min-width:150px;max-width:100%}.portfolio-filter-row label:nth-of-type(2){margin-left:16px}.material-card h2{line-height:1.6}.my-material-grid .preview-sample{width:100%}@media(max-width:700px){.portfolio-filter-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}.portfolio-filter-row select{min-width:0;width:100%}.portfolio-filter-row label:nth-of-type(2){margin-left:0}.source-badge{font-size:8px}.material-actions .portfolio-generate{font-size:10px}.my-material-grid .material-card h2{font-size:15px}}