“Body Border, Rounded Inside” without images or extra elements

dabblet.css

/**
 * “Body Border, Rounded Inside” without images or extra elements
 	Modified from Lea Verou: http://dabblet.com/gist/5377617 for soft inner edge.
 */

div {
	width: 10em;
	height: 5em;
	padding: 1em;
	border-radius: 1em;
	margin: 100px;
	background: white;
	outline: 5px solid #f06;
	outline-offset: -moz-calc(-5px); /* fix for FF bug #480888 */
	box-shadow:inset 0 0 5px 10px #f06;
	
	resize: both; overflow: hidden;
}

dabblet.html

<div>Resize me</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}