:root{color-scheme:dark;--paper:#dbe1ce;--muted:#98ad9b;--edge:#435c4e;--accent:#b8cb89}*{box-sizing:border-box}body{margin:0;background:#111d18;color:var(--paper);font:14px/1.6 system-ui,sans-serif}header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--edge);padding:0 32px;background:#192920}a{color:var(--accent);text-decoration:none}.brand{font-weight:800;letter-spacing:3px;color:var(--paper)}.brand span{font-size:10px;font-weight:500;color:var(--muted)}nav{display:flex;gap:12px;align-items:center}button,input,select,textarea{font:inherit;color:inherit;border:1px solid var(--edge);background:#1b2e23;padding:9px 12px;border-radius:3px}button{cursor:pointer}button:hover{border-color:var(--accent);background:#2c4330}button:disabled{opacity:.45;cursor:default}.primary{background:#aec582;color:#18241a;border-color:#c5d6a2;font-weight:650}.primary:hover{background:#cad7a9}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #d5c087;outline-offset:3px}main{display:grid;grid-template-columns:270px minmax(0,1fr);max-width:1560px;margin:auto}aside{padding:32px 24px;min-height:calc(100vh - 76px);border-right:1px solid var(--edge);background:linear-gradient(#21372a,#15241c)}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:2px}h1{font-size:27px;line-height:1.2;margin:16px 0}p{color:var(--muted)}label{display:grid;gap:5px;margin:12px 0}label input,label select,label textarea{width:100%;min-width:0}small{display:block;color:var(--muted);font-size:11px;margin-top:10px}.workspace{padding:28px 32px}.work-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.work-heading>div:first-child{flex:1}#work-name{width:100%;margin-top:8px;font-size:23px;font-weight:600;background:transparent;border-color:transparent;border-bottom-color:var(--edge);padding-left:0}#status{min-height:40px;padding:8px 0;color:var(--accent)}#preview{display:block;max-width:100%;width:min(100%,82.6667vh);height:auto;max-height:none;margin:0 auto;background:#253d2d;border:1px solid var(--edge);image-rendering:pixelated;touch-action:none}#controls{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:16px}#controls label{margin:0;max-width:190px}#controls input[type=number]{width:95px}#controls .step{display:flex;gap:8px;align-items:end;background:#1d3024;padding:10px;flex-wrap:wrap}#controls .step label{max-width:95px}#hint{font-size:12px;color:var(--muted);padding:12px 0}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}#submission,#decision{padding:20px;background:#1b2d22;border:1px solid var(--edge);margin:20px 0}textarea{resize:vertical;min-height:72px}#works{display:grid;gap:8px;margin-top:30px}#works button{text-align:left;line-height:1.4}#works button small{margin-top:5px}.review-row{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:16px;margin:10px 0;border:1px solid var(--edge);background:#203327}.review-row strong{display:block}.review-row small{margin:3px 0}#account{font-size:12px}.swatch{height:30px;width:30px;padding:0;border-radius:50%}[hidden]{display:none!important}.compare-note{max-width:480px}.readonly #controls input,.readonly #controls select{pointer-events:none;opacity:.65}.readonly #controls button{display:none}
@media(max-width:850px){header{padding:12px;height:auto;flex-wrap:wrap}main{grid-template-columns:1fr}aside{min-height:0;padding:20px;border-right:0;border-bottom:1px solid var(--edge)}#works{display:flex;overflow:auto;margin-top:16px}#works button{min-width:150px}.workspace{padding:18px}#preview{max-height:none}.brand span{display:block}nav{flex-wrap:wrap}.actions button{flex:1}}