:root{--pbx-bg-rgb: 10, 8, 6;--pbx-bg: rgb(var(--pbx-bg-rgb));--pbx-surface-rgb: 17, 14, 9;--pbx-surface: rgb(var(--pbx-surface-rgb));--pbx-surface-alt-rgb: 28, 23, 18;--pbx-surface-alt: rgb(var(--pbx-surface-alt-rgb));--pbx-accent-rgb: 201, 168, 76;--pbx-accent: rgb(var(--pbx-accent-rgb));--pbx-accent-alt-rgb: 245, 230, 184;--pbx-accent-alt: rgb(var(--pbx-accent-alt-rgb));--pbx-accent-alt2-rgb: 139, 105, 20;--pbx-accent-alt2: rgb(var(--pbx-accent-alt2-rgb));--pbx-text-rgb: 242, 237, 228;--pbx-text: rgb(var(--pbx-text-rgb));--pbx-text-muted: #8A7D62;--pbx-text-dim: #5A4C32;--pbx-border: rgba(var(--pbx-accent-rgb), .12);--pbx-border-hover: rgba(var(--pbx-accent-rgb), .4);--pbx-accent-glow: rgba(var(--pbx-accent-rgb), .15);--pbx-gradient: linear-gradient(135deg, var(--pbx-accent-alt) 0%, var(--pbx-accent) 50%, var(--pbx-accent-alt2) 100%);--pbx-card-bg: rgba(var(--pbx-surface-alt-rgb), .8);--pbx-glass-bg: rgba(var(--pbx-accent-rgb), .03);--pbx-score-good-rgb: var(--pbx-accent-rgb);--pbx-score-good: rgb(var(--pbx-score-good-rgb));--pbx-score-mid-rgb: var(--pbx-accent-alt-rgb);--pbx-score-mid: rgb(var(--pbx-score-mid-rgb));--pbx-score-bad-rgb: 252, 129, 129;--pbx-score-bad: rgb(var(--pbx-score-bad-rgb));--pbx-rot-blue-rgb: 99, 179, 237;--pbx-rot-blue: rgb(var(--pbx-rot-blue-rgb));--pbx-rot-purple-rgb: 159, 122, 234;--pbx-rot-purple: rgb(var(--pbx-rot-purple-rgb));--pbx-rot-green-rgb: 104, 211, 145;--pbx-rot-green: rgb(var(--pbx-rot-green-rgb));--pbx-rot-orange-rgb: 246, 173, 85;--pbx-rot-orange: rgb(var(--pbx-rot-orange-rgb));--pbx-rot-red-rgb: 252, 129, 129;--pbx-rot-red: rgb(var(--pbx-rot-red-rgb))}.theme-light{--pbx-bg-rgb: 252, 250, 247;--pbx-bg: rgb(var(--pbx-bg-rgb));--pbx-surface-rgb: 255, 255, 255;--pbx-surface: rgb(var(--pbx-surface-rgb));--pbx-surface-alt-rgb: 245, 240, 230;--pbx-surface-alt: rgb(var(--pbx-surface-alt-rgb));--pbx-accent-rgb: 130, 94, 26;--pbx-accent: #825E1A;--pbx-accent-alt-rgb: 90, 65, 10;--pbx-accent-alt: #5A410A;--pbx-accent-alt2-rgb: 60, 40, 5;--pbx-accent-alt2: #3C2805;--pbx-text-rgb: 15, 10, 5;--pbx-text: rgb(var(--pbx-text-rgb));--pbx-text-muted: #2D261A;--pbx-text-dim: #4A3F2F;--pbx-border: rgba(166, 124, 42, .15);--pbx-border-hover: rgba(166, 124, 42, .4);--pbx-accent-glow: rgba(166, 124, 42, .12);--pbx-gradient: linear-gradient(135deg, #C9A84C 0%, #A67C2A 100%);--pbx-card-bg: rgba(255, 255, 255, .98);--pbx-glass-bg: rgba(166, 124, 42, .04);--pbx-score-good: var(--pbx-accent);--pbx-score-mid: var(--pbx-accent-alt);--pbx-score-bad: #EF4444;--pbx-rot-blue-rgb: 30, 100, 180;--pbx-rot-blue: rgb(var(--pbx-rot-blue-rgb));--pbx-rot-purple-rgb: 90, 60, 180;--pbx-rot-purple: rgb(var(--pbx-rot-purple-rgb));--pbx-rot-green-rgb: 30, 120, 80;--pbx-rot-green: rgb(var(--pbx-rot-green-rgb));--pbx-rot-orange-rgb: 180, 80, 20;--pbx-rot-orange: rgb(var(--pbx-rot-orange-rgb));--pbx-rot-red-rgb: 180, 40, 40;--pbx-rot-red: rgb(var(--pbx-rot-red-rgb))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--pbx-bg);color:var(--pbx-text);line-height:1.6;overflow-x:hidden;transition:background .4s,color .4s}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--pbx-bg)}::-webkit-scrollbar-thumb{background:var(--pbx-accent);border-radius:2px}@keyframes pbx-spin{to{transform:rotate(360deg)}}@keyframes pbx-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pbx-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pbx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pbx-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pbx-toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pbx-fade-up{animation:pbx-fadeUp .6s ease forwards}.pbx-fade-in{animation:pbx-fadeIn .3s ease forwards}.pbx-shimmer{background:linear-gradient(90deg,var(--pbx-accent) 0%,var(--pbx-accent-alt) 40%,var(--pbx-accent-alt2) 70%,var(--pbx-accent) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pbx-shimmer 4s linear infinite}.pbx-text-gradient{background:var(--pbx-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-block}.pbx-mesh{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 600px 400px at 20% 20%,var(--pbx-accent-glow) 0%,transparent 70%),radial-gradient(ellipse 400px 600px at 80% 80%,rgba(159,122,234,.08) 0%,transparent 70%)}.pbx-input{width:100%;background:var(--pbx-glass-bg);border:1px solid var(--pbx-border);border-radius:10px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--pbx-text);outline:none;transition:border-color .2s,box-shadow .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pbx-input:focus{border-color:var(--pbx-accent);box-shadow:0 0 0 3px var(--pbx-accent-glow)}.pbx-input::placeholder{color:var(--pbx-text-dim)}select.pbx-input option{background:var(--pbx-surface);color:var(--pbx-text)}textarea.pbx-input{resize:vertical;min-height:80px}.pbx-tab{padding:10px 20px;border-radius:8px;border:1px solid var(--pbx-border);background:transparent;font-family:Cinzel,serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--pbx-text-muted)}.pbx-tab:hover{border-color:var(--pbx-border-hover);color:var(--pbx-text);background:var(--pbx-glass-bg)}.pbx-tab.active{background:var(--pbx-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 20px var(--pbx-accent-glow)}.pbx-card{background:var(--pbx-card-bg);border:1px solid var(--pbx-border);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pbx-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:var(--pbx-glass-bg);border:1px solid var(--pbx-border);color:var(--pbx-text-muted);cursor:pointer;transition:all .15s}.pbx-chip:hover,.pbx-chip.active{border-color:var(--pbx-accent);color:var(--pbx-accent);background:var(--pbx-accent-glow)}.pbx-preset{padding:8px 14px;border-radius:8px;font-size:12px;font-family:Cinzel,serif;font-weight:600;border:1px solid var(--pbx-border);background:var(--pbx-glass-bg);color:var(--pbx-text-muted);cursor:pointer;transition:all .15s}.pbx-preset:hover{border-color:var(--pbx-accent-alt);color:var(--pbx-accent-alt)}.pbx-section-tab{padding:6px 14px;border-radius:6px;border:none;font-family:Cinzel,serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;color:var(--pbx-text-muted)}.pbx-section-tab.active{background:var(--pbx-accent-glow);color:var(--pbx-accent)}.pbx-builder-grid{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}@media(max-width:1024px){.pbx-builder-grid{grid-template-columns:1fr!important}.pbx-sticky{position:static!important}}@media(max-width:640px){.pbx-form-grid{grid-template-columns:1fr!important}.hide-mobile{display:none!important}}.pbx-history-item{padding:16px;border-radius:10px;border:1px solid var(--pbx-border);background:var(--pbx-glass-bg);cursor:pointer;transition:all .2s;margin-bottom:10px}.pbx-history-item:hover{border-color:var(--pbx-border-hover);transform:translate(4px)}.pbx-example-card{padding:20px;border-radius:12px;border:1px solid var(--pbx-border);background:var(--pbx-glass-bg);cursor:pointer;transition:all .2s}.pbx-example-card:hover{border-color:var(--pbx-border-hover);box-shadow:0 4px 20px var(--pbx-accent-glow);transform:translateY(-2px)}.pbx-tip-card{padding:24px;border-radius:14px;border:1px solid var(--pbx-border);background:var(--pbx-glass-bg)}.pbx-tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.pbx-error{padding:12px 16px;border-radius:10px;background:#fc81811a;border:1px solid rgba(252,129,129,.3);color:#fc8181;font-size:13px;font-family:DM Sans,sans-serif;margin-bottom:16px}