.tina-portal{--tp-ink:#203b30;--tp-paper:#f5f2e9;--tp-line:#c6cdc3;max-width:1000px;margin:48px auto;padding:0 24px;color:var(--tp-ink)}.tina-portal *{box-sizing:border-box}.tina-portal-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:28px}.tina-portal-header h1{font:clamp(38px,6vw,64px)/1.05 Georgia,serif;margin:0 0 12px}.tina-portal-header p{max-width:600px;margin:0}.tina-portal-eyebrow{text-transform:uppercase;font:11px Arial,sans-serif;letter-spacing:2px;margin:0 0 12px!important}.tina-portal-logout{white-space:nowrap;font-size:14px}.tina-portal-card{background:#fffdf7;border:1px solid var(--tp-line);padding:clamp(20px,4vw,36px);margin:24px 0;border-radius:12px}.tina-portal-card h2{font:30px Georgia,serif;margin:0 0 10px}.tina-portal-help{font-size:14px;max-width:760px;color:#596258}.tina-portal-form{display:grid;gap:18px;margin-top:22px}.tina-portal-form label{display:grid;gap:7px;font-weight:600}.tina-portal-form input[type=text],.tina-portal-form textarea,.tina-portal-form select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #9aa59b;border-radius:6px;background:white;color:#203b30}.tina-portal-form small{font-weight:400;font-size:12px}.tina-portal-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tina-portal-file input{padding:12px;background:#f5f2e9;border-radius:6px}.tina-portal-form fieldset{border:1px solid var(--tp-line);border-radius:8px;padding:14px}.tina-portal-form legend{font-weight:700;padding:0 5px}.tina-portal-choice{display:inline-flex!important;align-items:center;margin:8px 22px 0 0;font-weight:400!important}.tina-portal-submit{justify-self:start;border:0;border-radius:30px;padding:14px 22px;background:#203b30;color:white;font-weight:700;cursor:pointer}.tina-portal-submit:hover{background:#355944}.tina-portal-notice{padding:14px 18px;margin:18px 0;border-radius:8px}.tina-portal-notice.success{background:#e6f4e9;border:1px solid #7dad87}.tina-portal-notice.error{background:#fff0e9;border:1px solid #d89b7c}.tina-portal-list{list-style:none;padding:0;margin:18px 0 0}.tina-portal-list li{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;border-top:1px solid var(--tp-line);padding:14px 0}.tina-portal-status{font-size:13px;color:#596258}.tina-fairy-upload{margin:0}.tina-fairy-upload a{text-decoration:none;display:block}.tina-fairy-upload .image-wrap{background:#faf8f2;padding:14px}.tina-fairy-upload img{width:100%;height:auto}.tina-fairy-upload figcaption{font-size:13px;margin-top:12px}@media(max-width:600px){.tina-portal{margin:25px auto;padding:0 16px}.tina-portal-header{display:block}.tina-portal-logout{display:inline-block;margin-top:15px}.tina-portal-row{grid-template-columns:1fr}.tina-portal-list li{grid-template-columns:1fr auto}.tina-portal-list li a{grid-column:1/-1}}
.tina-portal-image-preview{display:flex;align-items:center;gap:16px;border:1px dashed var(--tp-line);padding:12px;border-radius:8px}.tina-portal-image-preview[hidden]{display:none}.tina-portal-image-preview img{width:92px;height:92px;object-fit:contain;background:#f5f2e9;border-radius:5px}.tina-portal-image-preview p{font-size:13px;overflow-wrap:anywhere}
.tina-portal-form{grid-template-columns:minmax(180px,220px) minmax(0,1fr);align-items:start}
.tina-portal-upload-pane{grid-column:1;grid-row:1;min-width:0}
.tina-portal-details{grid-column:2;grid-row:1;display:grid;gap:18px;min-width:0}
.tina-portal-image-preview{display:block;width:fit-content;max-width:100%;margin-top:12px;padding:8px;background:#f5f2e9}
.tina-portal-image-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:min(75vh,900px);object-fit:contain;border-radius:0}
.tina-portal-image-preview p{font-size:11px;margin:6px 0 0;line-height:1.35}
.tina-portal-publish,.tina-portal-submit,.tina-portal-site-preview{grid-column:1/-1}
.tina-portal-brand-image{display:block;width:180px;height:300px;aspect-ratio:3/5;object-fit:cover;object-position:center;margin:0 0 20px;background:#f5f2e9}
.tina-portal-file input{width:100%}
.tina-portal-upload-count{font-size:13px;color:#596258}
.tina-portal-file-previews{display:grid;gap:12px}
.tina-portal-file-item{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:start;padding:12px;border:1px solid var(--tp-line);border-radius:8px;background:#fffdf7}
.tina-portal-file-thumb{width:84px;height:110px;object-fit:contain;background:#f5f2e9}
.tina-portal-file-fields{display:grid;gap:10px;min-width:0}
.tina-portal-file-fields label{font-size:12px}
.tina-portal-site-preview{margin:0;padding:24px;background:#eed7e5;border-radius:10px}
.tina-portal-preview-heading{margin-bottom:22px}
.tina-portal-preview-heading h3{font:clamp(28px,4vw,46px)/1.1 Georgia,serif;margin:0 0 8px}
.tina-portal-preview-heading p{margin:0;max-width:700px}
.tina-portal-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;align-items:start}
.tina-portal-preview-work{margin:0;min-width:0}
.tina-portal-preview-work .image-wrap{padding:10px;background:#f5f2e9}
.tina-portal-preview-work img{width:100%;height:auto;max-height:360px;aspect-ratio:auto;object-fit:contain}
.tina-portal-preview-work figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:13px}
.tina-portal-preview-work small{font-size:9px;text-transform:uppercase;letter-spacing:1px}
.tina-portal-preview-empty{grid-column:1/-1;font-size:14px}
.tina-portal-existing-gallery[hidden],.tina-portal-create-gallery[hidden]{display:none}
@media(max-width:760px){.tina-portal-form{grid-template-columns:minmax(0,1fr)}.tina-portal-upload-pane,.tina-portal-details,.tina-portal-publish,.tina-portal-submit,.tina-portal-site-preview{grid-column:1}.tina-portal-upload-pane,.tina-portal-details{grid-row:auto}.tina-portal-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.tina-portal-preview-grid{grid-template-columns:minmax(0,1fr)}.tina-portal-site-preview{padding:16px}.tina-portal-file-item{grid-template-columns:64px minmax(0,1fr)}.tina-portal-file-thumb{width:64px;height:84px}}
.tina-portal-preview-filters{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 28px}
.tina-portal-preview-filters span{border:1px solid #203b30;border-radius:40px;padding:8px 20px;font-size:12px}
.tina-portal-preview-grid{gap:40px 30px}
.tina-portal-preview-work:nth-child(3n+2){margin-top:70px}
.tina-portal-preview-work:nth-child(3n){margin-top:25px}
.tina-portal-preview-work .image-wrap{padding:12px;transition:transform .25s}
.tina-portal-preview-work:nth-child(2n) .image-wrap{transform:rotate(2deg)}
.tina-portal-preview-work:nth-child(3n) .image-wrap{transform:rotate(-2deg)}
.tina-portal-preview-work img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.tina-portal-preview-work figcaption{margin-top:16px}
@media(max-width:800px){.tina-portal-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tina-portal-preview-work:nth-child(n){margin-top:0}.tina-portal-preview-work:nth-child(even){margin-top:45px}}
@media(max-width:600px){.tina-portal-preview-grid{gap:30px 18px}.tina-portal-preview-work:nth-child(n){margin-top:0}.tina-portal-preview-work:nth-child(even){margin-top:45px}.tina-portal-preview-work .image-wrap{padding:7px}.tina-portal-preview-work figcaption{flex-direction:column;gap:2px}}
.tina-portal .tina-portal-password-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.tina-portal-password-form input[type=password]{width:100%;min-height:46px;padding:10px 12px;border:1px solid #9aa59b;border-radius:6px;background:white;color:#203b30}
.tina-portal .tina-portal-password-form .tina-portal-submit{grid-column:1/-1}
@media(max-width:760px){.tina-portal .tina-portal-password-form{grid-template-columns:minmax(0,1fr)}}
.tina-portal-gallery-add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}
.tina-portal-gallery-add label{display:grid;gap:7px;font-weight:600}
.tina-portal-gallery-add input[type=text],.tina-portal-gallery-add textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #9aa59b;border-radius:6px;background:white;color:#203b30}
.tina-portal-gallery-add button{grid-column:1/-1}
.tina-portal-gallery-list li form{margin:0}
.tina-portal-gallery-toggle{border:1px solid #203b30;border-radius:24px;padding:9px 16px;background:transparent;color:#203b30;font-weight:700;cursor:pointer}
.tina-portal-gallery-toggle:hover{background:#203b30;color:#fff}
@media(max-width:600px){.tina-portal-gallery-add{grid-template-columns:minmax(0,1fr)}}
.tina-portal-account-settings,.tina-portal-profile-settings{margin:24px 0;border:1px solid var(--tp-line);border-radius:12px;background:#fffdf7}
.tina-portal-account-settings>summary,.tina-portal-profile-settings>summary{cursor:pointer;list-style:none;padding:18px 22px;font:24px Georgia,serif;color:var(--tp-ink)}
.tina-portal-account-settings>summary::-webkit-details-marker,.tina-portal-profile-settings>summary::-webkit-details-marker{display:none}
.tina-portal-account-settings>summary::after,.tina-portal-profile-settings>summary::after{content:"+";float:right;font:24px/1 Arial,sans-serif}
.tina-portal-account-settings[open]>summary::after,.tina-portal-profile-settings[open]>summary::after{content:"−"}
.tina-portal-account-settings .tina-portal-password-card,.tina-portal-profile-settings .tina-portal-bio-card{border-top:1px solid var(--tp-line);padding:22px}
.tina-portal-password-card h2{font:30px Georgia,serif;margin:0 0 10px}
.tina-portal-bio-card h2{font:30px Georgia,serif;margin:0 0 10px}
.tina-portal .tina-portal-bio-form{grid-template-columns:minmax(0,1fr);gap:14px}