span.thumbnail{display:block;width:220px;height:220px;background-position:center center;background-repeat:no-repeat;background-color:#000;border:1px solid #888;padding:0}h1,h2,h3,h4,h5,h6{color:#ddd;font-weight:normal}h1{font-size:3em;line-height:1;margin:0}h2{font-size:2em;margin-bottom:0.75em}h3{font-size:1.5em;line-height:1;margin-bottom:1em}h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em}h5{font-size:1em;font-weight:bold;margin-bottom:1.5em}h6{font-size:1em;font-weight:bold}.field_with_errors{display:inline}input[type="text"],input[type="password"],textarea{border:1px solid #888;background:#000;color:#888;border-radius:5px;padding:5px;width:400px;resize:vertical}input[type="submit"]{border:2px solid #888;background:#222;color:#fff;padding:5px 15px;font-weight:bold;border-radius:7px}.hidden{display:none}body{margin:0;padding:30px;background:#1f2128;color:#bbb;font-size:12px;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;line-height:1.5;min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:30px}body #flash{position:absolute;top:20px;left:20px;right:20px;z-index:10;pointer-events:none}body #flash .alert{width:50%;min-width:300px;margin:0 auto 10px;pointer-events:all}body #flash .notice{color:#383;border-color:#b6d5af;background-color:#e6fce3}body #flash .warning{color:#662;border-color:#fbeed5;background-color:#fcf8e3}body #flash .error{color:#833;border-color:#cfa5a5;background-color:#fce3e3}body #header{flex:0 0 auto;display:flex}body #header #title{flex:1 1 auto}body #header #title h1{margin:0;word-break:break-word;line-height:1.2}body #header #title #nav{line-height:1.6}body #header #menu{flex:0 0 200px;text-align:right}body #wrapper{flex:1 0 auto;display:flex;gap:30px}body #wrapper #left{flex:1 1 auto}body #wrapper #left .listing{display:flex;flex-wrap:wrap;gap:10px}body #wrapper #left .listing .photo,body #wrapper #left .listing .folder{position:relative;flex-grow:1;border-radius:7px}body #wrapper #left .listing .photo h3,body #wrapper #left .listing .folder h3{position:absolute;top:10px;left:10px;right:10px;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px}body #wrapper #left .listing .photo h3 a,body #wrapper #left .listing .folder h3 a{color:#ccc}body #wrapper #left .listing .photo img.thumb,body #wrapper #left .listing .folder img.thumb{min-width:100%;height:100%;object-fit:cover;box-shadow:0 0 8px #000;zoom:60%}body #wrapper #left .listing .photo:hover h3 a,body #wrapper #left .listing .folder:hover h3 a{color:#fff;text-shadow:1px 1px 2px #000}body #wrapper #left .listing .photo a.info,body #wrapper #left .listing .folder a.info{display:block;color:#bbb;text-decoration:none}body #wrapper #left .listing .stopper{min-width:300px;flex-grow:5}body #wrapper #left .listing .unpublished,body #wrapper #left .listing .locked{opacity:0.6}body #wrapper #left .listing .folder .info{overflow:hidden;margin:0}body #wrapper #left #photo{text-align:center}body #wrapper #left #photo .border{display:inline-block;box-shadow:0 0 30px #000}body #wrapper #left #mass_upload_form .dropbox{padding:19px 0;min-height:170px;background:#000000;overflow:hidden}body #wrapper #left #mass_upload_form .dropbox .hint{line-height:170px;font-size:24px;text-align:center}body #wrapper #left #mass_upload_form .file.template{display:none}body #wrapper #right{flex:0 0 300px;text-align:center}body #wrapper #right input[type="text"],body #wrapper #right input[type="password"],body #wrapper #right textarea{width:258px}body #wrapper #right div.prevnext-wrap{width:300px;margin:0 auto}body #wrapper #right div.prevnext-wrap p{line-height:1.8}body #wrapper #right div.prevnext-wrap p.prevnext{display:flex;gap:10px;margin:0}body #wrapper #right div.prevnext-wrap p.prevnext .previous,body #wrapper #right div.prevnext-wrap p.prevnext .next{flex:0}body #wrapper #right div.prevnext-wrap p.prevnext .previous{text-align:left}body #wrapper #right div.prevnext-wrap p.prevnext .next{text-align:right}body #wrapper #right div.prevnext-wrap p.prevnext img.thumb{width:140px;height:140px;max-width:none;object-fit:scale-down;box-shadow:0 0 8px #000;background:#000}body #wrapper #right div.prevnext-wrap p.hint{text-align:center}body #wrapper #right dt{line-height:1}body #wrapper #right dd{margin:0 0 4px}.fullscreen #header,.fullscreen #right,.fullscreen #flash{display:none}.fullscreen body{padding:0;background:#000}.fullscreen body #wrapper #left #photo .border{border:none;padding:0}@media (max-width: 690px){body #header{flex-wrap:wrap-reverse}body #header #title,body #header #menu{flex:1 1 100%}body #wrapper{flex-wrap:wrap}body #wrapper #left,body #wrapper #right{flex:1 1 100%}}