#wrapper {max-width:none}
#main, #content {overflow:visible}
#obwdesign {position:relative; box-sizing: border-box}
#thefilename { float:right; clear:right; font-size: 85%}
#file-container { float:right; clear:right; padding: 1em; }
#file-localzone { min-height:100px; padding:4px; margin:2px;
	background-color:rgba(221, 221, 221, 0.3); border:1px solid black; box-shadow:2px 2px 2px rgba(0,0,0,0.5)}
#obwinfile {visibility:hidden; position:absolute;}
#obwinbutton {text-decoration:none; display:block; width:40%;}
#description {max-width:45em}
#originalcanvas {box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.4);}
#obwdesign canvas {margin: 0px;}
#parameters {text-align:left}
#parameters input {width:9ch}
.group {border: 3px double blue; padding:2px; margin:5px 2px 2px; position:relative; resize: horizontal; overflow:auto; box-sizing: border-box; background-color: var(--groupbgcolor, #686868); color:#fff}
.wider {min-width: 1600px;}
#obwdesign button {border-style:outset; cursor: pointer; background-color:#333; color:#ddd; padding: 0.4ex 0.5ex}
#obwdesign .drag	{position:relative; cursor:move; vertical-align:middle;}
#obwdesign .ui {vertical-align:top; background-color: #686868; color:#fff}
#obwdesign .attention {color:#ef3040;}
#obwdesign .nogood {font-size:larger; color:#ef3040;}
@media (hover: none) { /* A11y guide says touch targets min of 24px, MDN says 44px */
	#obwdesign {line-height: 1.5;  font-size: 1.15em}
	#obwdesign .ui, #parameters {font-size: 1.08em}
	#obwdesign .rows-button {display: none}
}
.closer .ui:first-child {letter-spacing: 0.2ex;}
.hourglass {position:relative}
.hourglass:before {
	animation: 1.6s ease 0s normal none infinite running hourglassFrames;
	color: rgba(220, 220, 220, 0.8);
	content: "\231b";
	display: inline-block;
	font-size: 2.2em;
	opacity: 0.5;
	position: absolute;
}
@keyframes hourglassFrames {
	0% {transform: rotate(0deg);}
	50% {	opacity: 1;	transform: scale(1.4);}
	60% {transform: rotate(-360deg) scale(1.4);}
}
.exported {width: 250px; height:auto; padding:6px; margin:2px; background-color:#999; border:1px outset black; vertical-align:top;}
.ui-resizable-e {width:12px; background-color:rgba(100,70,100,0.2)}
.invisible {opacity: 0;	margin-top: 0; max-height: 0;	padding: 0 1em;
	transition: opacity 250ms ease 0s, max-height 250ms ease 0s, margin-top 250ms ease 0s;
}