.demo-root{background-color:hsl(var(--background));color:hsl(var(--foreground));min-height:100vh}.demo-theme-paperpen{color-scheme:dark;--pp-canvas: #0b1210;--pp-surface: #121a17;--pp-sunken: #0e1614;--pp-border: #24302c;--pp-border-strong: #35443f;--pp-text: #e9efec;--pp-muted: #97a8a2;--pp-faint: #6e807a;--pp-brand: #00c189;--pp-brand-hover: #16d09b;--pp-brand-soft: #07271e;--pp-brand-border: #0d4a37;--pp-on-brand: #04120d;--pp-danger: #f97066;--pp-danger-soft: #2a1412;--pp-danger-border: #5b241f;--pp-warning: #f79009;--pp-warning-soft: #291c09;--pp-warning-border: #573a11;--pp-success: #47cd89;--pp-success-soft: #0a2519;--pp-success-border: #14503a;--background: 163 24% 6%;--foreground: 150 13% 93%;--card: 157 18% 9%;--card-foreground: 150 13% 93%;--surface: 157 18% 9%;--popover: 157 18% 9%;--popover-foreground: 150 13% 93%;--primary: 163 100% 38%;--primary-foreground: 159 64% 4%;--primary-glow: 163 100% 38%;--secondary: 160 14% 16%;--secondary-foreground: 150 13% 93%;--muted: 160 14% 16%;--muted-foreground: 159 9% 62%;--accent: 163 70% 9%;--accent-foreground: 150 13% 93%;--border: 160 14% 16%;--hairline: 160 14% 16%;--input: 161 12% 24%;--ring: 163 100% 38%}.pp-dash :is(h1,h2,h3,h4,p,label,button,input,select,table){font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:normal}.pp-dash textarea,.pp-dash pre,.pp-dash .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.demo-theme-short-video{color-scheme:dark;--background: 240 8% 6%;--foreground: 0 0% 97%;--card: 240 6% 10%;--card-foreground: 0 0% 97%;--surface: 240 6% 10%;--popover: 240 6% 12%;--popover-foreground: 0 0% 97%;--primary: 348 83% 45%;--primary-foreground: 0 0% 100%;--primary-glow: 348 95% 65%;--secondary: 240 5% 17%;--secondary-foreground: 0 0% 97%;--muted: 240 5% 17%;--muted-foreground: 240 5% 69%;--accent: 240 5% 20%;--accent-foreground: 0 0% 97%;--destructive: 348 90% 65%;--destructive-foreground: 240 8% 6%;--border: 240 5% 20%;--hairline: 240 5% 18%;--input: 240 5% 23%;--ring: 348 95% 68%;--ink: 240 8% 6%}.demo-theme-console,.demo-theme-jastipku,.demo-theme-navy{color-scheme:light;--background: 220 20% 97%;--foreground: 222 30% 14%;--card: 0 0% 100%;--card-foreground: 222 30% 14%;--surface: 0 0% 100%;--popover: 0 0% 100%;--popover-foreground: 222 30% 14%;--primary: 221 72% 46%;--primary-foreground: 0 0% 100%;--primary-glow: 221 72% 46%;--secondary: 220 16% 93%;--secondary-foreground: 222 30% 14%;--muted: 220 16% 93%;--muted-foreground: 220 12% 42%;--accent: 220 16% 93%;--accent-foreground: 222 30% 14%;--destructive: 0 72% 48%;--destructive-foreground: 0 0% 100%;--border: 220 15% 87%;--hairline: 220 15% 90%;--input: 220 15% 84%;--ring: 221 72% 46%;--ink: 220 20% 94%;--radius: .625rem;--shadow-soft: 0 1px 2px hsl(222 30% 14% / .05), 0 4px 12px hsl(222 30% 14% / .06);--shadow-lift: 0 2px 6px hsl(222 30% 14% / .07), 0 12px 32px hsl(222 30% 14% / .1)}.demo-theme-jastipku{--background: 35 43% 96%;--foreground: 26 30% 14%;--card-foreground: 26 30% 14%;--primary: 22 89% 35%;--primary-glow: 22 89% 35%;--muted: 35 31% 92%;--muted-foreground: 26 16% 38%;--border: 33 24% 86%;--input: 33 24% 81%;--ring: 22 89% 35%}.demo-theme-navy{--primary: 214 64% 32%;--primary-glow: 214 64% 32%;--ring: 214 64% 32%;--accent: 214 60% 95%;--accent-foreground: 214 64% 24%}.demo-theme-studio{color-scheme:dark;--background: 265 22% 9%;--foreground: 40 20% 94%;--card: 265 18% 13%;--card-foreground: 40 20% 94%;--surface: 265 18% 13%;--popover: 265 20% 11%;--popover-foreground: 40 20% 94%;--primary: 32 94% 56%;--primary-foreground: 265 30% 10%;--primary-glow: 32 96% 66%;--secondary: 265 15% 18%;--secondary-foreground: 40 20% 94%;--muted: 265 15% 18%;--muted-foreground: 265 10% 66%;--accent: 265 15% 18%;--accent-foreground: 40 20% 94%;--destructive: 0 70% 58%;--destructive-foreground: 0 0% 100%;--border: 265 14% 22%;--hairline: 265 14% 20%;--input: 265 14% 24%;--ring: 32 94% 56%;--ink: 265 24% 7%;--radius: .75rem;--shadow-soft: inset 0 1px 0 hsl(0 0% 100% / .04), 0 6px 24px hsl(0 0% 0% / .4);--shadow-lift: inset 0 1px 0 hsl(0 0% 100% / .06), 0 18px 48px hsl(0 0% 0% / .55)}.demo-theme-whatsapp{color-scheme:dark;--background: 200 12% 8%;--foreground: 0 0% 93%;--card: 200 10% 12%;--card-foreground: 0 0% 93%;--surface: 200 10% 12%;--popover: 200 10% 11%;--popover-foreground: 0 0% 93%;--primary: 142 70% 42%;--primary-foreground: 0 0% 100%;--primary-glow: 142 70% 52%;--secondary: 200 9% 17%;--secondary-foreground: 0 0% 93%;--muted: 200 9% 17%;--muted-foreground: 200 6% 62%;--accent: 200 9% 17%;--accent-foreground: 0 0% 93%;--destructive: 4 70% 55%;--destructive-foreground: 0 0% 100%;--border: 200 8% 20%;--hairline: 200 8% 18%;--input: 200 8% 22%;--ring: 142 70% 42%;--ink: 200 14% 6%;--radius: .75rem;--shadow-soft: 0 1px 2px hsl(0 0% 0% / .3), 0 6px 20px hsl(0 0% 0% / .35);--shadow-lift: 0 2px 6px hsl(0 0% 0% / .35), 0 16px 40px hsl(0 0% 0% / .5)}.demo-theme-call{color-scheme:dark;--background: 220 24% 7%;--foreground: 210 20% 95%;--card: 220 20% 11%;--card-foreground: 210 20% 95%;--surface: 220 20% 11%;--popover: 220 22% 9%;--popover-foreground: 210 20% 95%;--primary: 199 89% 52%;--primary-foreground: 220 30% 8%;--primary-glow: 199 92% 64%;--secondary: 220 16% 16%;--secondary-foreground: 210 20% 95%;--muted: 220 16% 16%;--muted-foreground: 215 12% 65%;--accent: 220 16% 16%;--accent-foreground: 210 20% 95%;--destructive: 0 72% 55%;--destructive-foreground: 0 0% 100%;--border: 220 14% 20%;--hairline: 220 14% 18%;--input: 220 14% 22%;--ring: 199 89% 52%;--ink: 220 26% 5%;--radius: 1rem;--shadow-soft: inset 0 1px 0 hsl(0 0% 100% / .04), 0 6px 24px hsl(0 0% 0% / .45);--shadow-lift: inset 0 1px 0 hsl(0 0% 100% / .06), 0 18px 48px hsl(0 0% 0% / .6)}.demo-theme-sheet{color-scheme:light;--background: 40 30% 96%;--foreground: 30 18% 15%;--card: 0 0% 100%;--card-foreground: 30 18% 15%;--surface: 0 0% 100%;--popover: 0 0% 100%;--popover-foreground: 30 18% 15%;--primary: 168 62% 32%;--primary-foreground: 0 0% 100%;--primary-glow: 168 62% 32%;--secondary: 40 22% 92%;--secondary-foreground: 30 18% 15%;--muted: 40 22% 92%;--muted-foreground: 30 10% 42%;--accent: 40 22% 92%;--accent-foreground: 30 18% 15%;--destructive: 8 72% 48%;--destructive-foreground: 0 0% 100%;--border: 38 18% 86%;--hairline: 38 18% 89%;--input: 38 18% 83%;--ring: 168 62% 32%;--ink: 40 24% 93%;--radius: .5rem;--shadow-soft: 0 1px 2px hsl(30 18% 15% / .05), 0 4px 14px hsl(30 18% 15% / .07);--shadow-lift: 0 2px 6px hsl(30 18% 15% / .07), 0 14px 36px hsl(30 18% 15% / .11)}