.primary-btn,.save-btn{font-weight:700;color:#fff}*,.card{box-sizing:border-box}*{margin:0;padding:0}html{background:radial-gradient(circle,#fff 0,#cbd5e0 100%);background-color:#edf2f7;display:flex;justify-content:center}body{overflow-x:hidden;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:#f7fafc;color:#2d3748;line-height:1.5;width:100%;max-width:600px;margin:0 auto;min-height:100vh;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;box-shadow:0 0 20px rgba(0,0,0,.05)}.top-accordion{width:100%;position:relative;background:#fff;margin-bottom:10px;z-index:10}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;cursor:pointer;background:#4a5568;color:#fff}.accordion-header h1{font-size:1.2rem}.accordion-header i{transition:transform .3s}.accordion-body{height:0;overflow:hidden;transition:height .3s;background:#f7fafc;padding:0 15px}.top-accordion.active .accordion-header i{transform:rotate(180deg)}.newItem h4{margin:10px 0 5px;color:#4a5568}.creator-card{background:#fff;padding:12px;border-radius:12px;box-shadow:0 10px 10px -3px rgba(0,0,0,.1);margin:10px 0}.control-group{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}.control-group>*{flex:1 1 0;min-width:0}#captureAction,#imageInput{height:40px;border-radius:10px;font-size:.85rem;display:flex;align-items:center;justify-content:center}#imageInput{border:2px solid #e2e8f0;background:#f8fafc;padding:6px}input[type=text]{display:block;width:100%;height:40px;margin:10px 0;padding:8px;border:2px solid #e2e8f0;border-radius:10px;font-size:.85rem}#previewContainer,.card img{width:100%;margin-bottom:15px}input[type=text]:focus{outline:0;border-color:#4a90e2}#previewContainer{display:none;min-height:100px;background:#f0f0f0;border:2px dashed #ccc;border-radius:8px}#archiveSlider,#previewContainer.visible,.card,.card-actions,.data-controls,.nav-btn{display:flex}.play-btn,.primary-btn,.save-btn{border:none;cursor:pointer}.primary-btn{background:#4a90e2}.save-btn{background:#38a169;width:100%;padding:14px;border-radius:10px;font-size:1rem}.util-btn{flex:1;margin:5px;background:#4a5568;color:#fff;padding:8px;border-radius:6px;border:none;cursor:pointer;font-size:.75rem;font-weight:600}.util-btn.danger{background:#e53e3e}.data-controls{padding:10px 0}.app-container{padding:10px 20px}.slider-wrapper{position:relative;margin:10px 0}#archiveSlider{min-height:400px;overflow-x:auto;scroll-behavior:smooth;gap:0;scroll-snap-type:x mandatory;scrollbar-width:none}#archiveSlider::-webkit-scrollbar{display:none}#archiveSlider:empty::before{content:"No items in your archive yet";display:flex;align-items:center;justify-content:center;width:100%;height:380px;border:2px dashed #cbd5e0;border-radius:15px;color:#a0aec0;font-size:1rem;background:#fdfdfd}.card{flex:0 0 100%;scroll-snap-align:start;background:#fff;border-radius:12px;padding:20px;flex-direction:column}.card img{height:300px;object-fit:contain;background-color:#fff;border-radius:8px}.script-display{font-size:1.2rem;text-align:center;font-weight:700;background:#f1f5f9;padding:12px;border-radius:8px;margin-bottom:10px}.card-desc{font-size:.9rem;color:#666;text-align:center;font-style:italic;margin-bottom:15px}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #e2e8f0;border-radius:50%;width:40px;height:40px;cursor:pointer;z-index:5;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}.nav-btn.prev{left:-10px}.nav-btn.next{right:-10px}.card-actions{justify-content:center;align-items:center;gap:15px;margin-top:auto}.play-btn{background:#4a90e2;color:#fff;padding:10px 20px;border-radius:8px}.delete-btn{background:0 0;border:none;cursor:pointer;font-size:1.2rem;color:#a0aec0}.delete-btn:hover{color:#e53e3e}