*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e2e8f0);color:#0f172a;line-height:1.6}[role=button],a.btn-like,button,input[type=button],input[type=submit],select{min-height:44px;min-width:44px;padding:.5rem .75rem}input[type=email],input[type=number],input[type=tel],input[type=text],input[type=url],textarea{font-size:16px!important;min-height:44px;padding:.6rem .75rem}.nextjs-builder-root{display:flex;flex-direction:column;min-height:100vh}.nextjs-builder-main{display:flex;flex:1 1;overflow:hidden}.nextjs-builder-left{border-right:1px solid #e2e8f0;background:#fff;box-shadow:2px 0 8px rgba(0,0,0,.05)}.nextjs-builder-left,.nextjs-builder-right{width:50%;display:flex;flex-direction:column;overflow:hidden}.nextjs-builder-right{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.nextjs-builder-header{padding:1.5rem 2rem;background:var(--header-bg,linear-gradient(135deg,#667eea 0,#764ba2 100%));color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;transition:background .5s ease}.nextjs-builder-header h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.1);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.nextjs-builder-header p{color:hsla(0,0%,100%,.9)!important;margin:.5rem 0 0;font-size:.9rem}.nextjs-builder-header-links a{background:hsla(0,0%,100%,.2)!important;color:#fff!important;border:1px solid hsla(0,0%,100%,.3)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;padding:.5rem .75rem;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:500;display:inline-block}.nextjs-builder-header-links a:hover{background:hsla(0,0%,100%,.3)!important;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.nextjs-builder-header-links{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.nextjs-builder-header-hamburger{display:none;background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.4);color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:1.25rem;cursor:pointer;min-width:44px;min-height:44px;align-items:center;justify-content:center}@media (max-width:768px){.nextjs-builder-header-hamburger{display:flex}.nextjs-builder-header-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--header-bg);flex-direction:column;padding:1rem;gap:.5rem;box-shadow:0 8px 16px rgba(0,0,0,.15);z-index:200}.nextjs-builder-header-links.mobile-open{display:flex}}.nextjs-builder-content{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;-webkit-overflow-scrolling:touch;background:#fff}.nextjs-builder-right .nextjs-builder-content{background:transparent}.nextjs-builder-preview-header{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.nextjs-builder-preview-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#0f172a}@media (max-width:768px){.nextjs-builder-main{flex-direction:column}.nextjs-builder-left{width:100%;min-height:50vh;border-right:none;border-bottom:1px solid #e2e8f0}.nextjs-builder-right{width:100%;min-height:40vh}.nextjs-builder-header{padding:.75rem 1rem}.nextjs-builder-header h1{font-size:1.25rem!important}.nextjs-builder-header p{font-size:.85rem!important}.nextjs-builder-header-links a{padding:.5rem .6rem!important;font-size:.85rem!important}.nextjs-builder-content{padding:1rem}.nextjs-builder-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nextjs-builder-tabs::-webkit-scrollbar{display:none}.nextjs-builder-tabs button{flex:0 0 auto;min-width:100px;padding:.75rem .5rem;font-size:.85rem}}.nextjs-builder-mobile-toggle{display:none;padding:.75rem 1rem;background:#f1f5f9;border-bottom:1px solid #e2e8f0;gap:.5rem}@media (max-width:768px){.nextjs-builder-header{position:relative}.nextjs-builder-mobile-toggle{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:150;margin:0;padding:.5rem 1rem;background:hsla(0,0%,100%,.98);box-shadow:0 -4px 12px rgba(0,0,0,.1);border-top:1px solid #e2e8f0}.nextjs-builder-main{padding-bottom:4rem}.nextjs-builder-mobile-toggle button{flex:1 1;padding:.75rem;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-weight:500;cursor:pointer;font-size:.9rem}.nextjs-builder-mobile-toggle .nextjs-builder-mobile-toggle-menu{flex:0 0 auto;min-width:72px}.nextjs-builder-mobile-toggle button.active{border-color:#0ea5e9;background:#e0f2fe;color:#0369a1}.nextjs-builder-left.mobile-hide,.nextjs-builder-right.mobile-hide{display:none!important}}.nextjs-builder-chips{display:flex;flex-wrap:wrap;gap:.5rem}.nextjs-builder-chips button,.nextjs-builder-chips span{padding:.5rem .75rem;min-height:44px;font-size:.9rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease;cursor:pointer}.nextjs-builder-chips button:hover,.nextjs-builder-chips span:hover{background:#e0f2fe;border-color:#0ea5e9;transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.1)}input[type=email],input[type=number],input[type=tel],input[type=text],input[type=url],select,textarea{border:2px solid #e2e8f0;border-radius:8px;background:#fff;transition:all .2s ease}input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.1)}.btn-primary,button[type=submit]{background:var(--button-bg,linear-gradient(135deg,#0ea5e9 0,#0284c7 100%));color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-primary:hover,button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15);background:var(--button-bg-hover,linear-gradient(135deg,#0284c7 0,#0369a1 100%))}.card,.container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid #e2e8f0}.nextjs-builder-tabs{background:#f8fafc;border-bottom:2px solid #e2e8f0}.nextjs-builder-tabs button{transition:all .2s ease}.nextjs-builder-tabs button:hover{background:#e0f2fe!important}.nextjs-builder-mobile-toggle{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.nextjs-builder-mobile-toggle button.active{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;color:#fff!important;border-color:#0ea5e9!important;box-shadow:0 2px 4px rgba(0,0,0,.1)}