.portfolio-profile{overflow:hidden;margin-bottom:31px}
.portfolio-masthead{height:134px;padding:28px 32px;background:repeating-linear-gradient(130deg,#e9eddf 0px,#e9eddf 35px,#e1e7d5 36px,#e1e7d5 37px);display:flex;align-items:center;justify-content:space-between}
.portfolio-masthead>span:first-child{font-size:10px;letter-spacing:2px;color:#788c61}
.profile-spark{color:#a0b184;font-size:80px;line-height:1}
.portfolio-identity{display:flex;align-items:center;gap:17px;padding:0 32px;margin-top:-22px;position:relative}
.portfolio-identity>.avatar{width:82px;height:82px;font-size:30px;border:6px solid white}
.portfolio-identity h1{font-size:24px;font-weight:600;margin:21px 0 7px}
.portfolio-identity>.btn{margin-left:auto;margin-top:33px}
.portfolio-bio{padding:16px 32px 28px;font-size:12px;color:#75836a;white-space:pre-wrap;overflow-wrap:anywhere;max-width:850px}
.portfolio-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}
.portfolio-heading h2{font-size:23px;font-weight:600}
.portfolio-heading h2 span{font:12px "DM Sans",sans-serif;background:#e7eddf;color:#6f825a;padding:3px 8px;border-radius:4px;vertical-align:middle;margin-left:8px}
.portfolio-heading p{font-size:12px;color:#8b9680;margin-top:7px}
.portfolio-heading>.btn{flex-shrink:0}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.work-card{overflow:hidden;transition:box-shadow .2s,border-color .2s}
.work-card:hover{border-color:#b8c7a8;box-shadow:0 5px 20px #244d3d09}
.work-cover{display:block;position:relative;width:100%;aspect-ratio:4/3;padding:0;overflow:hidden;background:#edf0e5}
.work-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.work-cover:hover img{transform:scale(1.025)}
.work-image-count{position:absolute;bottom:12px;left:12px;font-size:9px;color:white;background:#233c2eaa;backdrop-filter:blur(5px);border-radius:3px;padding:3px 8px}
.work-open{position:absolute;top:12px;right:12px;background:#fffffff0;border-radius:50%;display:grid;place-items:center;width:29px;height:29px;color:var(--green);font-size:17px}
.work-info{padding:20px}
.work-title{display:block;font-size:16px;font-weight:550;text-align:left;padding:0;margin:11px 0 7px;overflow-wrap:anywhere}
.work-info>p{font-size:11px;color:#849176;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px;white-space:pre-wrap;overflow-wrap:anywhere}
.work-footer{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:13px;margin-top:18px;font-size:10px}
.work-footer>span{margin-right:auto;color:#9ba58e}
.work-footer button{font-size:10px;color:#5d7850;padding:3px 0}
.work-footer button.work-delete{color:#9c8877}
.portfolio-empty{padding:45px 25px 35px;border:1px dashed #d7dfcc;border-radius:8px;background:#fcfdf8;text-align:center}
.portfolio-empty-art{display:flex;align-items:center;justify-content:center;gap:20px;width:200px;min-height:105px;margin:0 auto 28px;border-radius:8px;background:#e9eddf;transform:rotate(-5deg);border:6px solid white;box-shadow:0 5px 17px #244d3d0b}
.portfolio-empty-art>span{font-size:48px;color:#849c65}
.portfolio-empty-art>div{font-size:10px;color:#6f805e;line-height:1.8;text-align:left;letter-spacing:1px}
.portfolio-empty h3{font-size:19px;font-weight:550;color:#44623a;margin-bottom:10px}
.portfolio-empty p{font-size:12px;color:#8b9780}
.portfolio-empty .btn{margin-top:21px}
.portfolio-empty small{display:block;font-size:10px;color:#9ca78f;margin-top:22px}
.portfolio-storage-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#8b987d;margin:22px 0}
.portfolio-storage-note svg{width:14px;height:14px;flex-shrink:0}
.work-dropzone{position:relative;border:1px dashed #b6c5a3;background:#f6f8ef;border-radius:6px;text-align:center;padding:22px 16px;display:flex;flex-direction:column;align-items:center;gap:6px}
.work-dropzone.dragging,.work-dropzone:focus-within{background:#e7efdc;border-color:var(--green);outline:2px solid #a6bd8f}
.work-dropzone .upload-symbol{display:grid;place-items:center;border:1px solid #d8e2cd;border-radius:50%;width:34px;height:34px;background:white;color:#718b59;font-size:24px;line-height:1;margin-bottom:3px}
.work-dropzone strong{font-size:12px;color:#557347;font-weight:500}
.work-dropzone>span:not(.upload-symbol){font-size:10px;color:#889779}
.modal .work-dropzone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;padding:0;cursor:pointer}
.work-file-hint{font-size:10px;color:#8d9a7e;margin:9px 0 13px}
.work-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.work-preview{position:relative;aspect-ratio:4/3;border-radius:5px;overflow:hidden;background:#f0f3e9}
.work-preview img{width:100%;height:100%;object-fit:cover;display:block}
.preview-remove{position:absolute;right:6px;top:6px;display:grid;place-items:center;background:#fffef7;color:#6c795d;border-radius:50%;width:23px;height:23px;padding:0;box-shadow:0 2px 6px #0001;font-size:18px}
.preview-cover{position:absolute;left:6px;bottom:6px;font-size:9px;padding:3px 7px;border-radius:3px;background:#fffffff0;color:#516b42}
.preview-cover.selected{background:var(--green);color:white}
.work-gallery{display:grid;gap:13px}
.work-gallery img{display:block;max-width:100%;width:100%;max-height:650px;object-fit:contain;background:#f6f7f0;border-radius:5px}
.work-detail-text{font-size:12px;color:#728366;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;margin:23px 0}
.work-detail-footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line);margin-top:23px;font-size:10px;color:#8d9a7d}
.btn.danger{background:#8b5548;border-color:#8b5548}
@media(max-width:1150px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:760px){.portfolio-masthead{height:100px;padding:20px}.portfolio-masthead>span:first-child{font-size:8px;letter-spacing:1px;max-width:180px}.profile-spark{font-size:55px}.portfolio-identity{padding:0 18px;gap:10px}.portfolio-identity>.avatar{width:65px;height:65px;font-size:23px;border-width:4px}.portfolio-identity h1{font-size:18px}.portfolio-identity>.btn{font-size:9px;padding:5px 8px;min-height:30px}.portfolio-identity .tag{font-size:8px}.portfolio-bio{padding:17px 20px 23px;font-size:11px}.portfolio-heading h2{font-size:20px}.portfolio-heading p{font-size:10px;max-width:200px;line-height:1.8}.portfolio-heading>.btn{font-size:10px;padding:8px 11px;min-height:35px}.portfolio-grid{gap:14px;grid-template-columns:1fr}.portfolio-empty{padding:35px 20px}.portfolio-empty p{font-size:11px}.portfolio-storage-note{font-size:9px;align-items:flex-start;line-height:1.8}.work-previews{gap:7px}.work-dropzone{padding:18px 10px}.work-dropzone>span:not(.upload-symbol){font-size:9px}.work-info{padding:18px}}