:root{--lime:#c8df16;--teal:#009bad;--ink:#34433d;--green:#80a900;--paper:#fffef4;--line:#d8dac2}*{box-sizing:border-box}body{margin:0;background:var(--lime);color:var(--ink);font:14px Arial,sans-serif}nav{background:var(--teal);color:white;border-bottom:3px solid #07818a}nav>div{max-width:1140px;margin:auto;display:flex;gap:28px;align-items:center;height:45px}nav button{margin-left:auto}header{max-width:1140px;margin:auto;height:132px;display:flex;align-items:center;justify-content:space-between;padding:12px 24px}.logo{display:flex;align-items:center;text-decoration:none;color:white;font-size:49px;font-weight:bold;text-shadow:2px 2px #4a6c27}.logo svg{width:108px;height:83px}.logo small{display:block;font-size:15px;text-shadow:1px 1px #557726;margin:0 0 0 5px}header p{line-height:1.8;color:#425c17}main{max-width:1140px;margin:0 auto 40px;background:var(--paper);border:1px solid #a7b84c;border-radius:9px;padding:26px;min-height:690px}.profile{display:flex;gap:16px;align-items:center;margin-bottom:21px}.avatar{width:70px;height:70px;display:grid;place-items:center;background:#d6efdd;border:5px double #92b6a4;font-size:38px;color:#008c99}h1{font-size:28px;color:#008f9c;margin:0 0 10px}.profile p{margin:0}.profile aside{margin-left:auto;border:1px solid var(--line);padding:14px;max-width:230px}.profile aside span{display:block;margin-top:6px;font-size:12px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:20px}.search{display:flex;gap:10px;margin-bottom:20px}.search input{flex:1;min-width:0}.catalog{display:grid;grid-template-columns:215px minmax(0,1fr);gap:14px;min-height:260px;border-bottom:1px solid var(--line);padding-bottom:18px}h2{background:var(--green);color:#fff;font-size:16px;margin:0 0 13px;padding:7px 10px;border:1px solid #779500}.tree{background:#f5f5e7;border:1px solid var(--line)}.tree h2{margin:-1px -1px 9px}.tree button{display:block;background:none;color:#4a6412;border:0;text-align:left;box-shadow:none;padding:7px 9px;max-width:100%;overflow-wrap:anywhere}.tree #tree button{border-left:1px dotted #adb28f;margin-left:13px}.listing{min-width:0}#entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.entry{background:none;border:0;color:var(--ink);box-shadow:none;text-align:left;display:flex;align-items:center;gap:8px;padding:9px 5px;text-decoration:none;overflow-wrap:anywhere;font-size:13px}.folder{display:inline-block;width:27px;height:19px;background:#f8ce38;border:1px solid #bc9422;transform:skew(-8deg);position:relative;flex-shrink:0}.folder:before{content:'';position:absolute;top:-5px;left:1px;width:12px;height:5px;background:#edbf2a;border:1px solid #bc9422}.file{font-size:22px;color:#10929e}.empty{grid-column:1/-1;padding:25px 12px;line-height:1.8}.account section{background:#f2f3e3;border:1px solid var(--line);margin-bottom:17px;padding:0 12px 12px}.account h2{margin:0 -12px 12px}.account label{display:block;margin:11px 0 5px}.account input{width:100%;margin-top:5px}.account button{margin-top:12px;width:100%}.account small,.hint{font-size:12px;line-height:1.5;color:#626c52}.account p{line-height:1.5}.upload{margin-top:20px}#drop{border:2px dashed #acbc66;text-align:center;padding:12px;background:#f6f8e9}#drop.over{background:#e3efb5}.queuecontrols{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}input,select{padding:8px;border:1px solid #a8b2a7;border-radius:3px;background:#fff;color:var(--ink);font:inherit}button{cursor:pointer;background:#83aa08;color:white;border:1px solid #6d9000;border-radius:3px;padding:8px 12px;font:inherit}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #009bad;outline-offset:2px}#notice:not(:empty){padding:12px;background:#e9f1c8;margin-bottom:15px}.job{padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.job progress{width:100%;height:13px;accent-color:#80a900}.job button{font-size:12px;padding:4px 8px;margin:5px 5px 0 0}.job small{display:block;margin:5px 0}footer{text-align:center;color:#718047;padding-top:26px;font-size:12px}@media(max-width:850px){main{margin:0 10px 20px;padding:16px}.layout{grid-template-columns:1fr}.account{display:grid;grid-template-columns:1fr 1fr;gap:14px}.catalog{grid-template-columns:170px minmax(0,1fr)}header{height:115px}header p{font-size:12px}.logo{font-size:40px}nav>div{padding:0 16px}.profile aside{display:none}}@media(max-width:500px){header p,nav span{display:none}.catalog{grid-template-columns:1fr}.tree #tree{max-height:130px;overflow:auto}.account{display:block}.profile h1{font-size:22px}.avatar{width:52px;height:52px}.logo svg{width:80px}#entries{grid-template-columns:1fr}.queuecontrols{font-size:12px}}