.image-container{flex:1 1}.image-container,.image-wrapper{display:flex;align-items:center;justify-content:center}.image-wrapper{position:relative;width:100%;height:100%}.selected-image__img{max-width:100%;height:500px;object-fit:cover}.selected-image__img,.selected-video{transform-origin:center}.text-content{display:inline-block;max-width:calc(10 * 1.5ch);white-space:pre-wrap;overflow-wrap:break-word;font-size:24px;font-weight:600;margin-top:-24px}textarea{background:transparent;border:none;color:#fff;font-size:34px;font-weight:1200;outline:none;white-space:pre-wrap;width:100%;resize:none}.story-slider-PrevArrow{left:-1%}.story-slider-NextArrow,.story-slider-PrevArrow{position:absolute;top:30%;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:12px;background-color:#fff;border:0;opacity:.9}.story-slider-NextArrow{right:-.6%}.create_story_main_container{width:100%;display:flex;align-items:center;justify-content:center;background:#f0f2f5}.create_story_container{width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.create-story-iamge-area{width:100%;background-color:#000;height:90%;display:flex;align-items:center;justify-content:center;border-radius:10px}@media screen and (max-width:768px){.create_story_container{padding:10px}.selected-image{width:100%;height:500px}}.story-editor-toolbar{background:rgba(0,0,0,.8);padding:10px;border-radius:8px;margin-bottom:15px}.editor-controls{display:flex;gap:15px;justify-content:center}.editor-btn{background:none;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;transition:background-color .3s}.editor-btn:hover{background:hsla(0,0%,100%,.1)}.text-size-slider{width:200px}.color-picker-wrapper{position:relative}.draggable-sticker{-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:100}.emoji-picker-container{position:absolute;bottom:80px;right:20px;z-index:1000}.story-text-display{max-width:calc(100% - 20px)}.story-editor-tools{padding:15px;background:#f8f9fa;border-radius:8px}.tools-section{display:flex;justify-content:center;gap:20px;margin-bottom:15px}.tool-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 20px;border:none;border-radius:8px;background:none;color:#1c1e21;cursor:pointer;transition:all .2s}.tool-btn.active,.tool-btn:hover{background:#e4e6eb}.tool-btn span{font-size:12px;font-weight:500}.color-picker,.size-slider{display:flex;flex-direction:column;gap:5px}.size-slider{flex:1 1;max-width:200px}.story-submit-btn{width:100%;padding:12px;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;margin-top:15px;transition:background .2s}.story-submit-btn:hover{background:#0851cc}.story-creator-initial{display:flex;gap:20px;justify-content:center}.text-option,.upload-option{width:200px;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border-radius:12px;cursor:pointer;transition:transform .2s}.upload-option{background:linear-gradient(45deg,#1877f2,#0851cc)}.text-option{background:linear-gradient(45deg,#00c6fb,#005bea)}.text-option:hover,.upload-option:hover{transform:translateY(-5px)}.text-icon,.upload-icon{width:50px;height:50px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;color:#1c1e21}.story-sticker{position:absolute;font-size:24px;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.emoji-picker-wrapper{position:absolute;bottom:100px;right:20px;z-index:1000}.story-text-display,.story-text-input,.text-editor-container{pointer-events:all}.story-text-input{max-width:300px}.story-text-display{max-width:80%;transition:all .1s ease}.story-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;background:#edf7fb;border-radius:8px;width:100%}.main-controls{flex-wrap:nowrap;overflow-x:auto;width:100%;padding:5px;-webkit-overflow-scrolling:touch}.main-controls::-webkit-scrollbar{display:none}.main-controls{-ms-overflow-style:none;scrollbar-width:none}.control-btn{flex-direction:column;padding:10px 15px;min-width:max-content}.control-btn:hover{background:#e4e6eb}.control-btn span{font-size:12px;font-weight:500}.font-select{border:1px solid #ccd0d5;min-width:120px}.submit-btn{padding:10px 20px;background:#00c6c3;color:#fff;border:none;border-radius:6px;font-weight:600;transition:background .2s;margin-left:15px}.control-btn,.submit-btn{cursor:pointer;white-space:nowrap}.control-btn{display:flex;align-items:center;gap:5px;padding:8px 15px;border:none;border-radius:8px;background:#f0f2f5;color:#1c1e21;transition:background-color .2s}.control-btn span{font-size:14px}.ant-color-picker-trigger{width:24px!important;height:24px!important}.delete-image-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.6);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s}.delete-image-btn:hover{background:rgba(0,0,0,.8);transform:scale(1.1)}.delete-image-btn svg{width:18px;height:18px}.story-preview-area{width:100%;display:flex;justify-content:center;border-radius:8px;overflow:hidden;position:relative}.story-text-display,.text-editor-container{position:absolute;z-index:10}.story-text-input{min-width:150px}.color-controls{display:flex;gap:16px;align-items:center}.background-color,.text-color{display:flex;flex-direction:column;align-items:center;gap:8px}.text-controls{display:flex;gap:16px;align-items:center;padding:16px;border-radius:8px}.font-select{padding:8px;border-radius:4px;background:#fff;border:none}.text-size-control{width:150px}.text-emoji-btn{background:hsla(0,0%,100%,.2);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;padding:0}.text-emoji-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.text-emoji-picker-wrapper{position:absolute;top:100%;right:0;margin-top:250px;z-index:1000}.emoji-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2)}.emoji-picker-content1{margin-top:135px;margin-right:300px}.emoji-picker-content,.emoji-picker-content1{position:relative;z-index:1001;background:#fff;border-radius:8px;box-shadow:0 2px 20px rgba(0,0,0,.2)}.emoji-picker-popup{margin-top:500px;margin-right:300px}.crop-container{height:100%;min-height:400px;flex-direction:column}.ReactCrop,.crop-container{position:relative;width:100%;background:#000;display:flex;align-items:center;justify-content:center}.ReactCrop{height:calc(100% - 60px)}.ReactCrop>div:first-of-type{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important}.ReactCrop__image{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;transform:none!important}.ReactCrop__crop-selection{border:2px solid #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.5)}.crop-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:20px;padding:16px;background:rgba(0,0,0,.8)}.crop-controls .control-btn{padding:8px 20px;background:hsla(0,0%,100%,.2);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.crop-controls .control-btn:hover{background:hsla(0,0%,100%,.3)}.text-editor-container{position:absolute;z-index:10;pointer-events:all;width:100%;left:0!important;transform:translateY(-50%);padding:0 20px;box-sizing:border-box}.text-input-wrapper{flex-direction:column}.text-input-container,.text-input-wrapper{position:relative;display:flex;align-items:center;gap:8px;width:100%}.text-input-container{justify-content:center;max-width:90%}.story-text-input{background:transparent;outline:none;width:calc(100% - 40px);min-height:50px;border:none;color:#fff;font-size:24px;resize:none;padding:8px;margin:0;text-align:center}.story-text-display{position:absolute;z-index:10;pointer-events:all;width:90%;left:50%!important;transform:translateX(-50%);text-align:center;padding:8px;word-wrap:break-word}.control-btn.gallery-btn{background:#f0f2f5}.control-btn.gallery-btn:hover{background:#e4e6eb}.main-controls{display:flex;gap:15px;align-items:center;justify-content:center}.background-picker{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px}.background-picker .ant-color-picker-trigger{width:24px!important;height:24px!important;border:2px solid #fff;border-radius:4px;margin-top:4px}.selected-image{position:relative;width:400px;height:600px;object-fit:cover;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,transform .3s ease}.background-picker:hover .ant-color-picker-trigger{transform:scale(1.1)}@media (max-width:768px){.tools-section{flex-wrap:wrap}.story-creator-initial{flex-direction:column;align-items:center}}@media screen and (max-width:768px){.story-controls{padding:10px}.main-controls{gap:10px;justify-content:flex-start;padding:5px 0}.text-controls{flex-direction:column;align-items:center;justify-content:center;gap:0}.control-btn{padding:8px 12px;font-size:12px}.control-btn span{font-size:10px}}.story-box{position:relative;width:100%;height:100%}.profile-picture{position:absolute;top:-96px;left:2px;border-radius:50%;width:40px;height:40px;overflow:hidden;border:2px solid #fff;background-color:#fff}.profile-img{width:100%;height:100%;object-fit:cover}.story-bg{position:relative}.story-content{position:absolute;bottom:10px;left:10px;color:#fff}.default-profile{background-color:#ccc;color:#fff;font-size:12px;text-align:center;line-height:40px;height:40px;width:40px;border-radius:50%}.story-text-display,.story-text-input{font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.story-text-display[data-font=Arial],.story-text-input[data-font=Arial]{font-family:Arial,sans-serif!important;font-weight:400!important}.story-text-display[data-font="Times New Roman"],.story-text-input[data-font="Times New Roman"]{font-family:Times New Roman,Times,serif!important;font-weight:400!important}.story-text-display[data-font="Brush Script MT"],.story-text-input[data-font="Brush Script MT"]{font-family:Brush Script MT,Brush Script Std,cursive!important;font-weight:400!important}.story-text-display[data-font="Arial Black"],.story-text-input[data-font="Arial Black"]{font-family:Arial Black,Arial Bold,Gadget,sans-serif!important;font-weight:900!important}.video-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.selected-video{max-width:100%;max-height:100%;object-fit:contain}.video-trimmer{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);padding:20px;z-index:100}.trim-controls{gap:15px}.trim-controls,.trim-slider{display:flex;flex-direction:column}.trim-slider{gap:5px}.trim-slider span{color:#fff;font-size:14px}.trim-slider input[type=range]{width:100%;height:4px;background:#555;border-radius:2px;outline:none}.trim-buttons{display:flex;gap:10px;justify-content:flex-end}.trim-buttons button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500}.trim-buttons button:first-child{background:#555;color:#fff}.trim-buttons button:last-child{background:#0095f6;color:#fff}.trim-buttons button:hover{opacity:.9}.caption-input{min-height:60px;font-size:16px}.media-story-container{display:flex;flex-direction:column;width:100%;gap:16px}.image-container{position:relative;width:100%;min-height:300px;max-height:70vh;background:#000;border-radius:8px;overflow:hidden}.caption-container{width:100%;background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 2px rgba(0,0,0,.1);margin-top:8px}.caption-input{width:100%;min-height:40px;border:none;outline:none;resize:none;background:transparent;font-size:14px;color:#1c1e21;font-family:inherit;padding:8px}.caption-input::placeholder{color:#65676b}.story-caption{width:100%;border-top:1px solid rgba(0,0,0,.1)}.story-content{padding:8px;background-color:#c9d1d5;border-radius:0 0 5px 5px;color:#000}.story-box{overflow:hidden;border-radius:5px}