@font-face{font-family:Poppins;src:url(/fonts/poppins-800.ttf)}@font-face{font-family:Poppins;src:url(/fonts/poppins-400.ttf);font-weight:400}:root{--lime:#b9ff38;--ink:#090d0a}*{box-sizing:border-box}body{background:var(--ink);color:#fff;min-height:100vh;margin:0;font-family:Poppins,Arial}header{border-bottom:1px solid #293029;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(18px,4vw,64px);display:flex}.logo{color:#fff;font-size:24px;font-style:italic;font-weight:900;text-decoration:none}.logo span,em{color:var(--lime)}header button{color:#aeb7af;background:0 0;border:1px solid #3b443c;padding:9px 12px}.progress{gap:7px;display:flex}.progress i{background:#354035;width:38px;height:3px}.progress i.done{background:var(--lime)}main{grid-template-columns:minmax(360px,560px) 1fr;min-height:calc(100vh - 76px);display:grid}.editor{border-right:1px solid #293029;flex-direction:column;padding:clamp(30px,6vw,80px);display:flex}.step-label{letter-spacing:2px;color:#879087;font-size:11px}.step{display:none}.step.active{display:block}.step h1{margin:20px 0;font-size:clamp(48px,6vw,82px);line-height:.9}.step>p{color:#aab2aa}.upload{cursor:pointer;border:2px dashed #566156;place-items:center;margin:28px 0;padding:45px 15px;display:grid}.upload input{opacity:0;position:absolute}.upload strong{color:var(--lime)}.upload small,.styles small{color:#879087;display:block}.sample{color:#fff;background:0 0;border:0;text-decoration:underline}label{letter-spacing:1.5px;color:#aab2aa;margin:18px 0;font-size:11px;display:block}input,select{color:#fff;width:100%;font:inherit;background:#151b16;border:1px solid #3a433b;margin-top:8px;padding:15px;display:block}.row,.colours{grid-template-columns:1fr 2fr;gap:15px;display:grid}.styles{grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0;display:grid}.styles button{color:#fff;background:#151b16;border:1px solid #3b443c;padding:18px 8px;font-weight:800}.styles button.selected{border-color:var(--lime);color:var(--lime)}input[type=color]{height:58px;padding:6px}.action{background:var(--lime);border:0;width:100%;margin:8px 0;padding:16px;font-weight:900}.action.outline{color:#fff;background:0 0;border:1px solid #5a655b}.responsible{color:#879087;margin-top:15px;display:block}nav{justify-content:space-between;margin-top:auto;padding-top:35px;display:flex}nav button{color:#fff;background:0 0;border:0;font-weight:800}nav button:last-child{background:var(--lime);color:var(--ink);padding:14px 20px}nav button:disabled{opacity:.3}aside{background:radial-gradient(circle,#25331d,#0d120e 60%);place-items:center;padding:35px;display:grid}.preview-head{justify-content:space-between;width:min(44vh,420px);font-size:10px;display:flex}canvas{width:min(44vh,420px);max-width:85vw;transform:rotate(2deg);box-shadow:0 30px 80px #000}aside p{color:#7d877e;font-size:10px}@media (width<=800px){header{height:64px}.progress{display:none}header button{font-size:9px}main{display:block}.editor{border:0;min-height:calc(100vh - 64px);padding:25px 20px}.editor h1{font-size:52px}aside{padding:35px 15px}.styles{grid-template-columns:1fr}}#processing{min-height:24px;color:var(--lime);margin-top:18px;font-size:12px}.patterns{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.patterns button{color:#aab2aa;background:#151b16;border:1px solid #3b443c;padding:11px 5px;font-weight:800}.patterns button.selected{border-color:var(--lime);color:var(--lime)}.name-label>span{justify-content:space-between;display:flex}.name-label small{color:#707a71;letter-spacing:0;font-size:10px}#crop-preview{border:2px solid var(--lime);width:min(100%,420px);height:auto;box-shadow:none;background:#111713;margin:20px auto;display:block;transform:none}.crop-controls{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.crop-controls label{margin:4px 0}.crop-controls input{height:28px;accent-color:var(--lime);padding:0}#crop-status{min-height:20px;color:var(--lime);margin-top:12px;font-size:11px}@media (width<=520px){.crop-controls{grid-template-columns:1fr}}@font-face{font-family:Poppins-400;src:url(/fonts/poppins-400.ttf);font-weight:400}@font-face{font-family:Poppins-700;src:url(/fonts/poppins-700.ttf);font-weight:700}@font-face{font-family:Poppins-800;src:url(/fonts/poppins-800.ttf);font-weight:800 900}