.createThreadContainer{text-shadow:-.25px -.25px #00000080,.25px -.25px #00000080,-.25px .25px #00000080,.25px .25px #00000080,.5px .5px #00000080,.75px .75px #00000080,1px 1px 2px #00000001;grid-template-columns:1fr minmax(1000px,3fr) 1fr;min-height:100vh;padding:10px 1rem 2rem;display:grid}.createThreadContainer input,.createThreadContainer textarea,.createThreadContainer select,.createThreadContainer .editorWrapper,.createThreadContainer .editorWrapper *{text-shadow:none}.createThreadWrapper{flex-direction:column;grid-column:2;gap:10px;display:flex}.createThreadHero{background-color:var(--body_background);z-index:1;border:1px solid #a9a9a933;border-radius:5px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 8px 6px -6px #0076b666}.createThreadHero:before{content:"";background-image:var(--gradient-base);z-index:-1;border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0}.heroContent{text-align:center}.heroContent h1{font-size:var(--fs-display);color:var(--primary_text_color);text-align:left;text-shadow:-.5px -.5px #00000080,.5px -.5px #00000080,-.5px .5px #00000080,.5px .5px #00000080,1px 1px #00000080,1.5px 1.5px #00000080,2px 2px #00000080,2.5px 2.5px #00000080,3px 3px 5px #0003;margin:0 0 1rem;padding-bottom:.5rem;font-weight:700;line-height:1.2;position:relative}.heroContent h1:after{content:"";background:linear-gradient(90deg,#0076b680 0% 75%,#0000 100%);width:100%;height:2px;position:absolute;bottom:0;left:0}.heroContent p{font-size:var(--fs-lg);color:var(--sec_text_color);max-width:600px;margin:0 auto 2rem;line-height:1.6}.heroStats{justify-content:center;gap:2rem;display:flex}.heroStat{background:#0076b61a;border:1px solid #0076b633;border-radius:5px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:flex}.PCreateThreadStatIcon{font-size:var(--fs-lg)}.statText{font-size:var(--fs-base);color:var(--primary_text_color);font-weight:500}.createThreadForm{background-color:var(--body_background);z-index:1;border:1px solid #a9a9a933;border-radius:5px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 8px 6px -6px #0076b666}.createThreadForm:before{content:"";background-image:var(--gradient-base);z-index:-1;border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0}.threadForm,.formSection{flex-direction:column;gap:1rem;display:flex}.formSection.prefilledRespondTo{background:#0076b60a;border:1px solid #0076b640;border-radius:5px;padding:1rem}.PCreateThreadSectionHeader{text-align:center;margin-bottom:1rem}.PCreateThreadSectionHeader h3{font-size:var(--fs-xl);color:var(--primary_text_color);margin:0 0 .5rem;font-weight:600}.PCreateThreadSectionHeader p{font-size:var(--fs-md);color:var(--sec_text_color);margin:0}.formGrid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.PCreateThreadInputGroup{flex-direction:column;gap:.5rem;display:flex}.respondToGroup.prefilledRespondTo{background:#0076b614;border:1px dashed #0076b673;border-radius:5px;padding:.75rem}.PCreateThreadInputLabel{font-size:var(--fs-base);color:var(--primary_text_color);align-items:center;gap:.5rem;margin-bottom:.25rem;font-weight:500;display:flex}.charCount{font-size:var(--fs-sm);color:var(--sec_text_color);font-weight:400}.formInput,.formSelect{background-color:var(--body_background);color:var(--primary_text_color);font-size:var(--fs-base);border:1px solid #a9a9a94d;border-radius:5px;width:100%;padding:.75rem 1rem;font-family:inherit;transition:all .3s}.formInput.prefilledRespondTo{background:#0076b60f;border-color:#0076b699;box-shadow:0 0 0 2px #0076b61f}.formInput{height:48px}.titleInput{font-size:var(--fs-lg);height:52px;font-weight:500}.formSelect{cursor:pointer;height:48px}.formInput:focus,.formSelect:focus{border-color:#0076b680;outline:none;box-shadow:0 0 0 3px #0076b61a}.PCreateThreadInputHelper{font-size:var(--fs-sm);color:var(--sec_text_color);opacity:.8;line-height:1.4}.formInput.invalidInput{background-color:#ff44440d;border:2px solid #f44!important}.PCreateThreadInputHelper.error{color:#f44;opacity:1;font-weight:500}.PCreateThreadInputHelper.success{color:#0f8;opacity:1;font-weight:500}.PCreateThreadInputHelper.checking{color:orange;opacity:1;font-weight:500}.respondToLink{font-size:var(--fs-base);color:#0076b6e6;width:fit-content;text-decoration:none;transition:color .2s,transform .2s}.respondToLink:hover{color:#0076b6;text-decoration:underline;transform:translateY(-1px)}.contentFormItem{flex-direction:column;gap:.5rem;display:flex}.editorWrapper{background-color:var(--body_background);border:1px solid #a9a9a94d;border-radius:5px;transition:all .3s;overflow:hidden}.editorWrapper:focus-within{border-color:#0076b680;box-shadow:0 0 0 3px #0076b61a}.guidelinesSection{background:#0076b60d;border:1px solid #0076b626;border-radius:5px;padding:2rem}.guidelinesHeader{text-align:center;margin-bottom:1.5rem}.guidelinesHeader h3{font-size:var(--fs-lg);color:var(--primary_text_color);margin:0;font-weight:600}.guidelinesContent{flex-direction:column;gap:1.5rem;display:flex}.guidelinesList{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.guidelinesList li{color:var(--sec_text_color);font-size:var(--fs-base);background:#0076b61a;border:1px solid #0076b633;border-radius:5px;padding:.75rem;line-height:1.4}.guidelinesList li strong{color:var(--primary_text_color)}.guidelinesNote{text-align:center;background:#0076b626;border:1px solid #0076b64d;border-radius:5px;padding:1rem}.guidelinesNote p{font-size:var(--fs-base);color:var(--sec_text_color);margin:0}.guidelinesNote strong{color:var(--primary_text_color)}.PCreateThreadNsfwSection{background:#ff63470a;border:1px solid #ff634733;border-radius:8px;padding:.75rem 1rem}.PCreateThreadNsfwLabel{cursor:pointer;font-size:var(--fs-base);color:var(--primary_text_color);align-items:center;gap:.6rem;display:flex}.PCreateThreadNsfwCheckbox{accent-color:tomato;cursor:pointer;width:16px;height:16px}.PCreateThreadNsfwCheckbox:disabled{cursor:not-allowed;opacity:.7}.PCreateThreadNsfwText{font-weight:500}.nsfwChapterNote{color:#ff6347bf;font-size:var(--fs-sm);font-weight:400}.submitSection{border-top:1px solid #a9a9a933;flex-direction:column;align-items:center;gap:1rem;padding-top:1rem;display:flex}.submitIcon{font-size:var(--fs-lg)}.submitNote{text-align:center}.submitNote p{font-size:var(--fs-base);color:var(--sec_text_color);opacity:.8;margin:0}.loadingWrapper{text-align:center;flex-direction:column;grid-column:2;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.loadingWrapper p{font-size:var(--fs-lg);color:var(--sec_text_color);margin:0}.mediaUploadContainer{flex-direction:column;gap:1rem;display:flex}.mediaUploadBox{cursor:pointer;text-align:center;background:#0076b60d;border:2px dashed #0076b666;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:2rem;transition:all .3s;display:flex}.mediaUploadBox:hover{background:#0076b61a;border-color:#0076b699;transform:translateY(-2px)}.uploadIcon{color:#0076b6b3;margin-bottom:.5rem;font-size:3rem;font-weight:300}.uploadText{font-size:var(--fs-lg);color:var(--primary_text_color);margin-bottom:.25rem;font-weight:500}.uploadSubtext{font-size:var(--fs-base);color:var(--sec_text_color);opacity:.8}.mediaPreviewContainer{background:var(--body_background);border:1px solid #0076b64d;border-radius:12px;overflow:hidden}.mediaPreviewHeader{background:#0076b61a;border-bottom:1px solid #0076b633;justify-content:space-between;align-items:center;padding:1rem;display:flex}.mediaFileName{color:var(--primary_text_color);font-weight:500;font-size:var(--fs-base);word-break:break-word;flex:1;margin-right:1rem}.removeMediaButton{color:#fff;cursor:pointer;width:28px;height:28px;font-size:var(--fs-base);background:#dc3545cc;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .3s;display:flex}.removeMediaButton:hover{background:#dc3545}.mediaPreviewWrapper{background:#00000005;justify-content:center;align-items:center;min-height:200px;padding:1.5rem;display:flex}.mediaPreviewImage{-o-object-fit:contain;object-fit:contain;border-radius:8px;max-width:100%;max-height:400px;box-shadow:0 4px 12px #0000001a}.mediaPreviewVideo{border-radius:8px;max-width:100%;max-height:400px;box-shadow:0 4px 12px #0000001a}.mediaPreviewAudio{width:100%;max-width:400px}.mediaPreviewUnsupported{color:var(--sec_text_color);font-size:var(--fs-lg);background:#a9a9a91a;border-radius:8px;justify-content:center;align-items:center;padding:2rem;display:flex}.mediaInfoBar{font-size:var(--fs-base);color:var(--sec_text_color);background:#0076b60d;border-top:1px solid #0076b61a;justify-content:space-between;align-items:center;padding:1rem;display:flex}@media (max-width:1200px){.createThreadContainer{grid-template-columns:1fr min(1000px,95vw) 1fr}}@media (max-width:768px){.createThreadContainer{grid-template-columns:1fr;padding:1rem}.createThreadWrapper{grid-column:1;gap:1.5rem}.createThreadHero,.createThreadForm{padding:1.5rem}.heroContent h1{font-size:var(--fs-2xl)}.heroStats{flex-direction:column;align-items:center;gap:1rem}.formGrid{grid-template-columns:1fr;gap:1.5rem}.guidelinesList{grid-template-columns:1fr}.submitButton{width:100%;max-width:300px}.mediaUploadBox{min-height:100px;padding:1.5rem}.uploadIcon{font-size:var(--fs-display)}.uploadText{font-size:var(--fs-md)}.mediaPreviewWrapper{min-height:150px;padding:1rem}.mediaPreviewImage,.mediaPreviewVideo{max-height:250px}.mediaInfoBar{flex-direction:column;align-items:flex-start;gap:.5rem}.mediaFileName{margin-right:.5rem}}@media (max-width:480px){.createThreadHero,.createThreadForm{padding:1rem}.heroContent h1{font-size:var(--fs-2xl)}.PCreateThreadSectionHeader h3{font-size:var(--fs-lg)}}.my-node-enter{opacity:0;transform:translateY(20px)}.my-node-enter-active{opacity:1;transition:all .5s ease-out;transform:translateY(0)}.my-node-exit{opacity:1;transform:translateY(0)}.my-node-exit-active{opacity:0;transition:all .5s ease-in;transform:translateY(-20px)}.sourceInputRow{background:#0000001a;border:1px solid #a9a9a926;border-radius:8px;margin-bottom:1rem;padding:.75rem;transition:all .3s}.sourceInputRow:hover{background:#00000026;border-color:#0096884d}.PCreateThreadSourceInputWrapper{align-items:center;gap:.5rem;display:flex}.PCreateThreadSourceNumber{color:var(--accent_color);min-width:25px;font-weight:600;font-size:var(--fs-base)}.sourceInput{background:var(--body_background);color:var(--primary_text_color);font-size:var(--fs-base);border:1px solid #a9a9a94d;border-radius:6px;flex:1;padding:.6rem 1rem;transition:all .3s}.sourceInput:focus{border-color:var(--accent_color);outline:none;box-shadow:0 0 0 3px #0096881a}.sourceInput.validUrl{border-color:#4caf50}.sourcePreview{border-left:3px solid var(--accent_color);background:#0096880d;border-radius:6px;align-items:center;gap:.75rem;margin-top:.5rem;margin-left:35px;padding:.5rem .75rem;display:flex}.sourceFavicon{border-radius:4px;flex-shrink:0;width:20px;height:20px}.sourceMetadata{flex:1;min-width:0}.sourceTitle{font-size:var(--fs-base);color:var(--primary_text_color);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sourceDomain{font-size:var(--fs-sm);color:var(--secondary_text_color);margin-top:2px}.sourceTypeBadge{color:#fff;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#009688,#007bff);border-radius:12px;flex-shrink:0;padding:.25rem .6rem;font-weight:600}.addSourceButton{border:2px dashed var(--accent_color);color:var(--accent_color);font-size:var(--fs-base);cursor:pointer;background:#0096881a;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.addSourceButton:hover{border-color:var(--accent_color);background:#00968833;transform:translateY(-2px);box-shadow:0 4px 12px #00968833}.addSourceButton:active{transform:translateY(0)}.PCreateThreadAddSource{margin-top:4px}
