pbnj

snippet #11

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Character & Scene Architect · 100 Questions</title>
    <style>
        * { box-sizing: border-box; font-family: 'Inter', system-ui, -apple-system, sans-serif; }
        body { background: #080c1d; margin: 0; padding: 20px; color: #e2e8f0; }
        .container { max-width: 1800px; margin: 0 auto; }
        h1 { font-size: 2rem; margin: 0; color: #60a5fa; letter-spacing: -1px; }
        .sub { color: #94a3b8; margin-bottom: 25px; border-left: 3px solid #3b82f6; padding-left: 15px; font-size: 0.9rem; }
        
        .top-bar {
            display: flex; justify-content: space-between; align-items: center;
            background: #111827; padding: 15px 30px; border-radius: 16px;
            margin-bottom: 25px; border: 1px solid #1e293b; position: sticky; top: 10px; z-index: 100;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
        }
        .counter { color: #60a5fa; font-weight: 700; font-size: 1rem; }
        .reset-btn {
            background: #7f1d1d; border: none; color: #fecaca; padding: 8px 20px;
            border-radius: 8px; cursor: pointer; font-weight: 600; transition: 0.2s;
        }
        .reset-btn:hover { background: #b91c1c; }

        .main-panel { display: flex; gap: 25px; align-items: flex-start; }
        .left-col {
            flex: 2; height: 85vh; overflow-y: auto; padding-right: 10px;
            scrollbar-width: thin; scrollbar-color: #334155 #0f172a;
        }
        .right-col {
            flex: 1; position: sticky; top: 100px; background: #0f172a;
            border-radius: 20px; border: 1px solid #334155; padding: 20px;
            display: flex; flex-direction: column; max-height: 80vh;
        }

        .json-header { display: flex; justify-content: space-between; margin-bottom: 15px; align-items: center; }
        .json-box {
            background: #020617; border-radius: 12px; padding: 15px;
            font-family: 'Fira Code', monospace; font-size: 0.8rem;
            color: #38bdf8; overflow-y: auto; flex: 1; border: 1px solid #1e293b;
            white-space: pre-wrap;
        }
        .copy-btn {
            background: #3b82f6; border: none; color: white; padding: 6px 15px;
            border-radius: 6px; cursor: pointer; font-weight: 600;
        }

        /* Question Cards */
        .q-card {
            background: #111827; border-radius: 16px; padding: 20px; margin-bottom: 20px;
            border: 1px solid #1e293b; transition: 0.2s;
        }
        .q-card:hover { border-color: #3b82f6; }
        .q-title { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; }
        .q-num { background: #1e293b; color: #94a3b8; padding: 2px 10px; border-radius: 6px; font-size: 0.8rem; font-weight: 800; }
        .q-text { font-size: 1.1rem; font-weight: 600; color: #f1f5f9; }

        .pill-grid { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px; }
        .pill {
            background: #1e293b; border: 1px solid #334155; color: #cbd5e1;
            padding: 5px 12px; border-radius: 20px; font-size: 0.85rem; cursor: pointer;
            transition: 0.1s; user-select: none;
        }
        .pill:hover { background: #334155; border-color: #475569; }
        .pill.selected { background: #3b82f6; border-color: #60a5fa; color: white; }

        .input-group { display: flex; gap: 10px; align-items: center; }
        .free-input {
            flex: 1; background: #020617; border: 1px solid #334155; border-radius: 8px;
            padding: 8px 12px; color: white; outline: none;
        }
        .free-input:focus { border-color: #3b82f6; }
        .color-picker {
            width: 40px; height: 40px; border: none; border-radius: 8px; 
            background: none; cursor: pointer; padding: 0;
        }
    </style>
</head>
<body>

<div class="container">
    <div class="top-bar">
        <div>
            <h1>Character & Scene Architect</h1>
            <div id="answerCount" class="counter">0 / 100 Completed</div>
        </div>
        <button class="reset-btn" id="resetAll">Reset All Data</button>
    </div>

    <div class="main-panel">
        <div class="left-col" id="questionArea"></div>
        <div class="right-col">
            <div class="json-header">
                <span style="font-weight: bold; color: #94a3b8;">PROMPT_DATA.JSON</span>
                <button class="copy-btn" id="copyJson">Copy JSON</button>
            </div>
            <div class="json-box" id="jsonOutput">{}</div>
        </div>
    </div>
</div>

<script>
    // COMPLETE 100 QUESTIONS DATA SET
    const questionData =[
        // --- 1-10: RENDER & STYLE ---
        { id: "s1", cat: "render", q: "Artistic Medium", choices:["Digital Illustration", "Oil Painting", "Hyper-realistic 3D", "Watercolor", "Charcoal Sketch", "Vector Art", "Pixel Art", "Claymation", "Ukiyo-e", "Pencil Drawing", "Crayon", "Gouache", "Street Graffiti", "Blueprint", "Glitch Art", "Pop Art", "Impressionism", "Surrealism", "Concept Art", "Cinema 4D"] },
        { id: "s2", cat: "render", q: "Engine/Software", choices:["Unreal Engine 5", "Octane Render", "Blender Cycles", "Redshift", "Midjourney V6", "Stable Diffusion XL", "DALL-E 3", "Arnold Render", "V-Ray", "ZBrush", "Unity HDRP", "Keyshot", "Houdini", "Photoshop", "Corel Painter", "Procreate", "Substance Painter", "Marmoset Toolbag", "Ray Traced", "Real-time"] },
        { id: "s3", cat: "render", q: "Overall Theme", choices:["Cyberpunk", "High Fantasy", "Dark Noir", "Steampunk", "Solarpunk", "Post-Apocalyptic", "Space Opera", "Historical Realism", "Gothic Horror", "Urban Fantasy", "Mythological", "Viking Age", "Ethereal Dream", "Brutalist", "Retro-Futurism", "Ancient Egypt", "Feudal Japan", "Wild West", "Interdimensional", "Lovecraftian"] },
        { id: "s4", cat: "render", q: "Color Palette", isColor: true, choices:["Neon Glow", "Monochrome", "Pastel Softness", "Earth Tones", "High Contrast", "Sepia Tone", "Vibrant Triadic", "Muted Desaturated", "Cyberpunk Blue/Pink", "Gold and Black", "Crimson and Ash", "Oceanic Teals", "Forest Greens", "Sunset Warmth", "Synthetix Night", "Iridescent", "Pearlescent", "Matte Black", "Primary Colors", "Analogous Warmth"] },
        { id: "s5", cat: "render", q: "Lighting Style", choices:["Cinematic Rim Lighting", "Volumetric God Rays", "Soft Studio Box", "Harsh Sunlight", "Neon Strips", "Candlelight", "Bioluminescence", "Overhead Fluorescent", "Golden Hour", "Blue Hour", "Dramatic Chiaroscuro", "Backlit Silhouette", "Flash Photography", "Soft Moonlight", "Glowing Runes", "Firelight", "Underlight Horror", "Strobe Lights", "Diffuse Daylight", "Mood Lighting"] },
        { id: "s6", cat: "render", q: "Image Quality", choices:["8k Resolution", "Masterpiece", "Highly Detailed", "Intricate Textures", "Photorealistic", "Sharp Focus", "Blurry Motion", "Vintage Film Grain", "Analog Photography", "Raw Photo", "Ultra High Definition", "Soft Focus", "Macro Detail", "Depth of Field", "Bokeh Background", "Raytraced Reflections", "Global Illumination", "Subsurface Scattering", "Anti-aliased", "Perfect Anatomy"] },
        { id: "s7", cat: "render", q: "Effect/Vibe", choices:["Dreamy", "Energetic", "Melancholy", "Mysterious", "Aggressive", "Peaceful", "Nostalgic", "Terrifying", "Majestic", "Lonely", "Whimsical", "Eerie", "Cinematic", "Epic", "Lo-fi", "Industrial", "Organic", "Divine", "Cursed", "Radiant"] },
        { id: "s8", cat: "render", q: "Surface Material", choices:["Polished Chrome", "Rusty Iron", "Weathered Leather", "Smooth Silk", "Translucent Glass", "Rough Stone", "Damasked Steel", "Organic Slime", "Glowing Plasma", "Woven Fabric", "Burnished Bronze", "Carved Wood", "Human Skin", "Scaly Chitin", "Velvet", "Liquid Mercury", "Carbon Fiber", "Matte Plastic", "Gold Leaf", "Cracked Ceramic"] },
        { id: "s9", cat: "render", q: "Visual Perspective", choices:["Wide Angle", "Fish Eye", "Macro Close-up", "Bird's Eye View", "Worm's Eye View", "Dutch Angle", "Profile View", "Three-Quarter View", "Frontal View", "Back View", "Isometric", "Orthographic", "Telephoto Zoom", "First Person Point of View", "Drone Shot", "Low Angle Heroic", "High Angle Diminishing", "Panoptic", "Panoramic", "Selfie Perspective"] },
        { id: "s10", cat: "render", q: "Framing", choices:["Full Body Shot", "Portrait", "Upper Body", "Extreme Close-up", "Landscape Orientation", "Vertical Composition", "Rule of Thirds", "Centered", "Symmetrical", "Asymmetrical", "Framed by Architecture", "Framed by Leaves", "Candid", "Action Pose", "Static Pose", "T-Pose", "Headshot", "Waist-up", "Knee-up", "Environment Focus"] },

        // --- 11-30: THE PERSON ---
        { id: "p11", cat: "person", q: "Biological Gender", choices:["Male", "Female", "Androgynous", "Non-binary", "Genderless", "Intersex", "Masculine-leaning", "Feminine-leaning", "Fluid", "Xenogender", "Shapeshifter", "Artificial", "Holographic", "Dual-entity", "Trans-masculine", "Trans-feminine", "Agender", "Neuter", "Ambiguous", "Biological Construct"] },
        { id: "p12", cat: "person", q: "Apparent Age", choices:["Newborn", "Child", "Teenager", "Young Adult", "Prime (30s)", "Middle-aged (40s)", "Mature (50s)", "Senior (60s+)", "Ancient (Centuries)", "Immortal", "Toddler", "Adolescent", "Elderly", "Venerable", "Timeless", "Infant", "Pre-teen", "Retiree", "Eternal Child", "Weathered Adult"] },
        { id: "p13", cat: "person", q: "Body Build", choices:["Athletic", "Muscular/Bodybuilder", "Slender/Slim", "Curvy", "Plump/Full-figured", "Lean", "Willowy", "Ectomorphic", "Endomorphic", "Mesomorphic", "Towering Giant", "Short/Petite", "Brawny", "Lanky", "Wiry", "Stocky", "Athletic-Lean", "Slight", "Average", "Hulking"] },
        { id: "p14", cat: "person", q: "Skin Tone/Type", isColor: true, choices:["Fair/Pale", "Olive", "Deep Bronze", "Ebony", "Alabaster", "Freckled", "Sun-kissed", "Weathered/Leathery", "Vitreous/Glassy", "Metallic", "Greenish-grey", "Pale Blue", "Obsidian Black", "Golden", "Tattooed", "Scarred", "Vitiligo Pattern", "Translucent", "Ashen", "Ruddy"] },
        { id: "p15", cat: "person", q: "Species/Origin", choices:["Human", "Elf", "Cyborg", "Android", "Orc", "Dwarf", "Alien (Grey)", "Vampire", "Werewolf", "Demon", "Angel", "Fairy/Sprite", "Tiefling", "Dragonborn", "Anthropomorphic Animal", "Ghost/Wraith", "Construct/Golem", "Elemental", "Mutant", "Ancient Deity"] },
        { id: "p16", cat: "person", q: "Ethnicity/Heritage", choices:["Northern European", "East Asian", "South Asian", "Sub-Saharan African", "Mediterranean", "Middle Eastern", "Native American", "Polynesian", "Latin American", "Slavic", "Nordic", "Celtic", "Central Asian", "Indigenous Australian", "Interstellar Hybrid", "Atlantean", "Lunar Colony", "Underground Dweller", "Nomadic Steppe", "Highland Tribal"] },
        { id: "p17", cat: "person", q: "Facial Shape", choices:["Oval", "Square", "Heart-shaped", "Round", "Diamond", "Long/Rectangular", "Chiseled", "Soft/Rounded", "Gaunt/Sunken", "Pointed", "Wide-jawed", "High Cheekbones", "Sharp Features", "Flat Face", "Prominent Brow", "Asymmetric", "Triangular", "Inverted Triangle", "Plump", "Bony"] },
        { id: "p18", cat: "person", q: "Eye Color", isColor: true, choices:["Sapphire Blue", "Emerald Green", "Deep Brown", "Amber/Gold", "Hazel", "Violet/Purple", "Glowing Red", "Silver/Grey", "Pure White", "Void Black", "Heterochromia (Dual)", "Neon Cyan", "Crimson", "Yellow Slit (Cat-eye)", "Blind/Clouded", "Icy Blue", "Turquoise", "Pink", "Gold-flecked", "Prismatic"] },
        { id: "p19", cat: "person", q: "Eye Shape", choices:["Almond", "Hooded", "Monolid", "Round/Doe-eyed", "Deep-set", "Prominent/Large", "Downturned", "Upturned", "Narrow/Piercing", "Slanted", "Wide-set", "Closed/Squinting", "Sharp/Feline", "Droopy", "Sunken", "Large Pupil", "Small Pupil", "Glow-iris", "Cybernetic", "Double-lidded"] },
        { id: "p20", cat: "person", q: "Eyebrow Style", choices:["Thick/Bushy", "Thin/Arched", "Straight/Flat", "Plucked/Sharp", "High Arched", "Scarred/Split", "Bleached/Invisible", "Naturally Full", "Angular", "Feathery", "Braided", "Jeweled", "Groomed", "Shaved", "Tapered", "Wild", "Monobrow", "Painted", "Cybernetic strip", "Short/Pointed"] },
        { id: "p21", cat: "person", q: "Hair Color", isColor: true, choices:["Jet Black", "Platinum Blonde", "Strawberry Blonde", "Fiery Red", "Chestnut Brown", "Silver/Grey", "Snow White", "Neon Green", "Midnight Blue", "Pastel Pink", "Lilac", "Golden Blonde", "Dark Chocolate", "Caramel Highlights", "Ombre Gradient", "Rainbow", "Salt and Pepper", "Bald/Shaved", "Copper", "Turquoise"] },
        { id: "p22", cat: "person", q: "Hair Style", choices:["Long and Flowing", "Short Pixie Cut", "Buzz Cut", "Mohawk", "Braided Cornrows", "Top Knot/Bun", "Bob Cut", "Undercut", "Messy/Bedhead", "Slicked Back", "Ponytail", "Pigtails", "Afro", "Shoulder Length", "Wavy/Beach Waves", "Curly/Coiled", "Straight/Blunt", "Dreadlocks", "Mullet", "Side-parted"] },
        { id: "p23", cat: "person", q: "Facial Hair", choices:["Clean Shaven", "Stubble (5 o'clock shadow)", "Full Bushy Beard", "Van Dyke", "Goatee", "Moustache (Handlebar)", "Sideburns", "Chin Strap", "Imperial Beard", "Braided Beard", "Short Boxed Beard", "Soul Patch", "Mutton Chops", "Walrus Moustache", "Anchor Beard", "Tapered Beard", "Pointed Beard", "Stitched Facial Hair", "Groomed Designer Beard", "Wild/Unkempt"] },
        { id: "p24", cat: "person", q: "Nose Shape", choices:["Aquiline/Hooked", "Button/Small", "Straight/Greek", "Snub", "Bulbous", "Roman", "Fleshy", "Narrow/Thin", "Wide/Flat", "Turned up", "Scarred/Broken", "Nostril-focused", "Long", "Pointed", "Asymmetric", "Cybernetic replacement", "Jeweled", "Bridged", "Pierced", "Hawk-like"] },
        { id: "p25", cat: "person", q: "Lip Shape/Mouth", choices:["Full/Pouty", "Thin/Strict", "Cupid's Bow", "Wide Smirk", "Down-turned", "Round/Doll-like", "Scared/Stitched", "Painted/Lipstick", "Chapped", "Glossy", "Protruding Lower Lip", "Perfectly Symmetrical", "Uneven", "Thin Upper Lip", "Muffled", "Gapped Teeth", "Fanged", "Gold-toothed", "Cybernetic Jaw", "Narrow"] },
        { id: "p26", cat: "person", q: "Ear Shape", choices:["Human Standard", "Pointed Elf Ears", "Large/Dumbo", "Small/Dainty", "Attached Lobes", "Pierced/Gauged", "Tattered/Notched", "Hidden by Hair", "Animal-like (Feline)", "Animal-like (Canine)", "Long/Droopy", "Cybernetic Ear", "Crystalline", "Bat-like", "Scaled", "Tufted", "Feathered", "Fin-like", "Protruding", "Symmetrical"] },
        { id: "p27", cat: "person", q: "Facial Expression", choices:["Neutral/Stoic", "Evil Smirk", "Kind/Gentle Smile", "Raging/Screaming", "Melancholy/Sad", "Winking", "Intense Stare", "Confused", "Terrified", "Bored/Apathetic", "Arrogant/Disdain", "Playful", "Determined", "Drunk/Dazed", "Sleeping/Peaceful", "Ecstatic", "Crying", "Gritting Teeth", "Panting", "Surprised"] },
        { id: "p28", cat: "person", q: "Makeup Style", choices:["Natural/Minimal", "Heavy Goth/Eyeliner", "Warrior Warpaint", "Geisha Style", "Cyberpunk Neon Tattoos", "Drag Queen Glamour", "Clown/Mime", "SFX Bruising", "Gold Leaf Accents", "Glitter/Sparkle", "Smoky Eye", "Winged Liner", "Face Gems", "Holographic", "Abstract Lines", "Blood Splatter", "Sugar Skull", "Tribal Markings", "Corporate Minimal", "Elegant Evening"] },
        { id: "p29", cat: "person", q: "Body Modification", choices:["Full Sleeve Tattoos", "Neck Tattoos", "Facial Piercings", "Nose Ring", "Tongue Piercing", "Ear Gauges", "Cybernetic Arm", "Mechanical Leg", "Glowing Implants", "Branded Skin", "Scarification", "Dermal Studs", "Magnetic Fingertips", "Neural Link Port", "Bionic Eye", "Subdermal Horns", "Split Tongue", "Metal Plating", "Bio-luminescent Veins", "Clockwork Heart"] },
        { id: "p30", cat: "person", q: "Hand/Finger Type", choices:["Slender/Elegant", "Rough/Calloused", "Manicured Nails", "Long Talons", "Webbed Fingers", "Mechanical/Robotic", "Gloves worn", "Missing Fingers", "Jeweled Rings", "Tattooed Knuckles", "Stained (Ink/Oil)", "Sharp Nails", "Clawed", "Extra Fingers", "Transparent", "Scaled", "Hairy", "Stubby", "Graceful", "Skeletal"] },

        // --- 31-50: COSTUME ---
        { id: "c31", cat: "costume", q: "Clothing Layer 1 (Base)", choices:["Tight Spandex", "Linen Tunic", "Silk Undershirt", "Mesh Top", "Cotton Tee", "Leather Bodysuit", "Thermal Layer", "Bare Chest", "Corset", "Ripped Tank Top", "Holographic Skin", "Velvet Bodice", "Chainmail Shirt", "Paper-thin Wrap", "Latex Suit", "Kevlar Vest", "Bandages", "Fur Loincloth", "Satin Slip", "Denim Shirt"] },
        { id: "c32", cat: "costume", q: "Clothing Layer 2 (Outer)", choices:["Trench Coat", "Leather Jacket", "Heavy Parka", "Kimono", "Hoodie", "Tailored Suit Jacket", "Denim Vest", "Poncho", "Bolero", "Cape", "Cloak", "Bomber Jacket", "Tactical Plate Carrier", "Robes", "Cardigan", "Windbreaker", "Peacoat", "Duster", "Lab Coat", "Plate Armor"] },
        { id: "c33", cat: "costume", q: "Pants/Bottoms", choices:["Skinny Jeans", "Cargo Pants", "Leather Trousers", "Hakama", "Skirt (Mini)", "Skirt (Maxi)", "Kilts", "Leggings", "Shorts", "Dress Slacks", "Harem Pants", "Breeches", "Loincloth", "Armor Greaves", "Flight Suit", "Joggers", "Bell Bottoms", "Chaps", "Tutu", "Combat Pants"] },
        { id: "c34", cat: "costume", q: "Footwear", choices:["Combat Boots", "Stiletto Heels", "Sneakers", "Thigh-high Boots", "Sandals", "Barefoot", "Heavy Sabatons", "Loafers", "Platform Boots", "Moccasins", "Flip Flops", "Geta", "Work Boots", "Ballet Flats", "Cybernetic Feet", "Cowboy Boots", "Winged Sandals", "Flippers", "Clogs", "Slippers"] },
        { id: "c35", cat: "costume", q: "Headwear", choices:["Hood Up", "Wide-brimmed Hat", "Baseball Cap", "Crown/Tiara", "Helmet (Full Face)", "Helmet (Open)", "Beanie", "Beret", "Turban", "Veil", "Goggles on Forehead", "Headband", "Horns", "Circlet", "Cowboy Hat", "Top Hat", "Ushanka", "Fedora", "Space Helmet", "Witch Hat"] },
        { id: "c36", cat: "costume", q: "Neckwear", choices:["Choker", "Silk Scarf", "Necktie", "Bowtie", "Amulet", "Dog Tags", "Cravat", "Feather Boa", "Heavy Gold Chain", "Ruff (Collar)", "Turtle Neck", "Fur Collar", "Jeweled Necklace", "Prayer Beads", "Gas Mask Hose", "Cape Clasp", "Pendant", "Leather Collar", "Glowing Tech Ring", "Rosary"] },
        { id: "c37", cat: "costume", q: "Handwear", choices:["Leather Gloves", "Fingerless Gloves", "Gauntlets (Metal)", "Silk Gloves", "Latex/Medical", "Boxing Gloves", "Power Fists", "Mittens", "Wraps/Bandages", "Driving Gloves", "Lace Gloves", "Clawed Gauntlets", "Tattooed Hands", "Nail Claws", "Glowing Palms", "Brass Knuckles", "Ring Clusters", "Arm Guards", "Bracers", "Cuffs"] },
        { id: "c38", cat: "costume", q: "Belts/Utility", choices:["Utility Belt", "Leather Waistband", "Sash", "Sword Belt", "Holster", "Chain Belt", "Bullet Belt", "Obi", "Corset Belt", "Rope Tie", "Tool Belt", "Bandoiler", "Pouches", "Glowing Battery Pack", "Decorative Buckle", "Double Belts", "Spiked Belt", "Woven Belt", "Suspenders", "Cummerbund"] },
        { id: "c39", cat: "costume", q: "Fabric Pattern", choices:["Solid Color", "Camouflage", "Pinstripe", "Floral", "Animal Print (Leopard)", "Geometric", "Plaid/Tartan", "Polka Dot", "Paisley", "Circuit Board", "Damask", "Grid/Honeycomb", "Splatter", "Gradient", "Striped", "Starry/Galaxy", "Argyle", "Checkerboard", "Dragon Scales", "Toile"] },
        { id: "c40", cat: "costume", q: "Clothing Condition", choices:["Pristine/New", "Worn-in", "Tattered/Ripped", "Mud-stained", "Blood-soaked", "Greasy/Dirty", "Burned/Singed", "Polished/Shiny", "Damp/Wet", "Starch-crisp", "Dusty", "Faded", "Moth-eaten", "Patched", "Reinforced", "Heavily Modified", "Embroidered", "Ancient", "Cyber-enhanced", "Formal"] },
        { id: "c41", cat: "costume", q: "Armor Type", choices:["Plate Armor", "Chainmail", "Leather Armor", "Sci-Fi Mech Suit", "Kevlar Tactical", "None", "Scale Mail", "Samurai O-Yoroi", "Spartan Bronze", "Bone Armor", "Crystal Plating", "Energy Shielding", "Junk/Scrap Armor", "Ceremonial Armor", "Spiked Raider Armor", "Gladiator Gear", "Nanotech Suit", "Wood/Bark Armor", "Steampunk Brass", "Holographic"] },
        { id: "c42", cat: "costume", q: "Armor Coverage", choices:["Full Body", "Chest Only", "One Arm Asymmetrical", "Pauldrons Only", "Gauntlets Only", "Legs Only", "Helmet & Shoulders", "Half-Plate", "Vital Areas Only", "Light Plating", "Heavy Juggernaut", "Bikini Armor", "Torso and Thighs", "Forearms and Shins", "Neck Guard", "Cybernetic Integration", "Exoskeleton", "Floating Plating", "Invisible Forcefield", "Segmented Joints"] },
        { id: "c43", cat: "costume", q: "Cape/Cloak Style", choices:["Long Tattered Cape", "Royal Velvet Cloak", "Fur-Lined Mantle", "Asymmetrical Half-Cape", "Holographic Cape", "Feathered Cloak", "Shadow/Smoke Cape", "Short Shoulder Cape", "Rain Poncho", "High-Collared Cloak", "Woven Grass Cloak", "Silk Shawl", "Magic Floating Cape", "Scarf/Muffler", "Batwing Cloak", "Chainmail Mantle", "Glowing Energy Cape", "Heavy Winter Cloak", "Spider-Silk Cloak", "None"] },
        { id: "c44", cat: "costume", q: "Mask/Face Covering", choices:["Gas Mask", "Oni Mask", "Surgical Mask", "Bandana", "Cyber-Visor", "Domino Mask", "Plague Doctor Mask", "Welding Helmet", "Hockey Mask", "Ninja Mempo", "Venetian Masquerade", "Skull Mask", "Burlap Sack", "Blindfold", "Tech-Goggles", "Veil", "Scuba Rebreather", "Jester Mask", "Respirator", "None"] },
        { id: "c45", cat: "costume", q: "Jewelry Level", choices:["Heavy/Opulent", "Minimal/Subtle", "Magical Amulets", "Tribal Piercings", "Crown/Tiara", "Thick Gold Chains", "Crystal Pendants", "Pearls", "Chunky Rings", "Bone Necklaces", "Cybernetic Implants", "Pocket Watch", "Armbands", "Anklets", "Floating Gems", "Chokers", "Medallions", "Brooches", "Ear Cuffs", "None"] },
        { id: "c46", cat: "costume", q: "Magical/Tech Enhancements", choices:["Glowing Runes", "Neon Tubing", "Steam Vents", "Anti-Grav Modules", "Tesla Coils", "Bioluminescence", "Clockwork Gears", "Exhaust Pipes", "Blood Tubes", "LED Displays", "Magic Aura", "Floating Crystals", "Thrusters", "Wires & Cables", "Arc Reactor", "Symbiote Tendrils", "Frost Emitters", "Exhaust Vents", "Digital Glitch", "None"] },
        { id: "c47", cat: "costume", q: "Dominant Outfit Color", isColor: true, choices:["Crimson Red", "Navy Blue", "Forest Green", "Pitch Black", "Pure White", "Gold", "Silver", "Neon Pink", "Mustard Yellow", "Royal Purple", "Burnt Orange", "Teal", "Brown/Leather", "Olive Drab", "Charcoal", "Magenta", "Cyan", "Maroon", "Beige", "Transparent"] },
        { id: "c48", cat: "costume", q: "Secondary Outfit Color", isColor: true, choices:["Gold Trim", "Silver Accents", "Crimson Red", "Navy Blue", "Forest Green", "Pitch Black", "Pure White", "Neon Pink", "Mustard Yellow", "Royal Purple", "Burnt Orange", "Teal", "Brown/Leather", "Olive Drab", "Charcoal", "Magenta", "Cyan", "Maroon", "Beige", "Transparent"] },
        { id: "c49", cat: "costume", q: "Clothing Silhouette", choices:["Form-fitting", "Oversized", "Top-heavy", "Bottom-heavy", "A-Line", "Flowing/Draped", "Boxy/Angular", "Hourglass", "Asymmetrical", "Skintight", "Voluminous", "Layered", "Mummy-wrapped", "Tentacular", "Bulky/Armored", "Aerodynamic", "Flared", "Trapeze", "Tapered", "Sculptural"] },
        { id: "c50", cat: "costume", q: "Footprints/Trails", choices:["Muddy Prints", "Floating/Hovering", "Flaming Footsteps", "Bloody Tracks", "Ash/Soot", "Frost Trails", "Neon Grid", "Acid Burns", "Sparking", "Water Droplets", "Crushed Grass", "Sand Divots", "Toxic Slime", "Shadow Ripples", "Light Echoes", "Floral Bloom", "Magma", "Dust Clouds", "Glitch Trails", "None"] },

        // --- 51-60: EQUIPMENT & PROPS ---
        { id: "e51", cat: "equipment", q: "Primary Weapon", choices:["Longsword", "Sniper Rifle", "Magic Staff", "Cyber-Katana", "Bow & Arrow", "Heavy Revolver", "Battleaxe", "Plasma Rifle", "Shotgun", "Whip", "Scythe", "Warhammer", "Twin Daggers", "Spell Tome", "Energy Sword", "Minigun", "Trident", "Halberd", "Crossbow", "None"] },
        { id: "e52", cat: "equipment", q: "Secondary Weapon", choices:["Combat Knife", "Silenced Pistol", "Throwing Stars", "Hand Crossbow", "Wand", "Brass Knuckles", "Grenades", "Slingshot", "Taser", "Blowgun", "Bolas", "Molotov Cocktail", "Hidden Blade", "Shortsword", "Nunchaku", "Magic Scroll", "Derringer", "Tomahawk", "Rapier", "None"] },
        { id: "e53", cat: "equipment", q: "Shield Type", choices:["Tower Shield", "Energy Buckler", "Wooden Kite Shield", "Spiked Targe", "Riot Shield", "Captain's Disk", "Aegis", "Meat Shield", "Magic Ward", "Scrap Shield", "Spartan Aspis", "Heater Shield", "Arm-mounted Blade", "Holographic Wall", "Kinetic Barrier", "Bone Shield", "Crystal Barrier", "Tortoise Shell", "Cyber-Bulwark", "None"] },
        { id: "e54", cat: "equipment", q: "Weapon Material", choices:["Damascus Steel", "Laser/Light", "Bone/Tooth", "Rusty Iron", "Obsidian", "Crystal/Gem", "Gold/Ornate", "Wood/Organic", "Carbon Fiber", "Glowing Plasma", "Ice", "Dark Matter", "Meteorite", "Titanium", "Stone", "Copper/Brass", "Blood-forged", "Poison-laced", "Ethereal Ghost", "Chrome"] },
        { id: "e55", cat: "equipment", q: "Carried Prop", choices:["Glowing Lantern", "Human Skull", "Briefcase", "Tarot Cards", "Magic Orb", "Old Map", "Smartphone", "Pocket Watch", "Bouquet of Flowers", "Smoking Pipe", "Heavy Chains", "Severed Head", "Boombox", "Umbrella", "Holy Symbol", "Musical Lute", "Medkit", "Signal Flare", "Canteen", "Ancient Book"] },
        { id: "e56", cat: "equipment", q: "Backpack/Storage", choices:["Leather Satchel", "Tactical Rucksack", "Mech-Pack", "Magic Pouch", "Floating Drone", "Quiver", "Duffel Bag", "Hard Shell Case", "Sword Scabbard", "Guitar Case", "Wooden Barrel", "Woven Basket", "Crate", "Utility Harness", "Vacuum Flask", "Bandolier", "Jetpack", "Golf Bag", "Messenger Bag", "None"] },
        { id: "e57", cat: "equipment", q: "Consumables", choices:["Health Potion", "Ammo Magazine", "Cigar", "Energy Drink", "Silver Flask", "Syringe", "Apple/Food", "Magic Mushroom", "Pill Bottle", "Stimpack", "Water Canteen", "Mana Vial", "Magic Scroll", "Army Rations", "Blood Bag", "Cyber-battery", "Spice Packet", "Chewing Gum", "Poison Phial", "None"] },
        { id: "e58", cat: "equipment", q: "Pet/Companion", choices:["Dire Wolf", "Raven", "Mechanical Hound", "Floating Eyeball", "Mini-Dragon", "Black Cat", "Owl", "Monkey", "Swarm of Insects", "Snake", "Fairy/Pixie", "Ghost/Spirit", "Combat Drone", "Bear", "Horse", "Hawk", "Giant Spider", "Poison Frog", "Alien Parasite", "None"] },
        { id: "e59", cat: "equipment", q: "Mount/Vehicle", choices:["Warhorse", "Hoverbike", "Mech-Suit", "Dragon", "Motorcycle", "Magic Carpet", "Chariot", "Spaceship", "Heavy Tank", "Off-Road Jeep", "Giant Spider", "Griffin", "Wyvern", "Boat/Skiff", "Submarine", "Armored Train", "Flying Cloud", "Pegasus", "ATV", "None"] },
        { id: "e60", cat: "equipment", q: "Magic Element/Power", choices:["Fire", "Ice/Frost", "Lightning", "Dark Matter", "Holy Light", "Blood Magic", "Earth/Nature", "Wind", "Water", "Time Manipulation", "Gravity", "Telekinesis", "Illusion", "Necromancy", "Psychic/Mind", "Acid/Poison", "Sonic/Sound", "Magnetism", "Void", "None"] },

        // --- 61-80: ENVIRONMENT & SCENE ---
        { id: "v61", cat: "environment", q: "Setting Type", choices:["Cyberpunk City", "Ancient Ruins", "Deep Forest", "Space Station", "Desert Wasteland", "Tavern/Inn", "Gothic Castle", "Underwater City", "Volcano Core", "Floating Islands", "Modern Metropolis", "Trench/Battlefield", "Graveyard", "Library", "Dungeon", "Abandoned Factory", "Alien Planet", "Snow Tundra", "Tropical Beach", "Cloud Realm"] },
        { id: "v62", cat: "environment", q: "Architecture Style", choices:["Gothic", "Brutalist", "High-Tech Sci-Fi", "Organic/Elven", "Art Deco", "Steampunk", "Classical Roman", "Feudal Japanese", "Ancient Egyptian", "Cyber-Noir", "Ruined/Decayed", "Minimalist", "Victorian", "Viking Longhouse", "Nomadic Tents", "Slum/Favela", "Corporate Glass", "Cybernetic Hive", "Dwarven Forge", "Renaissance"] },
        { id: "v63", cat: "environment", q: "Time of Day", choices:["Midnight", "High Noon", "Golden Hour", "Dawn", "Dusk", "Solar Eclipse", "Lunar Eclipse", "Artificial Night", "Pitch Black", "Blue Hour", "Twilight", "Morning Fog", "Afternoon Sun", "Deep Space", "Sunrise", "Sunset", "Blood Moon Night", "Bioluminescent Night", "Eternal Day", "Glitching Time"] },
        { id: "v64", cat: "environment", q: "Weather Conditions", choices:["Heavy Rain", "Snowstorm", "Fog/Overcast", "Clear Sky", "Sandstorm", "Ash Fall", "Thunderstorm", "Acid Rain", "Gentle Breeze", "Tornado", "Hurricane", "Heatwave", "Hailstorm", "Meteor Shower", "Toxic Smog", "Electromagnetic Storm", "Blood Rain", "Rainbow", "Shimmering Mirage", "Perfect Calm"] },
        { id: "v65", cat: "environment", q: "Sky Appearance", choices:["Starry Night", "Blood Moon", "Two Suns", "Toxic Smog", "Northern Lights", "Blank/Void", "Swirling Clouds", "Galaxy Nebula", "Ringed Planet", "Shattered Moon", "Raining Fire", "Crystal Firmament", "Ominous Red Eye", "UFO Invasion", "Flying Flocks", "Lightning Web", "Sunset Gradient", "Constellations", "Drone Swarm", "Deep Blue"] },
        { id: "v66", cat: "environment", q: "Dominant Terrain", choices:["Cobblestone", "Mud/Dirt", "Metal Grating", "Water/Puddles", "Sand", "Snow/Ice", "Tall Grass", "Magma Rock", "Polished Marble", "Hexagonal Basalt", "Blood-soaked Earth", "Ash", "Cracked Asphalt", "Floating Debris", "Dead Leaves", "Mossy Stone", "Glass/Mirrored", "Toxic Sludge", "Tech Circuitry", "Bones/Skulls"] },
        { id: "v67", cat: "environment", q: "Background Elements", choices:["Towering Mountains", "Skyscrapers", "Giant Trees", "Crashed Ships", "Looming Planets", "Monoliths", "Castle Spires", "Waterfall", "Erupting Volcano", "Black Hole", "Floating Rocks", "Giant Statues", "Ferris Wheel", "Windmills", "Factory Smokestacks", "Military Barricades", "Laser Cannons", "Ruined Bridges", "Megastructures", "Alien Flora"] },
        { id: "v68", cat: "environment", q: "Ambient Lighting", choices:["Neon Signs", "Flickering Torches", "Bioluminescent Plants", "Harsh Sunlight", "Soft Moonbeams", "Streetlamps", "Lava Glow", "Fireflies", "Lightning Flashes", "Computer Screens", "Warning Beacons", "Disco Lights", "Magic Crystals", "Strobe Lights", "Campfire", "Searchlights", "Stained Glass", "Candlelight", "Glowing Runes", "Submarine Lights"] },
        { id: "v69", cat: "environment", q: "Scene Density", choices:["Empty/Isolated", "Crowded Market", "Distant Silhouettes", "Swarm of Enemies", "Few Companions", "Abandoned/Desolate", "Riot/Chaos", "Army Formation", "Traffic Jam", "Overgrown with Plants", "Cluttered Room", "Stampede", "Scattered Debris", "Solitary Duel", "Intimate Setting", "Sparse/Minimalist", "Dense Jungle", "Packed Stadium", "Phalanx", "Ghost Town"] },
        { id: "v70", cat: "environment", q: "Scene Destruction", choices:["Pristine/Clean", "Ruins/Rubble", "Bullet Ridden", "Overgrown", "Burning/On Fire", "Shattered Glass", "Flood Damage", "Earthquake Fissures", "Melted/Slag", "Claw Marks", "Acid Melt", "Bio-Hazard", "Looted/Ransacked", "Freshly Painted", "Bloodstained", "Disintegrated", "Craters", "Web-Covered", "Frost-Covered", "Glitch-Fractured"] },
        { id: "v71", cat: "environment", q: "Water/Liquid Presence", choices:["None", "Raging River", "Calm Lake", "Acid Pool", "Blood Splatter", "Puddles", "Raindrops on Lens", "Ocean Waves", "Waterfall", "Lava Flow", "Toxic Sludge", "Flowing Quicksilver", "Floating Water Droplets", "Teardrops", "Sweaty/Drenched", "Wine Spills", "Sewers", "Flooded City", "Submerged", "Frozen Ice"] },
        { id: "v72", cat: "environment", q: "Foliage/Flora", choices:["Dead/Burnt Trees", "Alien Spores", "Lush Jungle", "Pine Forest", "Floating Lotus", "Cherry Blossoms", "Cacti", "Giant Mushrooms", "Bioluminescent Grass", "Autumn Leaves", "Thorny Vines", "Carnivorous Plants", "Seaweed/Kelp", "Coral Reef", "Moss/Lichen", "Manicured Gardens", "Wheat Field", "Sunflowers", "Blue/Red Vegetation", "None"] },
        { id: "v73", cat: "environment", q: "Scene Atmosphere", choices:["Ominous/Dread", "Peaceful/Calm", "Chaotic/Frantic", "Holy/Divine", "Corrupted/Evil", "Festive/Joyful", "Abandoned/Lonely", "Romantic", "Epic/Heroic", "Melancholy/Sad", "Tense/Suspenseful", "Dreamy/Surreal", "Triumphant", "Hopeless", "Mysterious", "Nostalgic", "Gritty/Dirty", "Majestic", "Terrifying", "Cozy"] },
        { id: "v74", cat: "environment", q: "Interior Feature", choices:["Throne", "Control Console", "Bar Counter", "Dungeon Cell", "Library Bookshelves", "Altar", "Operating Table", "Vault Door", "Giant Server Rack", "Bed/Bedroom", "Hearth/Fireplace", "Banquet Table", "Fighting Ring", "Shop Counter", "Iron Maiden", "Machinery/Gears", "Chandelier", "Arcade Cabinets", "Ritual Circle", "None (Outdoor)"] },
        { id: "v75", cat: "environment", q: "Magical/Sci-Fi Anomaly", choices:["Black Hole", "Dimensional Portal", "Floating Runes", "Holographic Billboards", "Anti-Gravity Rocks", "Glitching Reality", "Ghost Apparitions", "Energy Beam to Sky", "Time Stop Effect", "Floating Weapons", "Forcefield Dome", "Spirit Dragons", "Data Stream Matrices", "Spacetime Rift", "Cloning Vats", "Cryo-pods", "Summoning Circle", "Orbital Strike", "Wormhole", "None"] },
        { id: "v76", cat: "environment", q: "Horizon Line", choices:["Low Horizon", "High Horizon", "Obscured by Fog", "Obscured by Buildings", "Infinite Void", "Curving Upwards", "Slanted/Dutch", "Underwater", "Endless Ocean", "Endless Sand", "Blocked by Wall", "Flat/Straight", "Jagged Mountains", "Looming Planet", "Floating Island Edge", "Disappearing", "Above the Clouds", "Below Ground", "Space Station Window", "None"] },
        { id: "v77", cat: "environment", q: "Temperature/Climate", choices:["Freezing/Frost", "Sweltering Heat", "Temperate/Mild", "Humid Jungle", "Void/Vacuum", "Dry Desert", "Artic Tundra", "Volcanic Heat", "Controlled AC", "Autumn Chill", "Spring Breeze", "Steamy/Muggy", "Sub-zero", "Baking Sun", "Chilling Wind", "Perfect 72°F", "Swirling Ash Heat", "Magical Cold", "Radioactive Burn", "Wet/Damp"] },
        { id: "v78", cat: "environment", q: "Wind Effect", choices:["Still/No Wind", "Gentle Breeze", "Gale Force", "Tornado/Vortex", "Updraft", "Hair Blowing Back", "Clothes Billowing", "Dust Devils", "Flying Debris", "Trees Bending", "Horizontal Rain", "Sand Swirls", "Magic Wind Aura", "Shockwave Outward", "Implosion Wind", "Swirling Snow", "Helicopter Downdraft", "Vacuum Suction", "Solar Wind", "Howling Gale"] },
        { id: "v79", cat: "environment", q: "Dominant Env Color", isColor: true, choices:["Red", "Blue", "Green", "Cyan", "Magenta", "Yellow", "Orange", "Purple", "Teal", "Brown", "Black", "White", "Grey", "Gold", "Silver", "Neon Pink", "Lime Green", "Indigo", "Crimson", "Olive"] },
        { id: "v80", cat: "environment", q: "Secondary Env Color", isColor: true, choices:["Red", "Blue", "Green", "Cyan", "Magenta", "Yellow", "Orange", "Purple", "Teal", "Brown", "Black", "White", "Grey", "Gold", "Silver", "Neon Pink", "Lime Green", "Indigo", "Crimson", "Olive"] },

        // --- 81-90: PHOTOGRAPHY & COMPOSITION ---
        { id: "f81", cat: "photography", q: "Camera Lens", choices:["10mm Fisheye", "14mm Ultra-Wide", "24mm Wide", "35mm Storytelling", "50mm Standard", "85mm Portrait", "135mm Medium Telephoto", "200mm Telephoto", "Macro Close-Up", "Pinhole Camera", "Tilt-Shift Lens", "Anamorphic 35mm", "CCTV Lens", "Drone Wide", "Go-Pro Action", "Microscopic", "Telescope", "8mm Film", "IMAX 70mm", "500mm Super Telephoto"] },
        { id: "f82", cat: "photography", q: "Depth of Field", choices:["Deep Focus (f/16)", "Shallow BG Blur (f/1.4)", "Extreme Bokeh (f/0.95)", "Tilt-Shift Blur", "Out of Focus Subject", "Macro Depth", "Infinite Focus", "Rack Focus Effect", "Split Diopter", "Foreground Blur", "Background Blur", "Radial Blur", "Motion Blur BG", "Soft Focus", "Sharp Everywhere", "Lens Baby Focus", "Center Focus", "Edge Blur", "Cinematic Depth", "Flat"] },
        { id: "f83", cat: "photography", q: "Motion Blur", choices:["None/Freeze Frame", "Panning Blur", "Subject Motion Blur", "Long Exposure Trails", "Action Streaks", "Slow Shutter", "Fast Shutter (Crisp)", "Star Trails", "Water Smoothing", "Zoom Burst", "Shaky Cam Blur", "Bullet Time", "Speed Lines", "Afterimage", "Smear", "Ghosting", "Strobe Effect", "Cinematic Motion", "Radial Zoom", "Subject Still/World Moving"] },
        { id: "f84", cat: "photography", q: "Film Stock/Filter", choices:["Kodak Portra 400", "Fujifilm Superia", "Technicolor", "Sepia", "Polaroid/Instax", "Bleach Bypass", "Black & White", "Vintage Tintype", "Infrared/Aerochrome", "Cross-Processed", "Cinestill 800T", "Kodachrome", "VHS Tape Glitch", "Daguerreotype", "Cyanotype", "Technicolor 3-Strip", "Matte Film", "Disposable Camera", "Night Vision", "Thermal Imaging"] },
        { id: "f85", cat: "photography", q: "Vignette", choices:["Heavy Dark Vignette", "Soft Light Vignette", "White Vignette", "None", "Colored Vignette", "Irregular Shadow", "Blur Vignette", "Sharp Spotlight", "Cinematic Letterbox", "Star-shaped Cutout", "Keyhole View", "Binocular View", "Sniper Scope", "Broken Glass Edges", "Frosty Edges", "Blood-splattered Lens", "Dirt on Lens", "Water Droplets", "Glitch Border", "Old TV Bezel"] },
        { id: "f86", cat: "photography", q: "Exposure", choices:["Correctly Exposed", "Underexposed (Low Key)", "Overexposed (High Key)", "Double Exposure", "Long Exposure", "Silhouette against Light", "Blown-out Highlights", "Crushed Blacks", "High Dynamic Range (HDR)", "Flash-blown", "Moody Dim", "Studio Lit", "Moonlight Exposure", "Sun Flare Washout", "Auto-Exposed", "Shadow Clipping", "Highlight Recovery", "Backlit Focus", "Mid-tone heavy", "Flat"] },
        { id: "f87", cat: "photography", q: "Contrast", choices:["Low Contrast/Washed", "High Contrast", "Normal Contrast", "Flat/Log Profile", "Deep Shadows", "Punchy Colors", "Muted Shadows", "Tonal Compression", "Harsh Lighting Contrast", "Soft Tonal Range", "Silhouette Contrast", "Pure Black and White", "Neon High Contrast", "Muddy/Grungy", "Vivid Highlights", "Bleached", "Pastel Low Contrast", "Noir Contrast", "Solarized", "Graphic"] },
        { id: "f88", cat: "photography", q: "Saturation", choices:["Oversaturated/Vivid", "Muted/Desaturated", "Selective Color", "Grayscale/B&W", "Pastel/Light", "Neon Glow Saturation", "True to Life", "Hyper-real", "Washed Out", "Golden Hue", "Blue Toned", "Sepia", "Monochromatic", "Triadic Colors", "Analogous Colors", "Heavy Reds", "Cool Tones", "Warm Tones", "Retrowave Neon", "Technicolor Pop"] },
        { id: "f89", cat: "photography", q: "Aspect Ratio", choices:["16:9 Cinematic", "1:1 Square", "4:5 Portrait", "21:9 Ultrawide", "3:2 Standard", "2.35:1 Widescreen", "4:3 Vintage TV", "9:16 Vertical Video", "Panorama", "360 Degree", "Fisheye Circle", "Triptych", "Polaroid Frame", "IMAX Frame", "Comic Book Panel", "Custom Tall", "Custom Wide", "Oval Frame", "Letterboxed", "Pillarboxed"] },
        { id: "f90", cat: "photography", q: "Rule of Composition", choices:["Rule of Thirds", "Golden Ratio/Fibonacci", "Symmetry/Centered", "Leading Lines", "Framing", "Diagonals", "Triangle Composition", "Negative Space Heavy", "Pattern/Repetition", "Asymmetrical Balance", "Low Angle/Heroic", "High Angle/Vulnerable", "Over the Shoulder", "Point of View (POV)", "Dutch Angle", "Foreground Element Focus", "Background Element Focus", "Eye-Level", "Worm's Eye", "Bird's Eye"] },

        // --- 91-100: VFX & FINAL TOUCHES ---
        { id: "x91", cat: "vfx", q: "Particle Effects", choices:["Sparks", "Dust Motes", "Snowflakes", "Floating Embers", "Magic Glitters", "Raindrops", "Ashes", "Cherry Blossom Petals", "Floating Code/Matrix", "Blood Spray", "Smoke Wisps", "Bubbles", "Toxic Spores", "Sand Particles", "Shattered Glass", "Light Rays", "Fireflies", "Leaves", "Bullet Shells", "None"] },
        { id: "x92", cat: "vfx", q: "Lens Flare", choices:["Sci-Fi Anamorphic", "Sun Flare", "Subtle Glint", "None", "Starburst", "Cinematic Hexagons", "Rainbow Halo", "Dirty Lens Flare", "Optical Artifacts", "JJ Abrams Style", "Red Ring Flare", "Flashlight Glare", "Laser Reflection", "Ghosting Flares", "Overblown Light", "Sparkle", "Subtle Bokeh Orbs", "Edge Bleed", "Vintage Flare", "Glitch Flare"] },
        { id: "x93", cat: "vfx", q: "Chromatic Aberration", choices:["Heavy Edge Splitting", "Subtle CA", "None", "Glitch/VCR Effect", "3D Glasses Effect", "Prism Dispersion", "Radial CA", "Directional Shift", "VHS Tracking", "Neon Fringing", "Ghosting", "Lens Distortion", "Edge Softening", "RGB Split", "Holographic Flicker", "Digital Artifacts", "Pixelation", "CRT Scanlines", "Compression Glitch", "Psychedelic Shift"] },
        { id: "x94", cat: "vfx", q: "Film Grain/Noise", choices:["Heavy ISO Noise", "Clean/Digital", "35mm Grain", "16mm Dirt & Scratches", "VHS Tracking Noise", "8mm Dust", "Sensor Noise", "Digital Artifacts", "Halftone Print", "Comic Book Dots", "Canvas Texture", "Paper Texture", "Watercolor Edge", "Oil Paint Strokes", "Scanlines", "TV Static", "Grungy Overlays", "Speckled Dust", "Compression Artifacts", "None"] },
        { id: "x95", cat: "vfx", q: "Bloom/Glow Level", choices:["Extreme Ethereal Glow", "Subtle Highlights", "Harsh Digital Bloom", "None", "Neon Halo", "Dreamy Orton Effect", "Fog Light Spread", "Smudged Lens Glow", "Holy Radiance", "Radioactive Aura", "Cyberpunk Neon Bleed", "Cinematic Glow", "Soft Box Diffuse", "Bioluminescent Bleed", "Ghostly Shimmer", "Starlight Bloom", "Magma Heat Haze", "Magic Aura Bleed", "Laser Burn", "Overexposed Whiteout"] },
        { id: "x96", cat: "vfx", q: "Edge Lighting/Rim Light", choices:["Strong Backlight", "Colorful Rim", "Subtle Outline", "None", "High Contrast Silhouette", "Halo Light", "Neon Edge Glow", "Dual-Color Rim", "Golden Hour Rim", "Harsh Sun Outline", "Moonlight Rim", "Lightning Flash Edge", "Firelight Outline", "Studio Kicker Light", "Bioluminescent Edge", "Magic Glow Outline", "Strobe Rim", "Cinematic Kicker", "Metallic Outline", "Under-lit Rim"] },
        { id: "x97", cat: "vfx", q: "Subject Aura", choices:["Glowing Outline", "Smoke Emissions", "Static Electricity", "Glitching/Hologram", "None", "Holy Halo", "Demonic Shadow", "Fire Mantle", "Frost Aura", "Blood Mist", "Floating Runes", "Dark Matter Tendrils", "Sonic Distortion", "Radiant Beams", "Poison Gas", "Water Ripples", "Magnetic Field", "Pixel Dissolve", "Golden Aura", "Insect Swarm"] },
        { id: "x98", cat: "vfx", q: "Dynamic Posing", choices:["Mid-Air Leap", "Sprinting", "Crouching/Ready", "Casual Stance", "Casting Spell", "Falling", "Heroic Landing", "Swinging Weapon", "Shielding Face", "Firing Gun", "Meditating", "T-Pose/A-Pose", "Lounging", "Crawling", "Back to Camera", "Pointing", "Screaming to Sky", "Kneeling", "Defeated", "Floating/Levitating"] },
        { id: "x99", cat: "vfx", q: "Eye Contact/Focus", choices:["Looking Directly at Viewer", "Looking Away/Distant", "Eyes Closed", "Looking at Prop/Weapon", "Glaring at Enemy", "Looking Up", "Looking Down", "Peeking over glasses", "Winking", "Tears in Eyes", "Glowing Eyes", "Cybernetic Target Lock", "Hidden by Shadows", "Hidden by Hair", "Dilated Pupils", "Squinting", "Wide-eyed Terror", "Blank Stare", "Rolling Eyes", "Hypnotized"] },
        { id: "x100", cat: "vfx", q: "Signature Style Prompt", choices:["Concept Art Masterpiece", "Cyberpunk 2077 Style", "D&D Player Handbook", "Studio Ghibli", "Greg Rutkowski", "Yoji Shinkawa", "Frank Frazetta", "Moebius", "Ashley Wood", "Ilya Kuvshinov", "Katsuhiro Otomo", "Simon Stålenhag", "Zdzisław Beksiński", "Pixar 3D", "Arcane Animation Style", "Dark Souls Vibe", "Synthwave Poster", "Retro Vintage Pulp", "Anime 90s", "Ukiyo-e Woodblock"] }
    ];

    const answers = new Map();

    // Renders the HTML exactly once. No dynamic values are passed into HTML strings here to prevent escaping bugs.
    function renderQuestions() {
        const container = document.getElementById('questionArea');
        
        container.innerHTML = questionData.map((item, idx) => {
            const choicesHtml = item.choices.map(choice => {
                // We use data-val to cleanly hold strings containing spaces or quotes
                return `<div class="pill" data-val="${choice.replace(/"/g, '&quot;')}" onclick="setAnswer('${item.id}', this.dataset.val)">${choice}</div>`;
            }).join('');

            const colorHtml = item.isColor 
                ? `<input type="color" class="color-picker" oninput="setAnswer('${item.id}', this.value)">` 
                : '';

            return `
                <div class="q-card" id="card_${item.id}">
                    <div class="q-title">
                        <span class="q-num">${idx + 1}</span>
                        <span class="q-text">${item.q}</span>
                    </div>
                    <div class="pill-grid">
                        ${choicesHtml}
                    </div>
                    <div class="input-group">
                        <input type="text" class="free-input" placeholder="Custom text..." oninput="setAnswer('${item.id}', this.value)">
                        ${colorHtml}
                    </div>
                </div>
            `;
        }).join('');
    }

    window.setAnswer = (id, val) => {
        answers.set(id, val);
        updateUI(); // Synchronizes the DOM visually
    };

    function updateUI() {
        // Sync the visual UI state perfectly with our `answers` Map
        questionData.forEach(item => {
            const card = document.getElementById(`card_${item.id}`);
            if (!card) return;
            
            const currentVal = answers.get(item.id) || "";

            // Update pills
            const pills = card.querySelectorAll('.pill');
            pills.forEach(p => {
                if (p.dataset.val === currentVal) {
                    p.classList.add('selected');
                } else {
                    p.classList.remove('selected');
                }
            });

            // Update free-text input (only if user isn't actively typing in it)
            const textInput = card.querySelector('.free-input');
            if (textInput && document.activeElement !== textInput) {
                textInput.value = currentVal;
            }

            // Update color picker if applicable
            const colorInput = card.querySelector('.color-picker');
            if (colorInput && document.activeElement !== colorInput) {
                // Ensure value is a hex color, fallback to black if it is text
                colorInput.value = /^#[0-9A-Fa-f]{6}$/.test(currentVal) ? currentVal : "#000000";
            }
        });

        // Count how many valid string answers we have
        const count = Array.from(answers.values()).filter(v => typeof v === 'string' && v.trim() !== "").length;
        document.getElementById('answerCount').innerText = `${count} / 100 Completed`;

        // Generate Structured JSON
        const output = {
            metadata: { 
                generated_at: new Date().toISOString(), 
                total_fields_completed: count + "/100" 
            },
            render_settings: {},
            character_profile: {},
            costume_details: {},
            equipment_and_props: {},
            environment_details: {},
            camera_and_composition: {},
            post_processing: {}
        };

        questionData.forEach(item => {
            const val = answers.get(item.id) || "";
            if (val.trim() !== "") {
                if(item.cat === "render") output.render_settings[item.q] = val;
                else if(item.cat === "person") output.character_profile[item.q] = val;
                else if(item.cat === "costume") output.costume_details[item.q] = val;
                else if(item.cat === "equipment") output.equipment_and_props[item.q] = val;
                else if(item.cat === "environment") output.environment_details[item.q] = val;
                else if(item.cat === "photography") output.camera_and_composition[item.q] = val;
                else if(item.cat === "vfx") output.post_processing[item.q] = val;
            }
        });

        document.getElementById('jsonOutput').innerText = JSON.stringify(output, null, 2);
    }

    // Attach external button event listeners
    document.getElementById('copyJson').addEventListener('click', () => {
        const text = document.getElementById('jsonOutput').innerText;
        navigator.clipboard.writeText(text).then(() => alert("Copied to clipboard!"));
    });

    document.getElementById('resetAll').addEventListener('click', () => {
        if(confirm("Clear all data?")) {
            answers.clear();
            updateUI();
        }
    });

    // Initialize application once page loads
    renderQuestions();
    updateUI();
</script>

</body>
</html>