@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=SF+Pro+Display:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400&family=Space+Grotesk:wght@400;600;700&display=swap";:root{--bg-app:#f4f5f7;--bg-panel:#ffffffbf;--border-color:#00000014;--text-main:#1d1d1f;--text-muted:#86868b;--text-light:#a1a1a6;--accent:#0071e3;--accent-hover:#0077ed;--shadow-sm:0 2px 10px #00000008;--shadow-lg:0 20px 40px #00000014;--radius-panel:16px;--font-sans:-apple-system, BlinkMacSystemFont, "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;overflow:hidden}.editor-canvas{background-color:#f4f5f7;background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-position:50%;background-size:32px 32px}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(40px)saturate(150%);border:1px solid #fff6;box-shadow:0 8px 32px #0000000a}.text-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.premium-input{width:100%;color:var(--text-main);background:#00000008;border:1px solid #0000;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s}.premium-input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #0071e326}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.btn-premium{color:#fff;cursor:pointer;background:linear-gradient(#0077ed 0%,#0062c4 100%);border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.2,0,0,1);display:flex;box-shadow:0 2px 6px #0071e34d,inset 0 1px #fff3}.btn-premium:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0071e366,inset 0 1px #fff3}.btn-premium:active{transform:translateY(1px);box-shadow:0 1px 2px #0071e34d}.btn-icon{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#fff;border-radius:18px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.btn-icon:hover{background:#f8f8f9;border-color:#00000026}.device-shadow{filter:drop-shadow(0 30px 40px #00000026)drop-shadow(0 10px 15px #00000014)}.color-swatch{cursor:pointer;border-radius:50%;width:32px;height:32px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:relative}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active:after{content:"";border:2px solid var(--accent);border-radius:50%;position:absolute;inset:-4px}.layout{width:100vw;height:100vh;display:flex}.sidebar-left{border-right:1px solid var(--border-color);z-index:10;flex-direction:column;width:320px;display:flex}.top-nav{border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:absolute;top:0;left:320px;right:0}.main-stage{flex:1;justify-content:center;align-items:center;margin-left:0;padding-top:64px;display:flex;position:relative;overflow:hidden}.bg-mesh-1{background:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a 0,#0000 50%),radial-gradient(at 100% 0,#722741 0,#0000 50%)}.bg-gradient-pink{background:linear-gradient(135deg,#ffb1b1 0%,#ff7b7b 100%)}.bg-gradient-blue{background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%)}.bg-gradient-dark{background:linear-gradient(135deg,#232526 0%,#414345 100%)}.bg-solid-light{background:#f5f5f7}.titanium-edge{box-shadow:inset 0 0 0 2px #5a5a5e,inset 0 0 0 4px #1c1c1e,inset 0 0 20px #fff6,0 20px 50px #0000004d}