/* UI-005 · creator pages. Natural flow inside existing routePanel. */
.creator-page {color:#f4f3ef;min-width:0;width:100%;}
.creator-page button,.creator-page input,.creator-page textarea,.creator-page select {max-width:100%;}
.creator-page .primary-button,.creator-page .quiet-button {min-height:44px;line-height:1.5;}
.creator-heading {position:relative;isolation:isolate;overflow:hidden;margin:6px 0 23px;padding:8px 0 13px;min-height:139px;}
.creator-heading>div {position:relative;z-index:1;max-width:85%;}
.creator-heading small,.creator-eyebrow {font-size:8px;line-height:1.8;letter-spacing:.13em;color:#9ba9ae;}
.creator-heading h1 {font-size:27px;font-weight:600;line-height:1.35;letter-spacing:-.05em;margin:12px 0;}
.creator-heading p {font-size:11px;line-height:1.8;color:#a3b3b8;max-width:23em;margin:7px 0;}
.creator-heading>img {position:absolute;right:-40px;bottom:-30px;width:170px;height:auto;opacity:.43;z-index:-1;}
.creator-actions {display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:17px 0 22px;}
.creator-actions>.primary-button,.creator-actions>.quiet-button {flex:1;min-width:0;}
.creator-level {display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #d3d9c11a;border-radius:16px;background:#1a2421;margin:18px 0;}
.creator-level>div {min-width:0;}
.creator-level-badge {display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;border-radius:14px;background:#294035;color:#c6d4bc;}
.creator-level-badge>img {display:block;width:100%;height:100%;object-fit:contain;border-radius:14px;}
.creator-level-badge>.icon {width:25px;height:25px;}
.creator-level small {font-size:9px;line-height:1.7;color:#94ada2;}
.creator-level h2 {font-size:17px;font-weight:550;line-height:1.5;margin:4px 0;color:#dae2d0;}
.creator-level p {font-size:10px;line-height:1.8;color:#a9bdb1;margin:3px 0;}
.creator-stats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:17px 0;}
.creator-stats>article,.creator-stats>div {border:1px solid #ffffff12;border-radius:13px;padding:17px 14px;min-width:0;background:#ffffff02;}
.creator-stats small {display:block;font-size:10px;line-height:1.6;color:#9caeb8;}
.creator-stats strong {display:block;font-size:27px;font-weight:550;line-height:1.5;letter-spacing:-.04em;color:#e9e7dc;margin-top:7px;overflow-wrap:anywhere;}
.creator-stats strong span {font-size:10px;font-weight:400;color:#98aeb5;letter-spacing:0;margin-left:3px;}
.creator-income-card {position:relative;padding:22px;border:1px solid #f0698c25;border-radius:17px;background:#241f24;margin:20px 0;}
.creator-income-card>small {font-size:10px;line-height:1.7;color:#c0a8b4;}
.creator-money {display:block;font-size:39px;font-weight:550;line-height:1.4;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:#f3e5e8;margin:7px 0;overflow-wrap:anywhere;}
.creator-income-card p {font-size:10px;line-height:1.9;color:#ad9fa9;margin:9px 0 15px;}
.creator-income-card .quiet-button {font-size:11px;color:#edbfce;border-color:#edbfce2b;background:#ffffff02;}
.creator-tabs {display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 0 12px;margin:17px 0 3px;}
.creator-tabs>button {flex:0 0 auto;min-height:44px;padding:9px 13px;border-radius:22px;color:#a9b4bc;font-size:12px;border:1px solid transparent;white-space:nowrap;}
.creator-tabs>button:is(.selected,.active,[aria-pressed=true],[aria-selected=true]) {color:#fac4d3;border-color:#f0698c55;background:#f0698c0a;}
.creator-work-card {display:flex;align-items:flex-start;gap:14px;min-width:0;padding:18px 0;border-bottom:1px solid #ffffff13;}
.creator-work-cover {display:block;width:76px;height:101px;object-fit:cover;border-radius:10px;flex:0 0 76px;background:#293332;}
.creator-work-info {flex:1;min-width:0;}
.creator-work-info h2,.creator-work-info h3 {font-size:14px;font-weight:550;line-height:1.6;margin:7px 0;overflow-wrap:anywhere;}
.creator-work-info p {font-size:10px;line-height:1.8;color:#9eafb8;margin:5px 0;}
.creator-work-info small {display:block;font-size:9px;line-height:1.8;color:#96a5af;overflow-wrap:anywhere;}
.creator-work-actions {display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 0;}
.creator-work-actions>button {font-size:10px;min-height:44px!important;padding:7px 10px;}
.creator-state {display:inline-flex;align-items:center;padding:3px 7px;border:1px solid #ffffff19;border-radius:5px;font-size:9px;line-height:1.5;color:#a9b8c0;background:#ffffff04;}
.creator-state[data-state=pending],.creator-state[data-state=processing] {color:#cfc3dc;background:#b9afd10a;border-color:#b9afd125;}
.creator-state[data-state=returned],.creator-state[data-state=rejected],.creator-state[data-state=failed] {color:#edb7c8;background:#f0698c0a;border-color:#f0698c2f;}
.creator-state[data-state=published],.creator-state[data-state=approved],.creator-state[data-state=completed],.creator-state[data-state=settled] {color:#c5d6c5;background:#bdcdbb09;border-color:#bdcdbb24;}
.creator-state[data-state=offline] {color:#b0b5b7;background:#ffffff03;}
.creator-form {display:flex;flex-direction:column;gap:18px;min-width:0;margin:20px 0;}
.creator-form label {display:flex;flex-direction:column;gap:10px;min-width:0;font-size:11px;line-height:1.8;color:#bac6ce;}
.creator-form input,.creator-form select,.creator-form textarea {display:block;min-width:0;width:100%;min-height:46px;padding:12px;border:1px solid #ffffff19;border-radius:10px;background:#1b2125;color:#e1e6e6;font-size:12px;line-height:1.7;}
.creator-form textarea {min-height:95px;resize:vertical;}
.creator-form input[type=file] {font-size:10px;overflow:hidden;padding:10px;}
.creator-form input::file-selector-button {padding:8px 10px;margin-right:7px;border:0;border-radius:7px;background:#34453f;color:#cddbd0;font:inherit;}
.creator-form input[type=checkbox] {width:17px;height:17px;min-height:0;accent-color:#f0698c;}
.creator-form label:has(>input[type=checkbox]) {flex-direction:row;align-items:center;min-height:44px;}
.creator-form input::placeholder,.creator-form textarea::placeholder {color:#7f949f;}
.creator-upload {padding:23px 15px;text-align:center;border:1px dashed #aabeb641;border-radius:15px;background:#b7c8be04;}
.creator-upload-icon {display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#c6d2c509;color:#bdccc2;margin:0 auto 12px;}
.creator-upload>strong {font-size:14px;font-weight:550;line-height:1.8;}
.creator-upload>p {font-size:10px;line-height:1.8;color:#91a7ae;}
.creator-upload>input {margin-top:16px;}
.creator-price-card {border:1px solid #ffffff17;border-radius:15px;background:#ffffff02;padding:18px 15px;min-width:0;}
.creator-price-card>h2 {font-size:16px;font-weight:550;line-height:1.6;margin:0 0 14px;}
.creator-price-modes {display:flex;gap:6px;margin:12px 0 17px;}
.creator-price-modes>button {flex:1;min-width:0;min-height:44px;border:1px solid #ffffff14;border-radius:10px;font-size:10px;padding:8px 4px;color:#b5c2c9;}
.creator-price-modes>button:is(.selected,[aria-pressed=true]) {color:#f4bed0;background:#f0698c08;border-color:#f0698c55;}
.creator-episode {display:flex;align-items:center;gap:10px;min-width:0;padding:16px 0;border-top:1px solid #ffffff0f;}
.creator-episode-index {font-size:19px;line-height:1.4;color:#819a9d;letter-spacing:-.04em;flex:0 0 23px;}
.creator-episode>div {flex:1;min-width:0;}
.creator-episode strong {display:block;font-size:12px;line-height:1.6;font-weight:500;overflow-wrap:anywhere;}
.creator-episode small {display:block;font-size:9px;line-height:1.8;color:#90a6ae;margin-top:4px;}
.creator-episode>label {width:69px;flex:0 0 69px;font-size:9px;}
.creator-episode input {font-size:12px;padding:9px;min-height:42px;}
.creator-note,.creator-page .creator-note {font-size:10px;line-height:1.9;color:#91a6ae;margin:12px 0;overflow-wrap:anywhere;}
.creator-qualification {padding:22px 18px;border:1px solid #ffffff17;border-radius:16px;background:#ffffff03;margin:20px 0;}
.creator-qualification h2 {font-size:18px;font-weight:550;line-height:1.6;margin:0 0 12px;}
.creator-qualification p {font-size:11px;line-height:1.9;color:#9aadb7;margin:9px 0;}
.creator-qualification[data-state=approved] {background:#b9cdb907;border-color:#b9cdb92b;}
.creator-qualification[data-state=rejected] {border-color:#e0adc12e;}
.creator-balance-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:19px 0 25px;}
.creator-balance-grid>article,.creator-balance-grid>div {padding:14px 10px;border:1px solid #ffffff16;border-radius:12px;background:#ffffff02;min-width:0;}
.creator-balance-grid small {display:block;font-size:9px;color:#9baeb7;line-height:1.8;}
.creator-balance-grid strong {display:block;font-size:20px;line-height:1.5;font-weight:550;letter-spacing:-.035em;margin-top:8px;color:#e9e5df;overflow-wrap:anywhere;}
.creator-ledger-row,.creator-withdraw-row {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid #ffffff13;min-width:0;}
.creator-ledger-row>div,.creator-withdraw-row>div {flex:1;min-width:0;}
.creator-ledger-row strong,.creator-withdraw-row strong {display:block;font-size:12px;line-height:1.7;font-weight:550;margin:7px 0;overflow-wrap:anywhere;}
.creator-ledger-row small,.creator-withdraw-row small {display:block;font-size:9px;line-height:1.8;color:#91a7b2;overflow-wrap:anywhere;}
.creator-ledger-amount {font-size:15px;line-height:1.6;color:#bdd3bf;font-variant-numeric:tabular-nums;white-space:nowrap;}
.creator-withdraw-card {padding:20px 17px;border:1px solid #ffffff17;border-radius:15px;background:#1b2024;margin:22px 0;}
.creator-withdraw-card>h2 {font-size:17px;line-height:1.6;margin:0 0 15px;}
.creator-empty {padding:27px 12px;text-align:center;}
.creator-empty>img {display:block;width:150px;height:auto;margin:0 auto 18px;}
.creator-empty>h2 {font-size:17px;font-weight:550;line-height:1.6;color:#dbe3db;margin:12px 0;}
.creator-empty>p {font-size:11px;line-height:1.9;color:#96acb5;margin:10px 0 18px;}
.creator-status {padding:15px;border:1px solid #ffffff18;border-radius:12px;font-size:11px;line-height:1.9;color:#aabcc6;overflow-wrap:anywhere;margin:17px 0;background:#ffffff03;}
.creator-status[data-state=error],.creator-status[data-state=failed] {color:#e3b2c4;border-color:#dc9cb53d;background:#f0698c07;}
.creator-status[data-state=success] {color:#c1d5bf;border-color:#aac9ab33;background:#aac9ab07;}
.creator-admin-card,.creator-review-card {padding:20px;border:1px solid #ffffff18;border-radius:15px;background:#191c1f;margin:20px 0;min-width:0;}
.creator-admin-card h2,.creator-review-card h2 {font-size:16px;line-height:1.6;margin:0 0 15px;}
.creator-review-card .creator-form {margin-bottom:0;}
.creator-rule-row {display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid #ffffff10;min-width:0;}
.creator-rule-row input,.creator-rule-row select {min-width:0;max-width:100%;}
.route-panel:has(.creator-page)>.route-top {background:#101112;}
.route-panel:has(.creator-page)>.route-top:before {content:"";position:absolute;z-index:-1;inset:-24px -22px 0;background:#101112;pointer-events:none;}
@media(max-width:350px){.creator-heading h1{font-size:24px}.creator-heading>img{right:-50px;opacity:.34}.creator-work-card{gap:10px}.creator-work-cover{width:65px;height:87px;flex-basis:65px}.creator-work-info h2{font-size:13px}.creator-balance-grid{gap:6px}.creator-balance-grid>article,.creator-balance-grid>div{padding:12px 8px}.creator-balance-grid strong{font-size:18px}.creator-price-card{padding:16px 11px}.creator-income-card{padding:20px 17px}.creator-money{font-size:35px}}
@media(prefers-reduced-motion:no-preference){.creator-page button:active{transform:scale(.98);transition:transform .16s cubic-bezier(.2,.85,.25,1.12)}}
/* Actual ENG-005 markup integration. */
.creator-page[data-creator-view=creator]>.creator-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.creator-page[data-creator-view=creatorEdit] .creator-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.creator-page[data-creator-view=creatorEdit] .creator-actions>.primary-button:last-child {grid-column:1/-1;}
.creator-episode {flex-wrap:wrap;}
.creator-episode>div {min-width:110px;}
.creator-episode input[type=file] {font-size:9px;padding:8px;}
.creator-episode>button {font-size:10px;min-height:44px;}
.creator-balance-grid strong {font-variant-numeric:tabular-nums;font-size:clamp(15px,4.5vw,20px);}
.creator-withdraw-row {display:block;}
.creator-withdraw-row>p {font-size:10px;line-height:1.8;color:#9bb0b8;margin:8px 0;}
.creator-work-card[data-highlighted=true] {border-left:2px solid #ef8aa6;padding-left:12px;}
/* Existing operational forms, based on creator-admin.mjs. */
.creator-admin-card p,.creator-review-card p {font-size:11px;line-height:1.9;color:#9eafb8;overflow-wrap:anywhere;}
.creator-review-card>small {display:block;font-size:10px;line-height:1.9;color:#94a9b4;overflow-wrap:anywhere;}
.creator-review-card>h3 {font-size:14px;line-height:1.7;overflow-wrap:anywhere;margin:0 0 12px;}
.creator-admin-card input,.creator-admin-card select,.creator-admin-card textarea {max-width:100%;min-width:0;min-height:44px;padding:11px;border:1px solid #ffffff18;border-radius:9px;background:#1d2428;color:#dde6e5;font-size:11px;line-height:1.8;}
.creator-admin-card input[type=checkbox] {width:17px;min-height:0;height:17px;accent-color:#f0698c;}
.creator-rule-row>.field {flex:1 1 132px;min-width:0;margin:5px 0;}
.creator-rule-row .field:has(>input[type=checkbox]) {flex-direction:row;align-items:center;}
.creator-review-card>.primary-button,.creator-review-card>.quiet-button,.creator-review-card>.danger-button {margin:7px 5px 7px 0;min-height:44px;font-size:10px;}
@media(max-width:350px){.creator-admin-card{padding:15px}.creator-review-card{padding:14px}.creator-rule-row>.field{flex-basis:110px}}

/* UI-011 · public reviewed-media viewer, separate from private task/account pages. */
.public-work-page {min-width:0;width:100%;}
.public-work-heading {min-width:0;margin:6px 0 22px;}
.public-work-heading h1 {font-size:27px;font-weight:550;line-height:1.5;letter-spacing:-.035em;margin:16px 0 12px;overflow-wrap:anywhere;}
.public-work-heading p {font-size:11px!important;line-height:1.9!important;color:#abb8bd!important;overflow-wrap:anywhere;}
.public-work-media {display:block;min-width:0;margin:22px 0;}
.public-work-media>:is(img,video) {display:block;width:100%;max-width:100%;height:auto;max-height:min(500px,62dvh);object-fit:contain;background:#101214;border:1px solid #ffffff1c;border-radius:12px;}
.public-work-media figcaption {margin:12px 0 0;font-size:10px;line-height:1.9;color:#9bafb7;overflow-wrap:anywhere;}
.public-work-status {padding:15px;border:1px solid #ffffff1b;border-radius:12px;background:#ffffff03;margin:19px 0;font-size:11px!important;line-height:1.9!important;color:#adbcc2!important;overflow-wrap:anywhere;}
.public-work-status:empty {display:none;}
.public-work-page:is([data-public-state=unavailable],[data-public-state=error]) .public-work-status {border-color:#d99fb636;background:#f0698c05;color:#e4b8c8!important;}
.public-work-actions {display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 10px;min-width:0;}
.public-work-actions>:is(button,a) {min-height:44px;max-width:100%;padding:11px 15px;font-size:12px;line-height:1.8;overflow-wrap:anywhere;}
.public-work-page :is(button,a,video):focus-visible {outline:2px solid #ffb6c9;outline-offset:3px;}
@media(max-width:350px){.public-work-heading h1{font-size:24px}.public-work-actions{display:grid;grid-template-columns:1fr}.public-work-actions>:is(button,a){width:100%}}