.story-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(2,9,11,.88);backdrop-filter:blur(18px);overflow-y:auto;overscroll-behavior:contain;color:#f5eede;direction:rtl}
.story-overlay.hidden{display:none!important}.story-dialog{width:min(960px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid #b3935366;border-radius:24px;background:#101b1c;box-shadow:0 24px 100px #0008;padding:22px}.story-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.story-header small{font:10px Georgia,serif;letter-spacing:3px;color:#d5b77c}.story-header h2{font-size:21px;margin:8px 0 0}.story-close{width:44px;height:44px;flex:0 0 44px;border:1px solid #b3935366;border-radius:50%;background:#ffffff08;color:#fff;font-size:28px;cursor:pointer}.story-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,.8fr);gap:30px;align-items:center}.story-preview{display:grid;place-items:center;aspect-ratio:9/16;background:#071011;overflow:hidden;border-radius:12px;box-shadow:0 14px 40px #0008;min-width:0}.story-preview img{display:block;width:100%;height:100%;object-fit:contain;user-select:auto;-webkit-touch-callout:default}.story-tools{min-width:0}.story-eyebrow{color:#d5b77c;font-size:11px;letter-spacing:1px}.story-intro h3{font-size:25px;margin:12px 0;overflow-wrap:anywhere}.story-intro p{font-size:14px;line-height:1.8;color:#c9c3b9;overflow-wrap:anywhere}.story-designs{display:flex;gap:8px;border:0;margin:22px 0;padding:0}.story-designs legend{font-size:12px;color:#c7bdab;margin-bottom:10px}.story-designs button{flex:1;min-height:44px;border:1px solid #b3935344;border-radius:10px;background:transparent;color:#d4cbbc;cursor:pointer}.story-designs button[aria-pressed=true]{border-color:#dfbf80;background:#dfbf801c;color:#ffe3a8}.story-actions{display:grid;gap:10px;margin-top:20px}.story-actions button,.story-actions a{display:block;text-align:center;text-decoration:none;min-height:48px;padding:12px;border-radius:12px;border:1px solid #c6a76555;background:#ffffff08;color:#f4e8d1;font:inherit;font-size:14px;cursor:pointer}.story-actions button:first-child{background:#d8b778;color:#111b1c;border-color:#d8b778;font-weight:700}.story-actions a:last-child{font-size:12px;border:none;background:none;min-height:36px;padding:7px}.story-actions a[aria-disabled=true]{opacity:.45;pointer-events:none}.story-actions button:disabled{opacity:.5;cursor:wait}.story-invite{border-top:1px solid #b3935330;padding-top:20px;margin-top:16px}.story-invite label{font-size:12px;color:#ddd0b8}.story-invite>div{display:flex;gap:7px;margin:10px 0}.story-invite input{min-width:0;flex:1;background:#081314;border:1px solid #b3935340;border-radius:9px;padding:10px;color:#d7cba9;font:12px monospace;user-select:text}.story-invite button{background:#b393531a;color:#eddbb6;border:1px solid #b3935360;border-radius:9px;padding:8px 12px;min-height:44px;cursor:pointer}.story-invite small,.story-note{font-size:11px;color:#a9b0aa;line-height:1.9}.story-status{font-size:13px;line-height:1.9;color:#e5c88f;margin:14px 0 0;min-height:0}.story-status:empty{display:none}.story-loading,.story-empty{padding:30px 18px;text-align:center;line-height:1.9;color:#d6c9b1}.story-empty>span{font-size:54px;color:#d7b879}.story-gallery{display:grid;gap:10px}.story-gallery button{display:flex;align-items:center;gap:14px;text-align:start;background:#ffffff05;border:1px solid #d4b77533;color:#eee0c5;border-radius:14px;padding:16px;min-height:76px;cursor:pointer}.story-gallery button>span{font-size:28px;color:#dec080}.story-gallery button>div{flex:1;min-width:0;overflow-wrap:anywhere}.story-gallery strong{display:block;font-size:15px}.story-gallery small{display:block;font-size:11px;color:#aeb6ae;margin-top:5px}.story-history-button{margin-inline-start:auto;white-space:nowrap}.story-history-button,.story-gallery-button{border:1px solid #bc9a554d;background:#bc9a5514;color:#dfc180;border-radius:10px;padding:10px;font-size:12px;cursor:pointer}.story-gallery-button{width:100%;margin:0 0 14px;min-height:44px}.story-result-button{display:block;width:100%;margin:12px 0;min-height:46px;border:1px solid #d1af6b99;border-radius:12px;background:#c6a76518;color:#e7ca8d;font:inherit;cursor:pointer}.story-result-button.hidden{display:none}.story-overlay :is(button,a,input):focus-visible{outline:2px solid #f0cb7f;outline-offset:3px}
@media(max-width:650px){.story-overlay{padding:8px;align-items:start;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.story-dialog{padding:16px;width:100%;max-height:calc(100dvh - 16px);border-radius:20px}.story-workspace{grid-template-columns:1fr;gap:20px}.story-preview{width:min(100%,330px);justify-self:center}.story-header{margin-bottom:16px}.story-header h2{font-size:19px}.story-intro h3{font-size:21px}.story-intro{display:none}.story-designs{margin:0}.story-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.story-actions a:last-child{grid-column:1/-1}.story-actions button,.story-actions a{font-size:12px;display:grid;place-items:center;padding:10px 6px}.story-invite{margin-top:6px;padding-top:14px}.story-note{margin-bottom:0}.story-history-button{font-size:11px;padding:8px}.story-dialog .story-status{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.story-overlay:not(.hidden) .story-dialog{animation:story-in .22s ease-out}@keyframes story-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}