:root{--rs-ground:#0d0b1a;--rs-ink:#f4f1ff;--rs-ink-2:#d8d2f0;--rs-ink-3:#c9c2e8;--rs-ink-4:#a9a2c8;--rs-panel:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02));--rs-panel-border:hsla(0,0%,100%,.09);--rs-panel-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),0 20px 40px -16px rgba(0,0,0,.7);--rs-tile-shadow:inset 0 1px 0 hsla(0,0%,100%,.55),inset 0 -2px 0 rgba(0,0,0,.22);--rs-btn-top:#f0abfc;--rs-btn-mid:#d946ef;--rs-btn-bot:#a855f7;--rs-btn-base:#6b21a8;--rs-thumb:radial-gradient(circle at 35% 30%,#fff 0%,#ede9fe 45%,#b9b0da 100%)}#app{color:var(--rs-ink)}#app .panel-section-title{color:#e9e5f5}#app .adj-label span:first-child{color:var(--rs-ink-2);font-weight:500;font-size:12px}#app .adj-label span:last-child{color:#fff;font-size:11px;min-width:22px;padding:2px 10px;border-radius:999px;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.09);text-align:center}#vibe-layer{background:radial-gradient(900px 500px at 8% -10%,rgba(124,58,237,.38),transparent 60%),radial-gradient(800px 500px at 100% 10%,rgba(236,72,153,.22),transparent 60%),radial-gradient(900px 600px at 50% 120%,rgba(14,165,233,.18),transparent 60%),var(--rs-ground)}#vibe-layer:before{background:radial-gradient(circle,rgba(124,58,237,.3) 0,transparent 65%)}#vibe-layer:after{background:radial-gradient(circle,rgba(236,72,153,.22) 0,transparent 65%)}#canvas-bg{background-color:rgba(13,11,26,.35);background-image:repeating-conic-gradient(hsla(0,0%,100%,.035) 0 25%,transparent 0 50%);background-size:28px 28px}#bottombar,#rightpanel,#sidebar,#topbar{background:var(--rs-panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--rs-panel-border);box-shadow:var(--rs-panel-shadow)}#rightpanel,#sidebar,#topbar{border-radius:22px}#topbar{padding:0 14px}#bottombar{border-radius:999px}#logo{gap:10px;font-size:18px;letter-spacing:-.02em;padding-right:12px;margin-right:4px;border-right:1px solid hsla(0,0%,100%,.08)}#logo svg{width:32px;height:32px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}#logo .wordmark{font-size:18px}.top-sep{height:26px;margin:0 4px;background:hsla(0,0%,100%,.08)}.top-btn{gap:8px;padding:5px 10px 5px 5px;border-radius:12px;font-size:13px;font-weight:600;color:var(--rs-ink);letter-spacing:0;transition:background .15s,transform .15s}.top-btn:hover{background:hsla(0,0%,100%,.07);color:#fff;transform:none}.top-btn:hover svg{transform:none}.top-btn:disabled{opacity:.42}.top-btn svg{--c1:#e4e4e7;--c2:#71717a;--c3:#3f3f46;width:28px;height:28px;padding:7px;border-radius:9px;flex-shrink:0;color:#fff;background:linear-gradient(145deg,var(--c1),var(--c2) 50%,var(--c3));box-shadow:var(--rs-tile-shadow),0 5px 12px -3px color-mix(in srgb,var(--c2) 70%,transparent)}.top-btn:disabled svg{box-shadow:var(--rs-tile-shadow)}#topbar .top-btn:first-of-type svg{--c1:#bae6fd;--c2:#0ea5e9;--c3:#075985}#topbar .top-btn:nth-of-type(2) svg{--c1:#a7f3d0;--c2:#10b981;--c3:#065f46}#topbar .top-btn:nth-of-type(3) svg{--c1:#fde68a;--c2:#f59e0b;--c3:#b45309}#topbar .top-btn:nth-of-type(4) svg,#topbar .top-btn:nth-of-type(5) svg{--c1:#e4e4e7;--c2:#71717a;--c3:#3f3f46}#topbar .top-btn:nth-of-type(6) svg{--c1:#fecdd3;--c2:#f43f5e;--c3:#9f1239}#topbar .top-btn:nth-of-type(7) svg{--c1:#c7d2fe;--c2:#6366f1;--c3:#3730a3}#topbar .top-btn:nth-of-type(8) svg{--c1:#99f6e4;--c2:#14b8a6;--c3:#0f766e}#topbar .top-btn:nth-of-type(9) svg{--c1:#a5f3fc;--c2:#06b6d4;--c3:#155e75}#topbar .top-btn:nth-of-type(10) svg{--c1:#fed7aa;--c2:#f97316;--c3:#9a3412}#topbar .top-btn:nth-of-type(11) svg{--c1:#fbcfe8;--c2:#ec4899;--c3:#9d174d}.top-btn.active,.top-btn.before-after-active{background:rgba(167,139,250,.16);box-shadow:inset 0 0 0 1px rgba(196,181,253,.45)}.top-btn.primary,.top-btn.primary:hover{margin-left:8px;padding:10px 18px;border-radius:14px;font-weight:800;color:#fff;gap:8px;background:linear-gradient(180deg,#d8b4fe,#a855f7 45%,#7c3aed);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),inset 0 -2px 0 rgba(0,0,0,.2),0 5px 0 #4c1d95,0 16px 28px -8px rgba(168,85,247,.7);transform:none;overflow:visible}.top-btn.primary:after{display:none}.top-btn.primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 -2px 0 rgba(0,0,0,.2),0 7px 0 #4c1d95,0 22px 34px -8px rgba(168,85,247,.85)}.top-btn.primary:active{transform:translateY(4px);box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 1px 0 #4c1d95}.top-btn.primary svg{width:16px;height:16px;padding:0;background:none;box-shadow:none;border-radius:0}.top-btn.primary:disabled{opacity:.55;transform:none!important}#ai-badge{gap:8px;padding:8px 14px;font-size:12px;letter-spacing:.06em;color:#bbf7d0;background:linear-gradient(180deg,rgba(74,222,128,.18),rgba(74,222,128,.06));border:1px solid rgba(74,222,128,.45);box-shadow:none}#ai-badge .ai-dot{width:8px;height:8px;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.7);animation:rs-pulse 2s ease-in-out infinite}@keyframes rs-pulse{0%,to{box-shadow:0 0 0 0 rgba(74,222,128,.7)}50%{box-shadow:0 0 0 6px rgba(74,222,128,0)}}#sidebar{width:72px;padding:10px 0;gap:6px}.tool-btn{width:52px;height:42px;border-radius:14px;color:#fff;font-size:0;transition:background .15s,box-shadow .15s}.tool-btn svg{--c1:#e2e8f0;--c2:#64748b;--c3:#334155;width:30px;height:30px;padding:7px;border-radius:10px;background:linear-gradient(145deg,var(--c1),var(--c2) 50%,var(--c3));box-shadow:var(--rs-tile-shadow),0 5px 12px -4px color-mix(in srgb,var(--c2) 70%,transparent);transition:transform .15s}.tool-btn:hover{background:hsla(0,0%,100%,.06);color:#fff;transform:none}.tool-btn:hover svg{transform:translateY(-1px)}.tool-btn.active{background:rgba(167,139,250,.16);box-shadow:inset 0 0 0 1px rgba(196,181,253,.45),0 0 20px rgba(167,139,250,.35);transform:none}.tool-btn.active svg{width:34px;height:34px;padding:8px;border-radius:11px;box-shadow:var(--rs-tile-shadow),0 6px 14px -4px color-mix(in srgb,var(--c2) 90%,transparent)}#sidebar .tool-btn:first-of-type svg{--c1:#ddd6fe;--c2:#8b5cf6;--c3:#6d28d9}#sidebar .tool-btn:nth-of-type(2) svg{--c1:#e2e8f0;--c2:#64748b;--c3:#334155}#sidebar .tool-btn:nth-of-type(3) svg{--c1:#99f6e4;--c2:#14b8a6;--c3:#0f766e}#sidebar .tool-btn:nth-of-type(4) svg{--c1:#fde68a;--c2:#f59e0b;--c3:#b45309}#sidebar .tool-btn:nth-of-type(5) svg{--c1:#fbcfe8;--c2:#ec4899;--c3:#9d174d}#sidebar .tool-btn:nth-of-type(6) svg{--c1:#fecdd3;--c2:#f43f5e;--c3:#9f1239}#sidebar .tool-btn:nth-of-type(7) svg{--c1:#c7d2fe;--c2:#6366f1;--c3:#3730a3}#sidebar .tool-btn:nth-of-type(8) svg{--c1:#fed7aa;--c2:#f97316;--c3:#9a3412}#sidebar .tool-btn:nth-of-type(9) svg{--c1:#bae6fd;--c2:#0ea5e9;--c3:#075985}#sidebar .tool-btn:nth-of-type(10) svg{--c1:#d9f99d;--c2:#84cc16;--c3:#3f6212}#sidebar .tool-btn:nth-of-type(11) svg{--c1:#a5f3fc;--c2:#06b6d4;--c3:#155e75}#sidebar .tool-btn:nth-of-type(12) svg{--c1:#f5d0fe;--c2:#d946ef;--c3:#86198f}#sidebar .tool-btn:nth-of-type(13) svg{--c1:#fef08a;--c2:#eab308;--c3:#854d0e}#sidebar .tool-sep~.tool-btn:nth-of-type(14) svg,#sidebar .tool-sep~.tool-btn:nth-of-type(15) svg,#sidebar .tool-sep~.tool-btn:nth-of-type(16) svg,#sidebar .tool-sep~.tool-btn:nth-of-type(17) svg{--c1:transparent;--c2:transparent;--c3:transparent;background:none;box-shadow:none;padding:5px;color:var(--rs-ink-2)}#sidebar .tool-btn:nth-of-type(18) svg{--c1:#a7f3d0;--c2:#10b981;--c3:#065f46}#sidebar .tool-btn:nth-of-type(19) svg{--c1:#fecaca;--c2:#ef4444;--c3:#991b1b}.tool-sep{width:34px;height:1px;background:hsla(0,0%,100%,.1);margin:4px 0}#sidebar label.tool-btn>div{width:34px!important;height:34px!important;border-radius:11px!important;border:none!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),inset 0 -3px 0 rgba(0,0,0,.25),0 0 0 3px hsla(0,0%,100%,.12),0 6px 14px -4px rgba(0,0,0,.6)!important}#panel-tabs{padding:12px 10px;background:none;border-bottom:1px solid hsla(0,0%,100%,.07);-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}#panel-tabs,.panel-tab{gap:6px;align-items:center}.panel-tab{display:flex;padding:7px 12px 7px 7px;border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--rs-ink-2);border-bottom:none;transition:background .15s}.panel-tab:before{content:"";width:18px;height:18px;border-radius:6px;flex:none;background:linear-gradient(145deg,var(--t1,#ddd6fe),var(--t2,#8b5cf6));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6)}.panel-tab:hover{background:hsla(0,0%,100%,.07);color:#fff}.panel-tab.active{color:#fff;font-weight:800;background:linear-gradient(180deg,var(--a1,#c084fc),var(--a2,#9333ea));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),0 3px 0 var(--a3,#581c87),0 8px 16px -6px color-mix(in srgb,var(--a2,#9333ea) 80%,transparent)}.panel-tab.active:before{background:linear-gradient(145deg,#fff,var(--t1,#ddd6fe))}.panel-tab.active:after{display:none}#panel-tabs .panel-tab:first-child{--t1:#fef3c7;--t2:#f59e0b;--a1:#c084fc;--a2:#9333ea;--a3:#581c87;--t3:#b45309}#panel-tabs .panel-tab:nth-child(2){--t1:#fbcfe8;--t2:#ec4899;--a1:#f472b6;--a2:#db2777;--a3:#831843;--t3:#9d174d}#panel-tabs .panel-tab:nth-child(3){--t1:#fff1e6;--t2:#fb923c;--a1:#fdba74;--a2:#ea580c;--a3:#7c2d12;--t3:#9a3412}#panel-tabs .panel-tab:nth-child(4){--t1:#99f6e4;--t2:#14b8a6;--a1:#2dd4bf;--a2:#0d9488;--a3:#134e4a;--t3:#0f766e}#panel-tabs .panel-tab:nth-child(5){--t1:#bae6fd;--t2:#0ea5e9;--a1:#38bdf8;--a2:#0284c7;--a3:#0c4a6e;--t3:#075985}#panel-tabs .panel-tab:nth-child(6){--t1:#fde68a;--t2:#a78bfa;--a1:#a78bfa;--a2:#7c3aed;--a3:#4c1d95;--t3:#5b21b6}#panel-tabs .panel-tab:nth-child(6):before{background:conic-gradient(#f87171,#fbbf24,#4ade80,#38bdf8,#a78bfa,#f472b6,#f87171)}#panel-tabs .panel-tab:nth-child(7){--t1:#ddd6fe;--t2:#8b5cf6;--a1:#facc15;--a2:#ca8a04;--a3:#713f12;--t3:#6d28d9}#panel-tabs .panel-tab:nth-child(8){--t1:#fca5a5;--t2:#3b82f6;--a1:#c084fc;--a2:#9333ea;--a3:#581c87;--t3:#1e3a8a}#panel-tabs .panel-tab:nth-child(8):before{background:linear-gradient(145deg,#fca5a5,#22c55e 50%,#3b82f6)}#panel-tabs .panel-tab:nth-child(9){--t1:#93c5fd;--t2:#2563eb;--a1:#60a5fa;--a2:#2563eb;--a3:#1e3a8a;--t3:#1e3a8a}#panel-tabs .panel-tab:nth-child(9):before{background:conic-gradient(#3b82f6,#22c55e,#facc15,#3b82f6)}#panel-tabs .panel-tab:nth-child(10){--t1:#e4e4e7;--t2:#71717a;--a1:#a1a1aa;--a2:#52525b;--a3:#27272a;--t3:#27272a}#panel-tabs .panel-tab:nth-child(10):before{background:linear-gradient(90deg,#111,#fff)}#panel-tabs .panel-tab:nth-child(11){--t1:#fef08a;--t2:#eab308;--a1:#e879f9;--a2:#a855f7;--a3:#6b21a8;--t3:#854d0e}#panel-tabs .panel-tab:nth-child(12){--t1:#fdba74;--t2:#ec4899;--a1:#fb923c;--a2:#db2777;--a3:#831843;--t3:#7c3aed}#panel-tabs .panel-tab:nth-child(12):before{background:linear-gradient(145deg,#fdba74,#ec4899 50%,#7c3aed)}#panel-tabs .panel-tab:nth-child(13){--t1:#c7d2fe;--t2:#6366f1;--a1:#818cf8;--a2:#4f46e5;--a3:#312e81;--t3:#3730a3}#panel-tabs .panel-tab:nth-child(14){--t1:#e2e8f0;--t2:#64748b;--a1:#94a3b8;--a2:#475569;--a3:#1e293b;--t3:#1e293b}#panel-tabs .panel-tab:nth-child(15){--t1:#cffafe;--t2:#06b6d4;--a1:#22d3ee;--a2:#0891b2;--a3:#155e75;--t3:#155e75}#panel-content{padding:18px 18px 24px}.panel-section-title{font-size:12px;letter-spacing:.14em;gap:10px;margin-bottom:14px}.panel-section-title:before{width:26px;height:26px;border-radius:8px;background:linear-gradient(145deg,var(--s1,#fef3c7),var(--s2,#f59e0b) 55%,var(--s3,#b45309));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),inset 0 -2px 0 rgba(0,0,0,.2),0 4px 10px -3px color-mix(in srgb,var(--s2,#f59e0b) 80%,transparent)}.panel-section-title:after{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--s2,#f59e0b) 50%,transparent),transparent)}.panel-section-title>span{flex:none}.panel-section:first-of-type .panel-section-title{--s1:#fef3c7;--s2:#f59e0b;--s3:#b45309}.panel-section:nth-of-type(2) .panel-section-title{--s1:#fbcfe8;--s2:#ec4899;--s3:#9d174d}.panel-section:nth-of-type(3) .panel-section-title{--s1:#bae6fd;--s2:#0ea5e9;--s3:#075985}.panel-section:nth-of-type(4) .panel-section-title{--s1:#ddd6fe;--s2:#8b5cf6;--s3:#6d28d9}.panel-section:nth-of-type(5) .panel-section-title{--s1:#99f6e4;--s2:#14b8a6;--s3:#0f766e}.panel-section:nth-of-type(6) .panel-section-title{--s1:#fed7aa;--s2:#f97316;--s3:#9a3412}#bg-panel .panel-section:first-of-type .panel-section-title{--s1:#99f6e4;--s2:#14b8a6;--s3:#0f766e}#filter-panel .panel-section-title{--s1:#bae6fd;--s2:#0ea5e9;--s3:#075985}#layer-panel .panel-section-title{--s1:#c7d2fe;--s2:#6366f1;--s3:#3730a3}#presets-panel .panel-section-title{--s1:#fdba74;--s2:#ec4899;--s3:#7c3aed}#portraits-panel .panel-section-title{--s1:#fff1e6;--s2:#fb923c;--s3:#9a3412}.adj-row{margin-bottom:14px;--track:linear-gradient(90deg,#2a2540,#a78bfa);--glow:rgba(167,139,250,.3)}.adj-row .slider-track-fill{display:none}input[type=range]{height:22px}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:var(--track);box-shadow:inset 0 1px 2px rgba(0,0,0,.6),0 1px 0 hsla(0,0%,100%,.06)}input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:var(--track);box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-7px;background:var(--rs-thumb);box-shadow:0 4px 8px rgba(0,0,0,.55),0 0 0 4px var(--glow)}input[type=range]::-moz-range-thumb{width:22px;height:22px;background:var(--rs-thumb);box-shadow:0 4px 8px rgba(0,0,0,.55),0 0 0 4px var(--glow)}input[type=range]::-webkit-slider-thumb:hover,input[type=range]:active::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 6px 12px rgba(0,0,0,.6),0 0 0 5px var(--glow)}.adj-row:has(#s-exposure){--track:linear-gradient(90deg,#151226,#fff7d6);--glow:hsla(48,97%,77%,.25)}.adj-row:has(#s-brightness){--track:linear-gradient(90deg,#2a2540,#fde68a);--glow:hsla(48,97%,77%,.25)}.adj-row:has(#s-contrast){--track:linear-gradient(90deg,#6b6880,#0e0c18 50%,#fff);--glow:hsla(0,0%,100%,.15)}.adj-row:has(#s-highlights){--track:linear-gradient(90deg,#3b3552,#fff);--glow:hsla(0,0%,100%,.15)}.adj-row:has(#s-shadows){--track:linear-gradient(90deg,#000,#7c74a6);--glow:rgba(124,116,166,.3)}.adj-row:has(#s-temperature){--track:linear-gradient(90deg,#3b82f6,#e5e7eb 50%,#f59e0b);--glow:hsla(0,0%,100%,.15)}.adj-row:has(#s-tint){--track:linear-gradient(90deg,#22c55e,#e5e7eb 50%,#d946ef);--glow:hsla(0,0%,100%,.15)}.adj-row:has(#s-saturation){--track:linear-gradient(90deg,#8a879c,#f472b6 60%,#e11d48);--glow:rgba(244,114,182,.3)}.adj-row:has(#s-vibrance){--track:linear-gradient(90deg,#8a879c,#fb923c 60%,#f43f5e);--glow:rgba(251,146,60,.3)}.adj-row:has(#s-hue){--track:linear-gradient(90deg,#ff4d4d,#ffd24d,#4dff88,#4dd2ff,#6b4dff,#ff4dd2,#ff4d4d);--glow:hsla(0,0%,100%,.18)}.adj-row:has(#s-clarity),.adj-row:has(#s-sharpness){--track:linear-gradient(90deg,#2a2540,#bae6fd);--glow:rgba(186,230,253,.3)}.adj-row:has(#s-dehaze),.adj-row:has(#s-noiseRed){--track:linear-gradient(90deg,#2a2540,#99f6e4);--glow:rgba(153,246,228,.3)}.adj-row:has(#s-vignette){--track:linear-gradient(90deg,#fff,#0e0c18);--glow:hsla(0,0%,100%,.15)}.adj-row:has(#s-glow),.adj-row:has(#s-grain),.adj-row:has(#s-lightLeak){--track:linear-gradient(90deg,#2a2540,#fdba74);--glow:hsla(31,97%,72%,.3)}.adj-row:has(#s-straighten){--track:linear-gradient(90deg,#ddd6fe,#2a2540 50%,#ddd6fe);--glow:rgba(221,214,254,.3)}.adj-row:has(#b-softFocus),.adj-row:has([id^=b-skin]){--track:linear-gradient(90deg,#3b3552,#fbcfe8);--glow:rgba(251,207,232,.3)}.adj-row:has(#b-eyeBright),.adj-row:has(#b-faceBright){--track:linear-gradient(90deg,#3b3552,#fff7d6);--glow:rgba(255,247,214,.25)}.adj-row:has(#b-blush),.adj-row:has(#b-lipColor){--track:linear-gradient(90deg,#3b3552,#f472b6);--glow:rgba(244,114,182,.3)}.adj-row:has(#filter-intensity),.adj-row:has(#pp-zoom){--track:linear-gradient(90deg,#2a2540,#c084fc);--glow:rgba(192,132,252,.3)}.ai-run-btn,.ai-run-btn:hover{padding:9px 18px;border-radius:12px;font-size:13px;font-weight:800;color:#fff;overflow:visible;background:linear-gradient(180deg,var(--rs-btn-top),var(--rs-btn-mid) 40%,var(--rs-btn-bot));box-shadow:inset 0 2px 0 hsla(0,0%,100%,.45),inset 0 -2px 0 rgba(0,0,0,.18),0 5px 0 var(--rs-btn-base),0 16px 28px -8px rgba(217,70,239,.7);transform:none;transition:transform .12s,box-shadow .12s}.ai-run-btn:after{display:none}.ai-run-btn:hover{transform:translateY(-2px);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.5),inset 0 -2px 0 rgba(0,0,0,.18),0 7px 0 var(--rs-btn-base),0 22px 34px -8px rgba(217,70,239,.85)}.ai-run-btn:active{transform:translateY(4px);box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 1px 0 var(--rs-btn-base)}.ai-run-btn:disabled{opacity:.5;transform:none}.ai-run-btn.premium{animation:none}#bg-panel .ai-run-btn{--rs-btn-top:#5eead4;--rs-btn-mid:#14b8a6;--rs-btn-bot:#7c3aed;--rs-btn-base:#312e81;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.45),inset 0 -2px 0 rgba(0,0,0,.18),0 5px 0 #312e81,0 16px 28px -8px rgba(20,184,166,.6);padding:14px 16px;font-size:15px;border-radius:16px}.layer-act-btn,.panel-btn,.social-preset-btn{border-radius:12px;font-weight:700;color:var(--rs-ink);background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),0 3px 0 rgba(0,0,0,.4)}.layer-act-btn:hover,.panel-btn:hover,.social-preset-btn:hover{background:linear-gradient(180deg,hsla(0,0%,100%,.14),hsla(0,0%,100%,.05));border-color:rgba(192,132,252,.45);color:#fff}.layer-act-btn{padding:9px 6px;font-size:12px}.social-preset-btn{padding:9px 6px;font-size:11px}.ai-feature{padding:14px;border-radius:18px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08)}.ai-feature:before{display:none}.ai-feature:hover{transform:none;background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.14)}.ai-feature-icon{width:48px;height:48px;border-radius:15px;border:none;font-size:22px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),inset 0 -3px 0 rgba(0,0,0,.2),0 8px 18px -6px var(--ai-accent,rgba(168,85,247,.9))}.ai-feature:hover .ai-feature-icon{transform:none}.ai-feature-name{font-size:15px;font-weight:800}.ai-feature-desc{font-size:12px;color:#b7b0d6;white-space:normal}.ai-feature .ai-run-btn{padding:9px 18px}.ai-model-status{font-size:13px;color:#d1fae5;padding:12px 14px;border-radius:14px;background:linear-gradient(90deg,rgba(74,222,128,.14),rgba(74,222,128,.03));border:1px solid rgba(74,222,128,.35)}#filter-grid{gap:12px}.filter-card{gap:8px;padding:6px;border-radius:16px;border:none;background:hsla(0,0%,100%,.04);box-shadow:none}.filter-card:hover{background:hsla(0,0%,100%,.07)}.filter-card.active{background:linear-gradient(180deg,rgba(56,189,248,.25),rgba(168,85,247,.15));box-shadow:0 0 0 2px #38bdf8,0 10px 24px -8px rgba(56,189,248,.7)}.filter-thumb{border-radius:11px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 8px 16px -8px rgba(0,0,0,.8)}.filter-name{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--rs-ink-3)}.filter-card.active .filter-name{color:#fff;font-weight:800}.layer-item{padding:10px;border-radius:14px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08)}.layer-item.active,.layer-item:hover{background:linear-gradient(180deg,rgba(129,140,248,.2),rgba(99,102,241,.08));border-color:rgba(129,140,248,.5)}.layer-thumb{border-radius:9px}.layer-name{font-size:13px}.layer-type{color:var(--rs-ink-4)}.drop-outer{padding:2px;border-radius:28px;max-width:min(640px,92%);animation:none;background:linear-gradient(135deg,#f472b6,#a855f7 35%,#38bdf8 70%,#f472b6);box-shadow:0 40px 80px -24px rgba(0,0,0,.8),0 0 60px -10px rgba(168,85,247,.45)}.drop-inner{gap:18px;padding:40px 36px 36px;border-radius:26px;background:linear-gradient(180deg,rgba(30,24,52,.96),rgba(18,14,32,.96));-webkit-backdrop-filter:none;backdrop-filter:none}.drop-inner.dragover,.drop-inner:hover{background:linear-gradient(180deg,rgba(36,28,62,.97),rgba(20,16,36,.97))}.drop-icon-wrap{width:92px;height:92px}.drop-icon-wrap:before{background:radial-gradient(circle,rgba(217,70,239,.35) 0,transparent 70%)}.drop-icon{width:56px;height:56px;padding:13px;border-radius:50%;color:#fff;filter:none;background:radial-gradient(circle at 35% 30%,#f5d0fe 0,#d946ef 40%,#7c3aed 100%);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.6),inset 0 -4px 0 rgba(0,0,0,.25),0 12px 24px -6px rgba(217,70,239,.9);animation:rs-float 6s ease-in-out infinite}@keyframes rs-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.drop-title{font-size:36px;letter-spacing:-.02em;background:linear-gradient(90deg,#f5d0fe,#f9a8d4 40%,#c4b5fd 75%,#93c5fd);-webkit-background-clip:text;background-clip:text}.drop-sub{font-size:16px;color:var(--rs-ink-3);max-width:360px}.drop-badge{padding:6px 14px;font-size:12px;font-weight:800;letter-spacing:.04em;border:none;color:#fff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 3px 0 var(--b3);background:linear-gradient(180deg,var(--b1),var(--b2))}.drop-badges .drop-badge:first-child{--b1:#f9a8d4;--b2:#db2777;--b3:#9d174d}.drop-badges .drop-badge:nth-child(2){--b1:#fde68a;--b2:#f59e0b;--b3:#b45309;color:#451a03}.drop-badges .drop-badge:nth-child(3){--b1:#99f6e4;--b2:#14b8a6;--b3:#0f766e;color:#042f2e}.drop-badges .drop-badge:nth-child(4){--b1:#93c5fd;--b2:#2563eb;--b3:#1e40af}.drop-btn,.drop-btn:hover{margin-top:8px;padding:16px 40px;border-radius:16px;font-size:17px;font-weight:800;overflow:visible;background:linear-gradient(180deg,var(--rs-btn-top) 0,var(--rs-btn-mid) 40%,var(--rs-btn-bot) 100%);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.45),inset 0 -2px 0 rgba(0,0,0,.18),0 6px 0 var(--rs-btn-base),0 18px 30px -8px rgba(217,70,239,.75);transform:none;transition:transform .12s,box-shadow .12s}.drop-btn:after{display:none}.drop-btn:hover{transform:translateY(-2px);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.5),inset 0 -2px 0 rgba(0,0,0,.18),0 8px 0 var(--rs-btn-base),0 24px 36px -8px rgba(217,70,239,.9)}.drop-btn:active{transform:translateY(5px);box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 1px 0 var(--rs-btn-base)}#bottombar{height:42px;padding:0 14px}.zoom-btn{width:28px;height:28px;border-radius:9px;background:hsla(0,0%,100%,.08);color:#fff}.zoom-btn:hover{background:hsla(0,0%,100%,.14)}#zoom-display{color:var(--rs-ink-2);font-size:12px}.about-sheet>summary,.legal-footer{background:rgba(13,11,26,.7);border:1px solid hsla(0,0%,100%,.08);border-radius:999px}.legal-footer a{color:var(--rs-ink-3)}.modal{border-radius:22px;background:linear-gradient(180deg,rgba(30,24,52,.98),rgba(18,14,32,.98));border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),0 40px 80px -24px rgba(0,0,0,.85)}.modal-btn.primary,.modal-btn.primary:hover{border-radius:12px;font-weight:800;transform:none;opacity:1;background:linear-gradient(180deg,var(--rs-btn-top),var(--rs-btn-mid) 40%,var(--rs-btn-bot));box-shadow:inset 0 2px 0 hsla(0,0%,100%,.45),inset 0 -2px 0 rgba(0,0,0,.18),0 5px 0 var(--rs-btn-base),0 16px 28px -8px rgba(217,70,239,.7)}.modal-btn.primary:active{transform:translateY(4px);box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 1px 0 var(--rs-btn-base)}.modal-btn.secondary{border-radius:12px;background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),0 3px 0 rgba(0,0,0,.4)}.toast{border-radius:14px;font-weight:700}@media (max-width:600px){#sidebar,#topbar{border-radius:0;box-shadow:none;background:rgba(13,11,26,.94)}#sidebar{width:100%;padding:7px 12px;gap:2px}.tool-btn{width:46px;min-width:46px;height:44px}.tool-btn svg,.tool-btn.active svg{width:30px;height:30px;padding:7px}#logo{font-size:16px;padding-right:8px}#logo svg{width:26px;height:26px}.top-btn{padding:4px 6px 4px 4px;font-size:12px;gap:6px}.top-btn svg{width:26px;height:26px;padding:6px}.top-btn.primary,.top-btn.primary:hover{padding:8px 12px;margin-left:4px}#ai-badge{padding:6px 10px;font-size:11px}.drop-title{font-size:26px}.drop-sub{font-size:14px}.drop-btn,.drop-btn:hover{padding:14px 28px;font-size:15px}#panel-content{padding:14px 14px 20px}}@media (prefers-reduced-motion:reduce){#ai-badge .ai-dot,.drop-icon{animation:none}.ai-run-btn,.drop-btn,.modal-btn.primary,.tool-btn svg,.top-btn.primary{transition:none}}@media (max-width:1500px){#topbar{padding:0 10px;gap:4px}#topbar .top-btn:not(.primary) .top-btn-label{display:none}#topbar .top-btn:not(.primary){padding:5px;gap:0}#topbar .top-btn.primary{margin-left:6px;padding:9px 14px}#ai-badge{padding:7px 12px}}#panel-content .panel-section button[style*="border-radius: 10px"],#panel-content .panel-section>div>button:not(.hsl-pot){border-radius:16px!important;padding:12px!important;background:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.08)!important}#panel-content .panel-section>div>button[style*="rgba(168,85,247,0.45)"]{background:linear-gradient(180deg,rgba(244,114,182,.22),rgba(168,85,247,.12))!important;border-color:rgba(244,114,182,.6)!important;box-shadow:0 0 24px -6px rgba(244,114,182,.6)}@media (max-width:600px){.drop-outer{max-width:calc(100vw - 32px)}.drop-inner{padding:28px 20px 24px;gap:14px}.drop-sub{max-width:100%;font-size:14px}.drop-badge{padding:5px 11px;font-size:11px}}.pl-reset{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--rs-ink-3);background:none;border:none;cursor:pointer}.pl-reset:hover{color:#fff}.pl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.pl-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border-radius:16px;text-align:left;cursor:pointer;color:var(--rs-ink);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);transition:transform .15s,border-color .15s,background .15s}.pl-tile:hover{transform:translateY(-2px);border-color:rgba(251,146,60,.45);background:hsla(0,0%,100%,.07)}.pl-tile.active{background:linear-gradient(180deg,rgba(251,146,60,.22),rgba(236,72,153,.12));border-color:rgba(251,146,60,.65);box-shadow:0 0 24px -6px rgba(251,146,60,.6)}.pl-chip{width:40px;height:40px;border-radius:50%;margin-bottom:4px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 6px 14px -4px rgba(0,0,0,.6)}.pl-name{font-size:13px;font-weight:800;line-height:1.25}.pl-desc{font-size:11px;line-height:1.4;color:var(--rs-ink-4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pl-tile.active .pl-desc{color:var(--rs-ink-2)}.pl-hint{margin:12px 0 0}.pl-hint,.sp-hint{font-size:11.5px;line-height:1.5;color:var(--rs-ink-4)}.sp-hint{margin:0 0 12px}.sp-group{margin-top:14px}.sp-group-title{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--rs-ink-3)}.sp-chip{width:16px;height:16px;border-radius:5px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 -2px 0 rgba(0,0,0,.2)}.sp-grid{display:grid;grid-template-columns:1fr;grid-gap:6px;gap:6px}.sp-tile{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:13px;text-align:left;cursor:pointer;color:var(--rs-ink);min-width:0;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);transition:transform .15s,border-color .15s,background .15s}.sp-tile:hover{transform:translateY(-2px);border-color:rgba(192,132,252,.5);background:hsla(0,0%,100%,.08)}.sp-tile:active{transform:translateY(0)}.sp-tile-wide{width:100%;margin-bottom:4px;padding:10px 12px}.sp-tile-wide .sp-text{flex-direction:column;align-items:flex-start;gap:1px}.sp-tile-wide .sp-size{white-space:nowrap}.sp-tile-wide{background:linear-gradient(180deg,rgba(168,85,247,.16),rgba(236,72,153,.08));border-color:rgba(192,132,252,.35)}.sp-shape{flex:none;width:48px;height:32px;display:flex;align-items:center;justify-content:center}.sp-shape i{display:block;border:1.5px solid;border-radius:3px;background:hsla(0,0%,100%,.06)}.sp-shape .sp-circle{width:28px;height:28px;border-radius:50%;border:2px solid #f472b6;background:linear-gradient(135deg,rgba(168,85,247,.35),rgba(236,72,153,.25))}.sp-text{display:flex;flex:1 1;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.sp-name{font-size:12.5px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-size{flex:none;font-size:11px;color:var(--rs-ink-4);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hsl-pots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px;margin-bottom:14px}.hsl-pot{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:9px 0;border-radius:14px;cursor:pointer;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.38));border:1px solid hsla(0,0%,100%,.06);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05);transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}.hsl-pot:hover{border-color:hsla(0,0%,100%,.14);transform:translateY(-1px)}.hsl-pot.active{background:linear-gradient(180deg,color-mix(in srgb,var(--pot) 18%,rgba(0,0,0,.25)),color-mix(in srgb,var(--pot) 8%,rgba(0,0,0,.4)));border-color:color-mix(in srgb,var(--pot) 55%,transparent);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 12px 24px -10px color-mix(in srgb,var(--pot) 85%,transparent)}.hsl-pot-can{position:relative;display:block;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 33% 26%,hsla(0,0%,100%,.98) 0,hsla(0,0%,100%,.9) 9%,hsla(0,0%,100%,.18) 18%,transparent 30%),radial-gradient(ellipse 70% 40% at 50% 100%,color-mix(in srgb,var(--pot) 55%,#fff) 0,transparent 70%),radial-gradient(circle at 45% 40%,color-mix(in srgb,var(--pot) 88%,#fff) 0,var(--pot) 38%,color-mix(in srgb,var(--pot) 62%,#000) 78%,color-mix(in srgb,var(--pot) 30%,#000) 100%);box-shadow:inset 0 -6px 10px rgba(0,0,0,.45),inset 0 2px 4px hsla(0,0%,100%,.35),inset 0 0 0 1px rgba(0,0,0,.25),0 10px 18px -6px color-mix(in srgb,var(--pot) 90%,#000),0 2px 4px rgba(0,0,0,.5);transition:transform .18s,box-shadow .18s}.hsl-pot:hover .hsl-pot-can{transform:scale(1.06)}.hsl-pot.active .hsl-pot-can{transform:scale(1.1);box-shadow:inset 0 -6px 10px rgba(0,0,0,.45),inset 0 2px 4px hsla(0,0%,100%,.35),inset 0 0 0 1px rgba(0,0,0,.25),0 0 0 2px #fff,0 0 0 4px color-mix(in srgb,var(--pot) 60%,transparent),0 0 22px color-mix(in srgb,var(--pot) 75%,transparent),0 10px 18px -6px color-mix(in srgb,var(--pot) 90%,#000)}.hsl-pot-can i{display:none}.hsl-pot.edited:after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--pot);box-shadow:0 0 0 2px color-mix(in srgb,var(--pot) 30%,transparent)}.hsl-sliders .adj-row{--glow:color-mix(in srgb,var(--pot) 35%,transparent)}.hsl-sliders .adj-row:has([id$=-hue]){--track:linear-gradient(90deg,hsl(calc(var(--hue) - 60) 85% 58%),hsl(var(--hue) 85% 58%),hsl(calc(var(--hue) + 60) 85% 58%))}.hsl-sliders .adj-row:has([id$=-sat]){--track:linear-gradient(90deg,#6e6b80,color-mix(in srgb,var(--pot) 50%,#8a879c) 50%,var(--pot))}.hsl-sliders .adj-row:has([id$=-lum]){--track:linear-gradient(90deg,color-mix(in srgb,var(--pot) 45%,#000),var(--pot) 50%,color-mix(in srgb,var(--pot) 40%,#fff))}.tool-size-pop{bottom:calc(100% + 10px);z-index:80;display:flex;align-items:flex-end;gap:6px;padding:8px 10px;border-radius:14px;background:rgba(20,16,38,.96);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 16px 36px -12px rgba(0,0,0,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:tool-pop .14s ease-out}.tool-size-pop,.tool-size-pop:after{position:absolute;left:50%;transform:translateX(-50%)}.tool-size-pop:after{content:"";bottom:-14px;width:100%;height:14px}.tool-size-dot{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;width:40px;height:48px;border-radius:10px;cursor:pointer;color:var(--rs-ink-4);font-size:0}.tool-size-dot i{display:block;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.4)}.tool-size-dot small{font-size:10px;font-weight:700;line-height:1}.tool-size-dot:hover{background:hsla(0,0%,100%,.08);color:#fff}.tool-size-dot.on{background:rgba(167,139,250,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(196,181,253,.5)}@keyframes tool-pop{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.lasso-overlay{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:70}.lasso-overlay polyline{stroke:#c084fc;stroke-width:1.5;stroke-dasharray:6 4}.lasso-overlay circle{fill:#fff;stroke:#a855f7;stroke-width:2}.lasso-overlay circle.first{fill:#a855f7;stroke:#fff}.lasso-bar{position:fixed;left:50%;bottom:calc(var(--gap) + var(--la-dock-h, 60px) + 24px);transform:translateX(-50%);z-index:71;display:flex;align-items:center;gap:8px;padding:8px 10px 8px 14px;border-radius:999px;white-space:nowrap;background:rgba(20,16,38,.94);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 16px 36px -12px rgba(0,0,0,.9);font-size:12.5px;color:var(--rs-ink-2)}.lasso-btn{height:32px;padding:0 12px;border-radius:999px;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.06);color:#fff;font-size:12.5px;font-weight:700;cursor:pointer}.lasso-btn:hover{background:hsla(0,0%,100%,.12)}.lasso-btn:disabled{opacity:.45;cursor:default}.lasso-btn.primary{border:none;background:linear-gradient(180deg,#f0abfc,#d946ef 40%,#a855f7);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4)}@media (max-width:600px){.lasso-bar{bottom:calc(var(--m-bottom, 130px) + 12px);left:12px;right:12px;transform:none;flex-wrap:wrap;justify-content:center;border-radius:16px}.lasso-bar>span{width:100%;text-align:center}}.bg-refine-row{display:grid;grid-template-columns:1fr;grid-gap:6px;gap:6px}.bg-refine-btn{display:flex;align-items:center;gap:9px;height:34px;padding:0 10px;min-width:0;border-radius:10px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.045);color:var(--rs-ink-2);font-size:12px;text-align:left;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.bg-refine-btn svg{width:15px;height:15px;flex:none;color:#c4b5fd}.bg-refine-btn b{font-weight:700;color:#fff;white-space:nowrap}.bg-refine-btn small{margin-left:auto;font-size:11px;color:var(--rs-ink-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-refine-btn:hover{background:hsla(0,0%,100%,.09);border-color:rgba(196,181,253,.4)}.bg-refine-size{margin-top:10px}.bg-refine-size label{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--rs-ink-4)}.bg-refine-size input[type=range]{flex:1 1;margin:0}.bg-refine-size span:last-child{min-width:34px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--rs-ink-3)}.bg-hero{position:relative;height:132px;margin-bottom:12px;border-radius:18px;overflow:hidden;background:repeating-conic-gradient(hsla(0,0%,100%,.09) 0 25%,hsla(0,0%,100%,.02) 0 50%) 0 0 /20px 20px,linear-gradient(180deg,rgba(20,184,166,.15),rgba(124,58,237,.15));border:1px solid hsla(0,0%,100%,.09)}.bg-hero-figure{position:absolute;left:50%;bottom:0;width:110px;height:112px;margin-left:-55px;animation:bg-float 6s ease-in-out infinite}.bg-hero-hair{left:33px;top:6px;width:44px;height:50px;background:radial-gradient(circle at 35% 30%,#4a3530,#1f1513)}.bg-hero-face,.bg-hero-hair{position:absolute;border-radius:50%}.bg-hero-face{left:39px;top:18px;width:32px;height:38px;background:radial-gradient(circle at 35% 30%,#d9a07a,#8f5c46)}.bg-hero-body{position:absolute;left:8px;top:62px;width:94px;height:60px;border-radius:47px 47px 0 0;background:radial-gradient(circle at 35% 20%,#f9a8d4,#db2777)}.bg-hero-badge{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#ccfbf1 0,#14b8a6 45%,#0f766e 100%);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.5),0 10px 20px -6px rgba(20,184,166,.9)}.bg-hero-badge svg{width:18px;height:18px}@keyframes bg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.bg-copy{margin:0 0 10px;font-size:12px;line-height:1.5;color:var(--rs-ink-4)}.bg-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.bg-pill{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.bg-pill.green{color:#bbf7d0;background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.4)}.bg-pill.amber{color:#fde68a;background:hsla(48,97%,77%,.1);border:1px solid hsla(48,97%,77%,.35)}.bg-pill.blue{color:#bae6fd;background:rgba(125,211,252,.1);border:1px solid rgba(125,211,252,.35)}.bg-progress{margin-bottom:10px;font-size:11px;color:var(--rs-ink-4)}.bg-progress i{height:4px;margin-top:5px;background:hsla(0,0%,100%,.1);overflow:hidden}.bg-progress b,.bg-progress i{display:block;border-radius:2px}.bg-progress b{height:100%;background:linear-gradient(90deg,#5eead4,#14b8a6,#7c3aed);transition:width .3s}.bg-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;height:46px;border:none;border-radius:14px;cursor:pointer;font-weight:800;font-size:14px;color:#fff;font-family:inherit;background:linear-gradient(180deg,#5eead4,#14b8a6 35%,#7c3aed);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.45),inset 0 -2px 0 rgba(0,0,0,.18),0 5px 0 #312e81,0 16px 28px -8px rgba(20,184,166,.6);transition:transform .12s,box-shadow .12s}.bg-cta svg{width:17px;height:17px}.bg-cta:hover:not(:disabled){transform:translateY(-1px)}.bg-cta:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 1px 0 #312e81}.bg-cta:disabled{opacity:.55;cursor:default}.bg-seg{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr;grid-gap:2px;gap:2px;padding:3px;margin-bottom:12px;border-radius:11px;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.07)}.bg-seg button{height:28px;min-width:0;padding:0;border:none;border-radius:8px;background:none;cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:700;letter-spacing:-.02em;color:var(--rs-ink-4);white-space:nowrap;overflow:hidden;transition:background .12s,color .12s}.bg-seg button:hover{color:#fff}.bg-seg button.on{color:#fff;background:hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1)}#panel-content .panel-section .bg-seg button{padding:0!important;border-radius:8px!important;height:28px;line-height:1;display:flex!important;align-items:center;justify-content:center;--sg:#a78bfa;border:1px solid color-mix(in srgb,var(--sg) 28%,transparent)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--sg) 16%,transparent),color-mix(in srgb,var(--sg) 6%,transparent))!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12);color:#ede9fe}#panel-content .panel-section .bg-seg button.seg-preset{--sg:#f472b6}#panel-content .panel-section .bg-seg button.seg-color{--sg:#fbbf24}#panel-content .panel-section .bg-seg button.seg-gradient{--sg:#2dd4bf}#panel-content .panel-section .bg-seg button.seg-image{--sg:#60a5fa}#panel-content .panel-section .bg-seg button:hover{color:#fff;border-color:color-mix(in srgb,var(--sg) 50%,transparent)!important}#panel-content .panel-section .bg-seg button.on{color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--sg) 55%,#fff 0),color-mix(in srgb,var(--sg) 70%,#000 10%))!important;border-color:color-mix(in srgb,var(--sg) 80%,transparent)!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),0 4px 10px -4px color-mix(in srgb,var(--sg) 90%,transparent)}#panel-content .panel-section .bg-refine-btn{padding:0 10px!important;border-radius:10px!important;background:hsla(0,0%,100%,.045)!important;border:1px solid hsla(0,0%,100%,.1)!important}#panel-content .panel-section .bg-refine-btn:hover{background:hsla(0,0%,100%,.09)!important;border-color:rgba(196,181,253,.4)!important}#app:has(#drop-zone:not(.hidden)) #canvas-bg{overflow:hidden;background-color:#0d0a16;background-image:radial-gradient(hsla(0,0%,100%,.05) 1px,transparent 0);background-size:22px 22px}#app:has(#drop-zone:not(.hidden)) #canvas-bg:after,#app:has(#drop-zone:not(.hidden)) #canvas-bg:before,#app:has(#drop-zone:not(.hidden)) #drop-zone:before{content:"";position:absolute;border-radius:50%;pointer-events:none;will-change:transform}#app:has(#drop-zone:not(.hidden)) #canvas-bg:before{width:620px;height:620px;left:8%;top:-160px;background:radial-gradient(circle,rgba(155,92,255,.32),transparent 65%);animation:calm-drift-1 14s ease-in-out infinite alternate}#app:has(#drop-zone:not(.hidden)) #canvas-bg:after{width:560px;height:560px;right:4%;top:22%;background:radial-gradient(circle,rgba(255,61,110,.22),transparent 65%);animation:calm-drift-2 17s ease-in-out infinite alternate}#app:has(#drop-zone:not(.hidden)) #drop-zone:before{width:520px;height:520px;left:30%;bottom:-260px;z-index:0;background:radial-gradient(circle,rgba(43,200,240,.18),transparent 65%);animation:calm-drift-3 20s ease-in-out infinite alternate}#app:has(#drop-zone:not(.hidden)) #drop-zone{overflow:hidden}#app:has(#drop-zone:not(.hidden)) .drop-outer{position:relative;z-index:1}@keyframes calm-drift-1{0%{transform:translate(0)}to{transform:translate(140px,90px)}}@keyframes calm-drift-2{0%{transform:translate(0)}to{transform:translate(-160px,-70px)}}@keyframes calm-drift-3{0%{transform:translate(0)}to{transform:translate(120px,-90px)}}@media (prefers-reduced-motion:reduce){#app:has(#drop-zone:not(.hidden)) #canvas-bg:after,#app:has(#drop-zone:not(.hidden)) #canvas-bg:before,#app:has(#drop-zone:not(.hidden)) #drop-zone:before{animation:none}}:root{--la-tabs-w:150px;--la-body-w:280px;--la-panel-w:calc(var(--la-tabs-w) + var(--la-body-w));--la-dock-h:60px}@media (min-width:901px){[data-layout=a]{--la-col:calc(var(--gap) + var(--la-panel-w) + 12px)}[data-layout=a]:has(#rightpanel.panel-collapsed){--la-col:calc(var(--gap) + var(--la-tabs-w) + 12px)}[data-layout=a] #rightpanel{left:var(--gap);right:auto;width:var(--la-panel-w);flex-direction:row}[data-layout=a] #canvas-area{left:var(--la-col);right:var(--gap);bottom:var(--gap)}[data-layout=a] #canvas-bg{left:var(--la-col);right:var(--gap);border-radius:22px}[data-layout=a] #drop-zone{left:var(--la-col);right:var(--gap);bottom:calc(var(--gap) + var(--la-dock-h) + 20px)}[data-layout=a] #canvas-wrap{bottom:calc(var(--la-dock-h) + 20px)}[data-layout=a] #sidebar{top:auto;left:auto;bottom:calc(var(--gap) + 10px);right:auto;left:calc(var(--la-col) + (100vw - var(--la-col) - var(--gap)) / 2);transform:translateX(-50%);width:auto;transition:left .22s ease;height:var(--la-dock-h);flex-direction:row;align-items:center;border-radius:20px;overflow-x:auto;overflow-y:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),0 24px 48px -16px rgba(0,0,0,.8);z-index:60}[data-layout=a] #bottombar,[data-layout=a] #sidebar{justify-content:center;background:linear-gradient(180deg,rgba(40,32,70,.92),rgba(20,16,38,.92))}[data-layout=a] #bottombar{left:auto;right:0;bottom:calc(var(--la-dock-h) + 20px + 12px);flex-direction:column;gap:0;width:40px;height:auto;padding:6px 0;border-radius:14px;border:1px solid hsla(0,0%,100%,.12);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 24px 40px -12px rgba(0,0,0,.85)}[data-layout=a] .zoom-controls{flex-direction:column-reverse;gap:2px}[data-layout=a] .zoom-btn{width:28px;height:28px;border-radius:8px;font-size:17px;font-weight:400;background:none;color:var(--rs-ink-2)}[data-layout=a] .zoom-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}[data-layout=a] #zoom-display{min-width:0;width:32px;margin:2px 0;padding:4px 0;border-radius:7px;font-size:10.5px;font-weight:800;color:#fff;letter-spacing:-.02em;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1)}[data-layout=a] #zoom-display:hover{background:rgba(167,139,250,.22);border-color:rgba(196,181,253,.45)}[data-layout=a] #bottombar>span:last-child,[data-layout=a] .bottom-sep{display:none}[data-layout=a] #sidebar{max-width:calc(100vw - var(--la-col) - var(--gap) - 24px)}[data-layout=a] #panel-tabs{flex:0 0 var(--la-tabs-w);flex-direction:column;align-items:stretch;gap:3px;padding:8px 7px;border-bottom:none;border-right:1px solid hsla(0,0%,100%,.07);overflow-x:hidden;overflow-y:auto;-webkit-mask-image:none;mask-image:none}[data-layout=a] .panel-tab{display:flex;align-items:center;gap:9px;min-height:38px;padding:0 8px 0 6px;border-radius:10px;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;text-align:left;white-space:nowrap;color:var(--rs-ink-2);background:none;border:none;box-shadow:none;text-shadow:none;opacity:1;transition:background .12s,color .12s}[data-layout=a] .panel-tab:before{display:none}[data-layout=a] .panel-tab-icon{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--t1,#ddd6fe),var(--t2,#8b5cf6) 55%,var(--t3,#6d28d9));box-shadow:var(--rs-tile-shadow),0 4px 10px -3px color-mix(in srgb,var(--t2,#8b5cf6) 70%,transparent)}[data-layout=a] .panel-tab-icon svg{width:15px;height:15px}[data-layout=a] #panel-tabs .panel-tab:nth-child(6) .panel-tab-icon{background:linear-gradient(135deg,#f87171,#fbbf24 30%,#4ade80 55%,#60a5fa 78%,#c084fc)}[data-layout=a] #panel-tabs .panel-tab:nth-child(9) .panel-tab-icon{background:conic-gradient(from 0deg,#f87171,#fbbf24,#4ade80,#22d3ee,#60a5fa,#c084fc,#f87171)}[data-layout=a] #panel-tabs .panel-tab:nth-child(6) .panel-tab-icon svg,[data-layout=a] #panel-tabs .panel-tab:nth-child(9) .panel-tab-icon svg{opacity:.9}[data-layout=a] .panel-tab:hover{background:hsla(0,0%,100%,.06);color:#fff}[data-layout=a] .panel-tab.active{color:#fff;font-weight:700;background:linear-gradient(135deg,var(--a1,#c084fc),var(--a2,#9333ea) 60%,var(--a3,#581c87));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25),0 6px 16px -6px color-mix(in srgb,var(--a2,#9333ea) 80%,transparent)}[data-layout=a] .panel-tab.active .panel-tab-icon{box-shadow:var(--rs-tile-shadow),0 0 0 1px hsla(0,0%,100%,.25)}[data-layout=a] .panel-tab-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}[data-layout=a] #panel-tabs .panel-tab:nth-child(13){margin-top:10px;position:relative}[data-layout=a] #panel-tabs .panel-tab:nth-child(13):after{content:"";display:block;position:absolute;left:2px;right:2px;top:-7px;height:1px;background:hsla(0,0%,100%,.09)}[data-layout=a] #panel-tabs{padding-bottom:8px}[data-layout=a] #rightpanel{bottom:auto;height:auto;max-height:calc(100vh - var(--gap) - var(--pill-h) - 12px - var(--gap));align-items:stretch;transition:width .22s ease}[data-layout=a] #panel-content{position:absolute;top:0;bottom:0;right:0;left:var(--la-tabs-w);width:auto;flex:none;min-width:0;padding:12px 14px 20px;overflow-y:auto;overscroll-behavior:contain}[data-layout=a] #rightpanel.panel-collapsed{width:var(--la-tabs-w)}[data-layout=a] #rightpanel.panel-collapsed #panel-content{display:none}[data-layout=a] #rightpanel.panel-collapsed #panel-tabs{border-right:none}[data-layout=a] #canvas-area,[data-layout=a] #canvas-bg,[data-layout=a] #drop-zone{transition:left .22s ease}[data-layout=a] .sp-tile{gap:10px;padding:7px 10px}[data-layout=a] .sp-shape{width:40px;height:28px}[data-layout=a] .sp-text{flex-direction:column;align-items:flex-start;gap:1px}[data-layout=a] .sp-name{white-space:normal}[data-layout=a] .sp-size{font-size:10.5px}[data-layout=a]{--pill-h:60px}[data-layout=a] #topbar{left:calc(var(--la-col) + (100vw - var(--la-col) - var(--gap)) / 2);right:auto;transform:translateX(-50%);width:-moz-fit-content;width:fit-content;max-width:calc(100vw - var(--la-col) - var(--gap));height:auto;min-height:var(--pill-h);gap:4px;padding:8px 12px;border-radius:20px;background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.09);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),0 20px 40px -16px rgba(0,0,0,.7);transition:left .22s ease}[data-layout=a] #logo{gap:10px;padding-right:12px;margin-right:4px;border-right:1px solid hsla(0,0%,100%,.08)}[data-layout=a] #logo svg{width:36px;height:36px;padding:5px;border-radius:11px;filter:none;box-sizing:border-box;background:linear-gradient(160deg,#1a1630,#0b0914);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 8px 18px -4px rgba(0,0,0,.6)}[data-layout=a] #logo .wordmark{font-size:20px}[data-layout=a] .top-sep{height:26px;margin:0 4px;background:hsla(0,0%,100%,.08)}[data-layout=a] #topbar .top-btn:not(.primary){width:40px;height:40px;padding:0;gap:0;justify-content:center;border-radius:11px;background:none}[data-layout=a] #topbar .top-btn:not(.primary) .top-btn-label{display:none}[data-layout=a] #topbar .top-btn:first-of-type,[data-layout=a] #topbar .top-btn:nth-of-type(10){width:auto;height:40px;padding:6px 12px 6px 6px;gap:8px;border-radius:12px;font-weight:700;color:#f4f1ff}[data-layout=a] #topbar .top-btn:first-of-type{background:hsla(0,0%,100%,.06)}[data-layout=a] #topbar .top-btn:first-of-type .top-btn-label,[data-layout=a] #topbar .top-btn:nth-of-type(10) .top-btn-label{display:inline}[data-layout=a] #topbar .top-btn:not(.primary):hover{background:hsla(0,0%,100%,.07)}[data-layout=a] #topbar .top-btn:not(.primary) svg{width:28px;height:28px;padding:7px;border-radius:9px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.55),inset 0 -2px 0 rgba(0,0,0,.22),0 5px 12px -4px color-mix(in srgb,var(--c2) 70%,transparent)}[data-layout=a] #topbar .top-btn:disabled{opacity:.35}[data-layout=a] #topbar .top-btn:disabled svg{background:#3a3550;box-shadow:none}[data-layout=a] #top-filename{font-size:12px;color:#8f88b0}[data-layout=a] #top-spacer{flex:none;width:4px;min-width:0}[data-layout=a] #ai-badge{gap:7px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;color:#bbf7d0;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.35);box-shadow:none}[data-layout=a] #ai-badge .ai-dot{width:7px;height:7px}[data-layout=a] #topbar .top-btn.primary,[data-layout=a] #topbar .top-btn.primary:hover{margin-left:6px;padding:10px 20px;border-radius:14px;font-weight:800;color:#fff;gap:8px;background:linear-gradient(180deg,#f0abfc,#d946ef 40%,#a855f7);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.45),0 5px 0 #6b21a8,0 14px 24px -8px rgba(217,70,239,.8)}[data-layout=a] #topbar .top-btn.primary:hover{transform:translateY(-2px);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.5),0 7px 0 #6b21a8,0 20px 30px -8px rgba(217,70,239,.9)}[data-layout=a] #topbar .top-btn.primary:active{transform:translateY(4px);box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 1px 0 #6b21a8}[data-layout=a] #topbar .top-btn.primary:disabled,[data-layout=a] #topbar .top-btn.primary:disabled:hover{opacity:1;transform:none;padding:10px 18px;color:#8f88b0;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.12);box-shadow:none}[data-layout=a] #topbar .top-btn.primary .top-btn-label{display:inline}[data-layout=a] #sidebar{bottom:20px;gap:4px;padding:7px;border:1px solid hsla(0,0%,100%,.12);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 24px 40px -12px rgba(0,0,0,.85)}[data-layout=a] .tool-btn{width:38px;height:40px}[data-layout=a] .tool-btn svg{width:28px;height:28px;padding:7px;border-radius:9px}[data-layout=a] .tool-btn.active{width:42px;height:42px;border-radius:13px;background:rgba(167,139,250,.18);box-shadow:inset 0 0 0 1px rgba(196,181,253,.5),0 0 18px rgba(167,139,250,.4)}[data-layout=a] .tool-btn.active svg{width:28px;height:28px;padding:7px;border-radius:9px}[data-layout=a] .tool-sep{width:1px;height:24px;margin:0 2px;background:hsla(0,0%,100%,.12)}[data-layout=a] #sidebar label.tool-btn{width:40px}[data-layout=a] #sidebar label.tool-btn>div{width:28px!important;height:28px!important;border-radius:9px!important;box-shadow:0 0 0 3px hsla(0,0%,100%,.14)!important}[data-layout=a]:has(#drop-zone:not(.hidden)) #sidebar>*{opacity:.5}[data-layout=a] #canvas-wrap{bottom:calc(var(--la-dock-h) + 8px)}body:has([data-layout=a]) .about-sheet,body:has([data-layout=a]) .legal-footer{display:none}}@media (min-width:901px) and (max-width:1200px){:root{--la-tabs-w:140px;--la-body-w:260px}[data-layout=a] .panel-tab{font-size:12px;padding:0 7px;gap:7px}}@media (max-width:900px){[data-layout=a] #rightpanel{flex-direction:row;width:min(100vw - 24px,520px)}[data-layout=a] #rightpanel.panel-collapsed #panel-content{display:block}[data-layout=a] #panel-tabs{flex:0 0 150px;flex-direction:column;align-items:stretch;gap:3px;padding:10px 8px;border-bottom:none;border-right:1px solid hsla(0,0%,100%,.07);overflow-x:hidden;overflow-y:auto;-webkit-mask-image:none;mask-image:none}[data-layout=a] .panel-tab{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 8px;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;text-align:left;color:var(--rs-ink-2);background:none;box-shadow:none}[data-layout=a] .panel-tab:before{display:none}[data-layout=a] .panel-tab-icon{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--t1,#ddd6fe),var(--t2,#8b5cf6) 55%,var(--t3,#6d28d9))}[data-layout=a] .panel-tab-icon svg{width:13px;height:13px}[data-layout=a] .panel-tab.active{color:#fff;background:hsla(0,0%,100%,.09);box-shadow:inset 2px 0 0 var(--t2,#8b5cf6)}[data-layout=a] .panel-tab-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}[data-layout=a] #panel-content{flex:1 1;min-width:0;padding:14px 14px 20px}.mobile-panel-open[data-layout=a] .mobile-panel-fab,[data-layout=a] .mobile-panel-open .mobile-panel-fab{right:calc(min(100vw - 24px, 520px) + 10px)}}@media (max-width:600px){[data-layout=a] #rightpanel{width:calc(100vw - 16px)}[data-layout=a] #panel-tabs{flex-basis:132px}.mobile-panel-open[data-layout=a] .mobile-panel-fab{right:10px;bottom:calc(var(--toolbar-h, 58px) + 14px)}}.panel-sheet-head{display:none}@media (max-width:900px){:root{--m-top:52px;--m-tabs:66px;--m-tools:56px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--m-bottom:calc(var(--m-tabs) + var(--m-tools) + var(--sab))}.about-sheet,.canvas-hint,.legal-footer,.mobile-panel-backdrop,.mobile-panel-fab{display:none!important}[data-layout=a] #topbar{position:fixed;top:0;left:0;right:0;transform:none;width:auto;max-width:none;min-height:0;height:calc(var(--m-top) + var(--sat));padding:var(--sat) 10px 0;display:flex;align-items:center;justify-content:flex-start;gap:4px;overflow:visible;white-space:nowrap;border:none;border-bottom:1px solid hsla(0,0%,100%,.08);border-radius:0;background:rgba(13,11,26,.94);box-shadow:none}[data-layout=a] #ai-badge,[data-layout=a] #top-filename,[data-layout=a] .top-sep{display:none}[data-layout=a] #top-spacer{flex:1 1;min-width:4px}[data-layout=a] #topbar .top-btn:nth-of-type(10),[data-layout=a] #topbar .top-btn:nth-of-type(11),[data-layout=a] #topbar .top-btn:nth-of-type(2),[data-layout=a] #topbar .top-btn:nth-of-type(3),[data-layout=a] #topbar .top-btn:nth-of-type(6),[data-layout=a] #topbar .top-btn:nth-of-type(8),[data-layout=a] #topbar .top-btn:nth-of-type(9){display:none}[data-layout=a] #topbar .top-btn:not(.primary){width:40px;height:40px;padding:0;gap:0;justify-content:center;border-radius:11px;background:none}[data-layout=a] #topbar .top-btn:not(.primary) .top-btn-label{display:none}[data-layout=a] #topbar .top-btn:not(.primary) svg{width:30px;height:30px;padding:7px;border-radius:9px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.55),inset 0 -2px 0 rgba(0,0,0,.22)}[data-layout=a] #topbar .top-btn:disabled{opacity:.4}[data-layout=a] #topbar .top-btn:disabled svg{background:#3a3550;box-shadow:none}[data-layout=a] #topbar .top-btn.primary,[data-layout=a] #topbar .top-btn.primary:hover{margin-left:4px;padding:9px 14px;font-size:13px;border-radius:12px}[data-layout=a] #topbar .top-btn.primary .top-btn-label{display:inline}[data-layout=a] #logo{gap:8px;margin-right:2px;padding-right:8px;border-right:1px solid hsla(0,0%,100%,.08)}[data-layout=a] #logo svg{width:32px;height:32px;padding:4px;border-radius:10px;filter:none;box-sizing:border-box;background:linear-gradient(160deg,#1a1630,#0b0914)}[data-layout=a] #logo .wordmark{font-size:17px}[data-layout=a] #canvas-area,[data-layout=a] #canvas-bg,[data-layout=a] #drop-zone{top:calc(var(--m-top) + var(--sat));left:0;right:0;bottom:var(--m-bottom);border-radius:0}[data-layout=a] #canvas-wrap{bottom:0}[data-layout=a] #rightpanel{display:contents}[data-layout=a] #panel-tabs{position:fixed;left:0;right:0;bottom:0;z-index:210;height:calc(var(--m-tabs) + var(--sab));padding:6px 8px calc(6px + var(--sab));display:flex;flex-direction:row;align-items:stretch;gap:4px;flex:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;border:none;border-top:1px solid hsla(0,0%,100%,.08);background:rgba(13,11,26,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-webkit-mask-image:none;mask-image:none}[data-layout=a] #panel-tabs::-webkit-scrollbar{display:none}[data-layout=a] .panel-tab{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:62px;min-height:0;height:auto;padding:4px 6px;border-radius:12px;font-size:10px;font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap;color:var(--rs-ink-3,#a9a2c8);background:none;border:none;box-shadow:none;opacity:1}[data-layout=a] #panel-tabs .panel-tab:nth-child(13):after,[data-layout=a] .panel-tab:before{display:none}[data-layout=a] #panel-tabs .panel-tab:nth-child(13){margin:0 0 0 10px}[data-layout=a] #panel-tabs .panel-tab:nth-child(13):before{content:"";display:block;position:absolute;left:-7px;top:10px;bottom:10px;width:1px;background:hsla(0,0%,100%,.1)}[data-layout=a] .panel-tab-icon{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--t1,#ddd6fe),var(--t2,#8b5cf6) 55%,var(--t3,#6d28d9));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 -2px 0 rgba(0,0,0,.22)}[data-layout=a] .panel-tab-icon svg{width:16px;height:16px}[data-layout=a] .panel-tab-label{flex:none;max-width:72px;overflow:hidden;text-overflow:ellipsis}[data-layout=a] .panel-tab.active{color:#fff;background:hsla(0,0%,100%,.08);box-shadow:none}[data-layout=a] .panel-tab.active .panel-tab-icon{box-shadow:0 0 0 2px #fff,0 0 14px var(--t2,#8b5cf6)}[data-layout=a] #panel-tabs .panel-tab:nth-child(10),[data-layout=a] #panel-tabs .panel-tab:nth-child(13),[data-layout=a] #panel-tabs .panel-tab:nth-child(14),[data-layout=a] #panel-tabs .panel-tab:nth-child(15),[data-layout=a] #panel-tabs .panel-tab:nth-child(3),[data-layout=a] #panel-tabs .panel-tab:nth-child(6),[data-layout=a] #panel-tabs .panel-tab:nth-child(8),[data-layout=a] #panel-tabs .panel-tab:nth-child(9),[data-layout=a] #sidebar .tool-btn:nth-of-type(10),[data-layout=a] #sidebar .tool-btn:nth-of-type(11),[data-layout=a] #sidebar .tool-btn:nth-of-type(12),[data-layout=a] #sidebar .tool-btn:nth-of-type(13),[data-layout=a] #sidebar .tool-btn:nth-of-type(4),[data-layout=a] #sidebar .tool-btn:nth-of-type(8),[data-layout=a] #sidebar .tool-btn:nth-of-type(9){display:none}[data-layout=a] #sidebar{position:fixed;left:0;right:0;top:auto;bottom:calc(var(--m-tabs) + var(--sab));transform:none;width:100%;max-width:none;height:var(--m-tools);z-index:205;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:2px;padding:6px 10px;border:none;border-top:1px solid hsla(0,0%,100%,.07);border-radius:0;box-shadow:none;background:rgba(13,11,26,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}[data-layout=a] #sidebar::-webkit-scrollbar{display:none}[data-layout=a] .tool-btn{width:44px;min-width:44px;height:44px;flex:none;border-radius:12px;font-size:0}[data-layout=a] .tool-btn svg,[data-layout=a] .tool-btn.active svg{width:30px;height:30px;padding:7px;border-radius:9px}[data-layout=a] .tool-btn.active{width:44px;height:44px;border-radius:12px}[data-layout=a] .tool-sep{width:1px;height:26px;margin:0 4px;flex:none}[data-layout=a] #sidebar label.tool-btn>div{width:28px!important;height:28px!important;border-radius:9px!important}[data-layout=a]:has(#drop-zone:not(.hidden)) #sidebar>*{opacity:.5}[data-layout=a] #panel-content{position:fixed;left:0;right:0;top:auto;bottom:calc(var(--m-tabs) + var(--sab));z-index:208;display:block;height:auto;max-height:min(62dvh,560px);width:auto;flex:none;padding:0 16px 22px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:20px 20px 0 0;border:1px solid hsla(0,0%,100%,.1);border-bottom:none;background:rgba(20,16,38,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 -24px 60px -20px rgba(0,0,0,.85);transform:translateY(calc(100% + 24px));transition:transform .26s cubic-bezier(.4,0,.2,1)}[data-layout=a] #rightpanel.panel-open>#panel-content{transform:none}[data-layout=a] #rightpanel.panel-collapsed>#panel-content{display:block}.panel-sheet-head{display:flex;align-items:center;gap:10px;position:-webkit-sticky;position:sticky;top:0;z-index:2;margin:0 -16px 12px;padding:16px 16px 10px;background:rgba(20,16,38,.97);border-bottom:1px solid hsla(0,0%,100%,.07)}.panel-sheet-head:before{content:"";position:absolute;top:6px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:999px;background:hsla(0,0%,100%,.22)}.panel-sheet-title{flex:1 1;font-size:14px;font-weight:800;color:#fff;letter-spacing:0}.panel-sheet-close{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;color:#fff;background:hsla(0,0%,100%,.08)}.panel-sheet-close svg{width:14px;height:14px}.panel-sheet-close:active{background:hsla(0,0%,100%,.16)}[data-layout=a] #bottombar{position:fixed;left:auto;right:8px;top:auto;bottom:calc(var(--m-bottom) + 10px);z-index:60;display:flex;flex-direction:column;justify-content:center;gap:0;width:36px;height:auto;padding:4px 0;border-radius:12px;background:rgba(20,16,38,.92);border:1px solid hsla(0,0%,100%,.12)}[data-layout=a] .zoom-controls{flex-direction:column-reverse;gap:0}[data-layout=a] .zoom-btn{width:28px;height:28px;border-radius:8px;background:none}[data-layout=a] #zoom-display{min-width:0;width:30px;padding:3px 0;font-size:10px}[data-layout=a] #bottombar>span:last-child,[data-layout=a] .bottom-sep{display:none}#toast-wrap{left:8px;right:8px;top:calc(var(--m-top) + var(--sat) + 8px);align-items:center}}@media (max-width:380px){[data-layout=a] #logo .wordmark{display:none}[data-layout=a] #logo{padding-right:4px}[data-layout=a] #topbar .top-btn.primary,[data-layout=a] #topbar .top-btn.primary:hover{padding:9px 12px}}@media (max-width:900px) and (max-height:480px){[data-layout=a] #panel-content{max-height:70dvh}}.sbar{position:fixed;left:50%;bottom:26px;z-index:900;width:min(680px,calc(100vw - 24px));transform:translate(-50%,calc(100% + 40px));opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease;padding:1.5px;border-radius:999px;background:linear-gradient(90deg,rgba(255,46,99,.55),rgba(255,138,31,.55),rgba(30,155,255,.55),rgba(124,58,237,.55),rgba(255,46,99,.55));background-size:200% 100%;box-shadow:0 24px 60px -20px rgba(0,0,0,.9),0 0 0 1px hsla(0,0%,100%,.04);font-family:var(--font-jakarta),system-ui,sans-serif}.sbar-on{transform:translate(-50%);opacity:1;pointer-events:auto;animation:sbar-border 8s linear infinite}.sbar-glass{position:relative;overflow:hidden;height:64px;border-radius:999px;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:0 10px 0 16px;background:rgba(20,16,38,.62);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4)}.sbar-sweep{position:absolute;top:0;bottom:0;left:0;width:45%;pointer-events:none;background:linear-gradient(100deg,transparent,hsla(0,0%,100%,.09),transparent);transform:translateX(-120%)}.sbar-on .sbar-sweep{animation:sbar-sweep 7s ease-in-out infinite}.sbar-main{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0;text-decoration:none;color:inherit}.sbar-main svg{flex:none}.sbar-text{display:flex;flex-direction:column;gap:1px;min-width:0}.sbar-text b{font-size:14px;font-weight:700;color:#fff}.sbar-text b,.sbar-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbar-text small{font-size:12px;color:#a9a2c8}.sbar-cta{flex:none;display:flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:800;color:#fff;text-decoration:none;white-space:nowrap;background:linear-gradient(180deg,#f0abfc,#d946ef 40%,#a855f7);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.45),0 10px 24px -8px rgba(217,70,239,.8);transition:transform .15s}.sbar-cta svg{width:16px;height:16px}.sbar-cta:hover{transform:translateY(-1px)}.sbar-on .sbar-cta{animation:sbar-pulse 3.2s ease-out infinite,sbar-nudge 10s ease-in-out infinite}.sbar-x{flex:none;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#a9a2c8;background:hsla(0,0%,100%,.06)}.sbar-x svg{width:12px;height:12px}.sbar-x:hover{color:#fff;background:hsla(0,0%,100%,.12)}@keyframes sbar-border{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes sbar-sweep{0%{transform:translateX(-120%)}18%{transform:translateX(120%)}to{transform:translateX(120%)}}@keyframes sbar-pulse{0%{box-shadow:inset 0 2px 0 hsla(0,0%,100%,.45),0 10px 24px -8px rgba(217,70,239,.8),0 0 0 0 rgba(217,70,239,.55)}70%,to{box-shadow:inset 0 2px 0 hsla(0,0%,100%,.45),0 10px 24px -8px rgba(217,70,239,.8),0 0 0 14px rgba(217,70,239,0)}}@keyframes sbar-nudge{0%,88%,to{translate:0 0}92%{translate:0 -3px}96%{translate:0 0}}@media (max-width:600px){.sbar{bottom:calc(12px + env(safe-area-inset-bottom, 0px));width:calc(100vw - 24px)}.sbar-glass{height:58px;gap:10px;padding:0 6px 0 14px}.sbar-main svg{display:none}.sbar-text b{font-size:13px}.sbar-text small{font-size:11px}.sbar-cta{height:42px;padding:0 16px;font-size:13px}.sbar-cta svg,.sbar-x{display:none}}@media (max-width:380px){.sbar-text small{display:none}}@media (prefers-reduced-motion:reduce){.sbar,.sbar-on,.sbar-on .sbar-cta,.sbar-on .sbar-sweep{animation:none!important;transition:opacity .2s ease}.sbar-sweep{display:none}}