🤖 Cannot save fiddle #2366
Description
Error code
ERRW:1.0:K1.0
Were you logged in?
Yes
Your username (if logged in)
No response
Your HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Art Studio</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&family=Playfair+Display:wght@600&display=swap" rel="stylesheet">
<style>
*{margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat',sans-serif;}
body{
background:linear-gradient(120deg,#1b102b,#2e1a47,#3f2563);
color:#f7eaff;
}
header{
text-align:center;
padding:30px 20px;
background:rgba(255,255,255,0.05);
backdrop-filter:blur(10px);
}
header h1{
font-family:'Playfair Display',serif;
font-size:3rem;
color:#ffd6f6;
letter-spacing:2px;
}
header p{color:#e8c9ff;margin-top:10px;}
nav a{
margin:0 12px;
text-decoration:none;
color:#ffd6f6;
font-weight:500;
}
section{max-width:1100px;margin:auto;padding:50px 20px;}
.card{
background:rgba(255,255,255,0.08);
border-radius:18px;
padding:25px;
margin-bottom:25px;
box-shadow:0 10px 25px rgba(0,0,0,0.3);
}
.products{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
}
.product img{
width:100%;
border-radius:12px;
margin-bottom:10px;
}
button{
background:#ff9de2;
color:#2b1242;
border:none;
padding:12px 18px;
border-radius:10px;
cursor:pointer;
font-weight:600;
}
button:hover{background:#ffc2ee;}
input,textarea{
width:100%;
padding:10px;
margin:8px 0;
border-radius:8px;
border:none;
}
footer{
text-align:center;
padding:25px;
background:rgba(0,0,0,0.25);
margin-top:30px;
color:#eacbff;
}
.payment{
background:rgba(255,255,255,0.12);
padding:20px;
border-radius:15px;
}
</style>
</head>
<body>
<header>
<h1>Art Studio</h1>
<p>Un espacio creativo donde las ideas se convierten en arte</p>
<nav>
<a href="#inicio">Inicio</a>
<a href="#servicios">Servicios</a>
<a href="#pago">Pago</a>
<a href="#contacto">Contacto</a>
</nav>
</header>
<section id="inicio">
<div class="card">
<h2>Sobre nosotros</h2>
<p>Art Studio ofrece servicios creativos digitales y artísticos pensados para estudiantes y amantes del arte. Creamos diseños únicos, modernos y personalizados.</p>
</div>
</section>
<section id="servicios">
<h2>Servicios disponibles</h2>
<div class="products">
<div class="card product"><img src="https://picsum.photos/300/200?11"><h3>Ilustración personalizada</h3><p>Arte único creado especialmente para ti.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?12"><h3>Diseño de portadas</h3><p>Perfecto para redes sociales y proyectos.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?13"><h3>Logo artístico</h3><p>Identidad visual creativa.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?14"><h3>Clases online</h3><p>Aprende dibujo paso a paso.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?15"><h3>Arte anime</h3><p>Ilustraciones estilo japonés.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?16"><h3>Asesoría creativa</h3><p>Mejora tu estilo artístico.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?17"><h3>Diseño digital</h3><p>Contenido visual moderno.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?18"><h3>Retrato artístico</h3><p>Transformamos tus fotos en arte.</p></div>
</div>
</section>
<section id="pago">
<div class="card payment">
<h2>Elegir método de pago</h2>
<form>
<label><input type="radio" name="pago" required> PayPal</label><br><br>
<label><input type="radio" name="pago"> Bizum</label><br><br>
<label><input type="radio" name="pago"> Transferencia bancaria</label><br><br>
<label><input type="radio" name="pago"> Bitcoin</label><br><br>
<label><input type="radio" name="pago"> Contra reembolso</label><br><br>
<button>Pagar ahora</button>
</form>
</div>
</section>
<section id="contacto">
<div class="card">
<h2>Contacto</h2>
<p>Estamos disponibles para ayudarte:</p>
<ul>
<li>📞 +34 600 000 000</li>
<li>📧 contacto@artstudio.com</li>
<li>💬 WhatsApp</li>
<li>📱 Instagram @artstudio</li>
</ul>
<form>
<input type="text" placeholder="Nombre" required>
<input type="email" placeholder="Email" required>
<textarea placeholder="Mensaje"></textarea>
<button>Enviar</button>
</form>
</div>
</section>
<section>
<div class="card">
<h2>Fidelización</h2>
<p>Clientes frecuentes reciben descuentos, acceso anticipado y contenido exclusivo.</p>
</div>
</section>
<section>
<div class="card">
<h2>Seguridad</h2>
<p>Protección HTTPS, pagos seguros y privacidad de datos garantizada.</p>
</div>
</section>
<footer>
<p>© 2026 Art Studio — Creative Experience</p>
</footer>
</body>
</html>Your JavaScript
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Art Studio</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&family=Playfair+Display:wght@600&display=swap" rel="stylesheet">
<style>
*{margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat',sans-serif;}
body{
background:linear-gradient(120deg,#1b102b,#2e1a47,#3f2563);
color:#f7eaff;
}
header{
text-align:center;
padding:30px 20px;
background:rgba(255,255,255,0.05);
backdrop-filter:blur(10px);
}
header h1{
font-family:'Playfair Display',serif;
font-size:3rem;
color:#ffd6f6;
letter-spacing:2px;
}
header p{color:#e8c9ff;margin-top:10px;}
nav a{
margin:0 12px;
text-decoration:none;
color:#ffd6f6;
font-weight:500;
}
section{max-width:1100px;margin:auto;padding:50px 20px;}
.card{
background:rgba(255,255,255,0.08);
border-radius:18px;
padding:25px;
margin-bottom:25px;
box-shadow:0 10px 25px rgba(0,0,0,0.3);
}
.products{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
}
.product img{
width:100%;
border-radius:12px;
margin-bottom:10px;
}
button{
background:#ff9de2;
color:#2b1242;
border:none;
padding:12px 18px;
border-radius:10px;
cursor:pointer;
font-weight:600;
}
button:hover{background:#ffc2ee;}
input,textarea{
width:100%;
padding:10px;
margin:8px 0;
border-radius:8px;
border:none;
}
footer{
text-align:center;
padding:25px;
background:rgba(0,0,0,0.25);
margin-top:30px;
color:#eacbff;
}
.payment{
background:rgba(255,255,255,0.12);
padding:20px;
border-radius:15px;
}
</style>
</head>
<body>
<header>
<h1>Art Studio</h1>
<p>Un espacio creativo donde las ideas se convierten en arte</p>
<nav>
<a href="#inicio">Inicio</a>
<a href="#servicios">Servicios</a>
<a href="#pago">Pago</a>
<a href="#contacto">Contacto</a>
</nav>
</header>
<section id="inicio">
<div class="card">
<h2>Sobre nosotros</h2>
<p>Art Studio ofrece servicios creativos digitales y artísticos pensados para estudiantes y amantes del arte. Creamos diseños únicos, modernos y personalizados.</p>
</div>
</section>
<section id="servicios">
<h2>Servicios disponibles</h2>
<div class="products">
<div class="card product"><img src="https://picsum.photos/300/200?11"><h3>Ilustración personalizada</h3><p>Arte único creado especialmente para ti.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?12"><h3>Diseño de portadas</h3><p>Perfecto para redes sociales y proyectos.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?13"><h3>Logo artístico</h3><p>Identidad visual creativa.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?14"><h3>Clases online</h3><p>Aprende dibujo paso a paso.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?15"><h3>Arte anime</h3><p>Ilustraciones estilo japonés.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?16"><h3>Asesoría creativa</h3><p>Mejora tu estilo artístico.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?17"><h3>Diseño digital</h3><p>Contenido visual moderno.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?18"><h3>Retrato artístico</h3><p>Transformamos tus fotos en arte.</p></div>
</div>
</section>
<section id="pago">
<div class="card payment">
<h2>Elegir método de pago</h2>
<form>
<label><input type="radio" name="pago" required> PayPal</label><br><br>
<label><input type="radio" name="pago"> Bizum</label><br><br>
<label><input type="radio" name="pago"> Transferencia bancaria</label><br><br>
<label><input type="radio" name="pago"> Bitcoin</label><br><br>
<label><input type="radio" name="pago"> Contra reembolso</label><br><br>
<button>Pagar ahora</button>
</form>
</div>
</section>
<section id="contacto">
<div class="card">
<h2>Contacto</h2>
<p>Estamos disponibles para ayudarte:</p>
<ul>
<li>📞 +34 600 000 000</li>
<li>📧 contacto@artstudio.com</li>
<li>💬 WhatsApp</li>
<li>📱 Instagram @artstudio</li>
</ul>
<form>
<input type="text" placeholder="Nombre" required>
<input type="email" placeholder="Email" required>
<textarea placeholder="Mensaje"></textarea>
<button>Enviar</button>
</form>
</div>
</section>
<section>
<div class="card">
<h2>Fidelización</h2>
<p>Clientes frecuentes reciben descuentos, acceso anticipado y contenido exclusivo.</p>
</div>
</section>
<section>
<div class="card">
<h2>Seguridad</h2>
<p>Protección HTTPS, pagos seguros y privacidad de datos garantizada.</p>
</div>
</section>
<footer>
<p>© 2026 Art Studio — Creative Experience</p>
</footer>
</body>
</html>Your CSS
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Art Studio</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&family=Playfair+Display:wght@600&display=swap" rel="stylesheet">
<style>
*{margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat',sans-serif;}
body{
background:linear-gradient(120deg,#1b102b,#2e1a47,#3f2563);
color:#f7eaff;
}
header{
text-align:center;
padding:30px 20px;
background:rgba(255,255,255,0.05);
backdrop-filter:blur(10px);
}
header h1{
font-family:'Playfair Display',serif;
font-size:3rem;
color:#ffd6f6;
letter-spacing:2px;
}
header p{color:#e8c9ff;margin-top:10px;}
nav a{
margin:0 12px;
text-decoration:none;
color:#ffd6f6;
font-weight:500;
}
section{max-width:1100px;margin:auto;padding:50px 20px;}
.card{
background:rgba(255,255,255,0.08);
border-radius:18px;
padding:25px;
margin-bottom:25px;
box-shadow:0 10px 25px rgba(0,0,0,0.3);
}
.products{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
}
.product img{
width:100%;
border-radius:12px;
margin-bottom:10px;
}
button{
background:#ff9de2;
color:#2b1242;
border:none;
padding:12px 18px;
border-radius:10px;
cursor:pointer;
font-weight:600;
}
button:hover{background:#ffc2ee;}
input,textarea{
width:100%;
padding:10px;
margin:8px 0;
border-radius:8px;
border:none;
}
footer{
text-align:center;
padding:25px;
background:rgba(0,0,0,0.25);
margin-top:30px;
color:#eacbff;
}
.payment{
background:rgba(255,255,255,0.12);
padding:20px;
border-radius:15px;
}
</style>
</head>
<body>
<header>
<h1>Art Studio</h1>
<p>Un espacio creativo donde las ideas se convierten en arte</p>
<nav>
<a href="#inicio">Inicio</a>
<a href="#servicios">Servicios</a>
<a href="#pago">Pago</a>
<a href="#contacto">Contacto</a>
</nav>
</header>
<section id="inicio">
<div class="card">
<h2>Sobre nosotros</h2>
<p>Art Studio ofrece servicios creativos digitales y artísticos pensados para estudiantes y amantes del arte. Creamos diseños únicos, modernos y personalizados.</p>
</div>
</section>
<section id="servicios">
<h2>Servicios disponibles</h2>
<div class="products">
<div class="card product"><img src="https://picsum.photos/300/200?11"><h3>Ilustración personalizada</h3><p>Arte único creado especialmente para ti.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?12"><h3>Diseño de portadas</h3><p>Perfecto para redes sociales y proyectos.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?13"><h3>Logo artístico</h3><p>Identidad visual creativa.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?14"><h3>Clases online</h3><p>Aprende dibujo paso a paso.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?15"><h3>Arte anime</h3><p>Ilustraciones estilo japonés.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?16"><h3>Asesoría creativa</h3><p>Mejora tu estilo artístico.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?17"><h3>Diseño digital</h3><p>Contenido visual moderno.</p></div>
<div class="card product"><img src="https://picsum.photos/300/200?18"><h3>Retrato artístico</h3><p>Transformamos tus fotos en arte.</p></div>
</div>
</section>
<section id="pago">
<div class="card payment">
<h2>Elegir método de pago</h2>
<form>
<label><input type="radio" name="pago" required> PayPal</label><br><br>
<label><input type="radio" name="pago"> Bizum</label><br><br>
<label><input type="radio" name="pago"> Transferencia bancaria</label><br><br>
<label><input type="radio" name="pago"> Bitcoin</label><br><br>
<label><input type="radio" name="pago"> Contra reembolso</label><br><br>
<button>Pagar ahora</button>
</form>
</div>
</section>
<section id="contacto">
<div class="card">
<h2>Contacto</h2>
<p>Estamos disponibles para ayudarte:</p>
<ul>
<li>📞 +34 600 000 000</li>
<li>📧 contacto@artstudio.com</li>
<li>💬 WhatsApp</li>
<li>📱 Instagram @artstudio</li>
</ul>
<form>
<input type="text" placeholder="Nombre" required>
<input type="email" placeholder="Email" required>
<textarea placeholder="Mensaje"></textarea>
<button>Enviar</button>
</form>
</div>
</section>
<section>
<div class="card">
<h2>Fidelización</h2>
<p>Clientes frecuentes reciben descuentos, acceso anticipado y contenido exclusivo.</p>
</div>
</section>
<section>
<div class="card">
<h2>Seguridad</h2>
<p>Protección HTTPS, pagos seguros y privacidad de datos garantizada.</p>
</div>
</section>
<footer>
<p>© 2026 Art Studio — Creative Experience</p>
</footer>
</body>
</html>