.creation-history-page {box-sizing:border-box;width:100%;max-width:1120px;margin:0 auto;padding:20px 20px 40px;color:#e8e6ed;}
.creation-history-tabs {width:min(100%,420px);margin:0 auto 24px;}
.creation-history-tabs[data-selected="free"]>.mode-pill-indicator {transform:translateX(100%);}
.creation-history-tabs button {z-index:1;min-height:44px;flex:1;font-size:14px;font-weight:600;}
.creation-history-tabs button[aria-selected="true"] {color:#15282c;}
.creation-history-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.creation-history-card {min-width:0;background:#17191e;border:1px solid #ffffff16;border-radius:16px;padding:16px;}
.creation-history-card>header {display:flex;align-items:flex-start;gap:14px;justify-content:space-between;margin-bottom:12px;}
.creation-history-card strong {font-size:15px;font-weight:600;line-height:1.55;overflow-wrap:anywhere;}
.creation-history-card small {display:block;font-size:12px;line-height:1.6;color:#999da9;margin-top:4px;}
.creation-history-state {flex-shrink:0;padding:4px 9px;font-size:12px;border-radius:999px;background:#b7acc112;color:#b8b3c1;}
[data-creation-state="succeeded"] .creation-history-state {color:#d1bc7e;background:#d6b75c18;}
.creation-history-card>p,.creation-history-feedback,.creation-history-empty {font-size:13px;line-height:1.7;color:#aaa5b2;}
.creation-history-card footer {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;}
.creation-history-card time {font-size:11px;line-height:1.5;color:#8d8995;}
.creation-history-card .quiet-button {min-height:40px;font-size:12px;padding:8px 12px;}
.creation-history-media {display:grid;gap:10px;}
.creation-history-media :is(img,video) {display:block;width:100%;max-height:420px;object-fit:contain;border-radius:10px;background:#0a0b0e;}
.creation-history-more {display:block;margin:22px auto 0;min-height:44px;}
.creation-history-end {text-align:center;font-size:12px;color:#89838f;margin:22px 0 0;}
.creation-history-empty {text-align:center;padding:46px 10px;}
.studio-history-entry {font-size:12px!important;white-space:nowrap;min-width:72px;min-height:44px;padding-inline:5px!important;}
@media(max-width:600px){.creation-history-page{padding:16px 12px 28px}.creation-history-grid{grid-template-columns:1fr;gap:12px}.creation-history-card{padding:14px}.creation-history-tabs{margin-bottom:18px}.creation-history-media :is(img,video){max-height:360px}}

.studio-history-desktop{display:none;}
@media(min-width:1024px){.studio-landing .studio-landing-heading{position:relative;padding-inline:112px}.studio-landing .studio-history-desktop{display:block;position:absolute;right:0;top:0;min-height:44px;min-width:88px;padding:8px 12px;background:#ffffff08;border:1px solid #ffffff18;border-radius:12px;color:#c8c5cf;font-size:12px}}
.creation-history-sharing{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff12}
.creation-history-sharing>p{display:flex;flex-direction:column;gap:4px;flex-basis:100%;margin:0;color:#b9b2c4;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.creation-history-sharing>p strong{font-size:13px;color:#e3d4ae}
.public-submission-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 24px));max-height:min(90dvh,820px);padding:24px;border:1px solid #c7ac7138;border-radius:20px;background:#17181e;color:#eee7ed;overscroll-behavior:contain;overflow:auto}
.public-submission-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}
.public-submission-dialog .public-submission-form{gap:12px}
.public-submission-dialog .public-submission-form>p{margin:0;font-size:13px;line-height:1.7;color:#bdb7c5}
.public-submission-dialog :is(input:not([type=checkbox]),textarea,select){box-sizing:border-box;width:100%;min-height:42px;padding:10px 12px;border:1px solid #ffffff20;border-radius:10px;background:#22232a;color:#f1edf5;font:inherit}
.public-submission-dialog .studio-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.public-submission-dialog .studio-actions button{min-height:44px;padding:10px 16px;font-size:13px}
.public-submission-dialog [data-creation-share-notice]{color:#e4c7aa!important}
.public-submission-form[data-creation-share-form] :is(input:not([type=checkbox]),select){box-sizing:border-box;width:100%;min-height:42px;padding:10px 12px;border:1px solid #ffffff20;border-radius:10px;background:#22232a;color:#f1edf5;font:inherit}
.public-submission-form[data-creation-share-form]>p{margin:0;font-size:13px;line-height:1.7}
.public-submission-form[data-creation-share-form]>:is(.creation-history-image,.creation-history-video){display:block;width:100%;min-width:0;max-width:100%;height:180px;object-fit:contain;background:#08090c;border-radius:10px}
@media(max-width:600px){.public-submission-dialog{padding:18px;border-radius:16px;max-height:88dvh}.public-submission-dialog .studio-actions>button{flex:1}}
/* Primary reward action stays distinct from ordinary history controls. */
.creation-history-sharing button.creation-share-earn {
 position:relative;isolation:isolate;border-color:#ffe6a4;background:linear-gradient(110deg,#ffedb5,#f4c65b 60%,#ffe49a);color:#392508;font-weight:650;box-shadow:0 0 0 1px #ffdc8260,0 0 16px #ffc95545;animation:creation-share-glow 2.8s ease-in-out infinite;
}
.creation-history-sharing button.creation-share-earn:focus-visible {outline:2px solid #fff2cf;outline-offset:3px;}
.creation-history-sharing button.creation-share-earn:disabled {animation:none;box-shadow:none;}
@keyframes creation-share-glow {0%,100%{box-shadow:0 0 0 1px #ffdc8260,0 0 12px #ffc95535}50%{box-shadow:0 0 0 1px #fff0ba99,0 0 22px #ffc95570}}
@media(prefers-reduced-motion:reduce){.creation-history-sharing button.creation-share-earn {animation:none;}}