.pb-root,.pb-root *,.pb-root :before,.pb-root :after{box-sizing:border-box;margin:0;padding:0}.pb-root{--pb-orange:#f7941d;--pb-orange-dark:#e5850f;--pb-teal:#2dbfb8;--pb-teal-dark:#25a8a2;--pb-white:#fff;--pb-light-gray:#f8f8f8;--pb-gray:#666;font-family:var(--font-quicksand),"Quicksand",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--pb-white);color:#333}.pb-container{flex-direction:column;max-width:500px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.pb-header{text-align:center;padding:10px 0 20px}.pb-logo{width:100%;max-width:280px;height:auto;margin-bottom:8px;display:inline-block}.pb-text-logo{color:var(--pb-orange);letter-spacing:.02em;margin-bottom:4px;font-family:inherit;font-size:2rem;font-weight:700}.pb-tagline{color:var(--pb-teal);letter-spacing:.05em;font-size:.85rem;font-weight:500}.pb-main{flex-direction:column;flex:1;align-items:center;gap:20px;display:flex}.pb-camera-wrapper{aspect-ratio:3/4;background:var(--pb-light-gray);border:3px solid var(--pb-orange);border-radius:16px;width:100%;max-width:350px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.pb-camera{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.pb-preview-canvas{width:100%;height:100%;display:none;position:absolute;top:0;left:0}.pb-flip-btn{cursor:pointer;width:40px;height:40px;color:var(--pb-orange);z-index:15;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #00000026}.pb-flip-btn:hover{background:var(--pb-white);transform:scale(1.05)}.pb-countdown{color:var(--pb-orange);text-shadow:0 0 40px #ffffffe6;z-index:10;font-size:120px;font-weight:300;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pb-flash{background:var(--pb-white);opacity:0;pointer-events:none;z-index:20;width:100%;height:100%;animation:.15s ease-out pb-flash;position:absolute;top:0;left:0}@keyframes pb-flash{0%{opacity:.9}to{opacity:0}}.pb-status{color:var(--pb-gray);text-align:center;min-height:24px;font-size:.95rem;font-weight:500}.pb-filters{gap:10px;display:flex}.pb-filter-btn{background:var(--pb-white);border:2px solid var(--pb-light-gray);color:var(--pb-gray);cursor:pointer;border-radius:25px;padding:10px 22px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.pb-filter-btn:hover{border-color:var(--pb-orange);color:var(--pb-orange)}.pb-filter-btn.pb-active{background:var(--pb-orange);border-color:var(--pb-orange);color:var(--pb-white)}.pb-capture-btn{border:4px solid var(--pb-orange);cursor:pointer;background:0 0;border-radius:50%;width:74px;height:74px;margin-top:10px;padding:4px;transition:transform .1s}.pb-capture-btn:hover{transform:scale(1.05)}.pb-capture-btn:active{transform:scale(.95)}.pb-capture-btn:disabled{opacity:.5;cursor:not-allowed}.pb-capture-inner{background:var(--pb-orange);border-radius:50%;width:100%;height:100%;transition:background .2s;display:block}.pb-capture-btn:hover .pb-capture-inner{background:var(--pb-orange-dark)}.pb-strip-preview{text-align:center;width:100%;padding:20px 0}.pb-strip-preview h2{color:var(--pb-orange);margin-bottom:15px;font-size:1.1rem;font-weight:600}.pb-strip-canvas{max-width:100%;display:inline-block;box-shadow:0 4px 20px #00000026}.pb-strip-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.pb-action-btn{cursor:pointer;border-radius:30px;padding:14px 28px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.pb-action-btn:not(.pb-secondary){background:var(--pb-orange);color:var(--pb-white);border:none}.pb-action-btn:not(.pb-secondary):hover{background:var(--pb-orange-dark);transform:translateY(-1px)}.pb-action-btn.pb-secondary{background:var(--pb-white);border:2px solid var(--pb-teal);color:var(--pb-teal)}.pb-action-btn.pb-secondary:hover{background:var(--pb-teal);color:var(--pb-white)}.pb-hidden{display:none!important}.pb-footer{text-align:center;margin-top:auto;padding:20px 0}.pb-footer a{color:var(--pb-teal);font-size:.85rem;font-weight:500;text-decoration:none}.pb-footer a:hover{text-decoration:underline}@media (max-width:767px){.pb-logo,.pb-text-logo{display:none}.pb-header{padding:2px 0 14px}}@media (max-width:400px){.pb-container{padding:15px}.pb-logo{max-width:220px}.pb-camera-wrapper{max-width:300px}.pb-filter-btn{padding:8px 16px;font-size:.8rem}}