.write-container{max-width:800px;margin:0 auto;padding:24px}.write-container .back-link{color:#6b7280;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex}.write-container .back-link:hover{color:#111}.login-section,.write-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:30px;box-shadow:0 4px 12px #0000000a}.login-section h2,.write-form h2{margin-bottom:24px;font-size:20px}.login-section h2{text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:15px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#111;outline:none}.form-group textarea{resize:vertical;min-height:200px}.form-group small{color:#9ca3af;margin-top:6px;font-size:12px;display:block}.slug-input-wrapper{align-items:center;gap:8px;display:flex}.slug-prefix,.slug-suffix{color:#6b7280;white-space:nowrap;font-size:14px}.slug-input-wrapper input{flex:1}.slug-preview{color:#374151;word-break:break-all;background:#f3f4f6;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:13px}.error-message{color:#991b1b;background:#fee2e2;border-radius:8px;margin-bottom:20px;padding:12px;font-size:14px;display:none}.error-message.show{display:block}.success-message{color:#065f46;background:#d1fae5;border-radius:8px;margin-bottom:20px;padding:12px;font-size:14px;display:none}.success-message.show{display:block}.button-group{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn{cursor:pointer;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#111;border-color:#111}.btn-primary:hover{background:#333}.btn-secondary{color:#374151;background:#fff}.btn-secondary:hover{background:#f3f4f6}.thumbnail-input-group{flex-direction:column;gap:12px;display:flex}.thumbnail-url-input{align-items:flex-start;gap:8px;display:flex}.thumbnail-url-input input{flex:1}.file-input-wrapper{display:inline-block;position:relative}.file-input-wrapper input[type=file]{opacity:0;width:0;height:0;position:absolute}.file-input-label{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.file-input-label:hover{background:#f3f4f6;border-color:#111}.drag-drop-area{text-align:center;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:40px 20px;transition:all .2s}.drag-drop-area:hover{background:#f3f4f6;border-color:#111}.drag-drop-area.dragover{background:#e5e7eb;border-color:#111}.drag-drop-area-icon{opacity:.5;margin-bottom:12px;font-size:48px}.drag-drop-area-text{color:#6b7280;margin-bottom:4px;font-size:14px}.drag-drop-area-hint{color:#9ca3af;font-size:12px}.thumbnail-preview-wrapper{margin-top:12px}.thumbnail-preview{border:1px solid #e5e7eb;border-radius:8px;max-width:300px;overflow:hidden}.thumbnail-preview img{width:100%;height:auto;display:block}.thumbnail-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.thumbnail-action-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.thumbnail-action-btn:hover{background:#f3f4f6;border-color:#111}.thumbnail-info{color:#6b7280;font-size:12px}@media (max-width:768px){.write-container{padding:16px}.login-section,.write-form{padding:20px}.button-group{flex-direction:column}.btn{width:100%}.thumbnail-url-input{flex-direction:column}.thumbnail-url-input input{width:100%}.slug-input-wrapper{flex-direction:column;align-items:stretch}.slug-prefix,.slug-suffix{display:none}.drag-drop-area{padding:30px 15px}.drag-drop-area-icon{font-size:36px}.drag-drop-area-text{font-size:13px}.drag-drop-area-hint{font-size:11px}}