:root{font-family:Inter,Arial,sans-serif;color:#22262b;background:#f3f3f1;font-synthesis:none;--red:#be142b;--line:#e5e5e2}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:white;border:1px solid #dcdedc;border-radius:7px;padding:10px 13px;font-size:12px;font-weight:650;color:#363a40;transition:.15s}button:hover{border-color:var(--red);color:var(--red)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e7a2af;outline-offset:2px}.primary{background:var(--red);color:#fff;border-color:var(--red)}.primary:hover{background:#981025;color:white}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:#202328;font-size:16px;letter-spacing:1px}.brand img{width:61px;height:51px;object-fit:contain}.brand b{font-weight:800}.brand small{display:block;font-size:8px;letter-spacing:2.4px;color:#8d8e92;margin-top:7px}.header-actions{display:flex;gap:10px;align-items:center}.local-badge{font-size:11px;color:#7a7e82;margin-right:10px}.local-badge i{display:inline-block;width:6px;height:6px;background:#53866b;border-radius:50%;margin-right:5px}main{display:grid;grid-template-columns:366px minmax(0,1fr);max-width:1800px;margin:auto}.editor{background:#fff;border-right:1px solid var(--line);padding:27px 25px;max-height:calc(100vh - 88px);overflow-y:auto;scrollbar-width:thin}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:#a0a0a4}.section-head h1{font-size:23px;letter-spacing:-.9px;margin:10px 0 7px}.section-head p{font-size:12px;color:#8a8b90;margin:0 0 23px}.tabs{display:flex;background:#f1f1ef;border-radius:8px;padding:4px;gap:3px}.tabs button{border:none;flex:1;background:transparent;padding:11px 4px;font-size:11px}.tabs [aria-selected=true]{background:white;color:var(--red);box-shadow:0 2px 6px #0000000c}.editor section{padding:21px 0;border-bottom:1px solid var(--line)}h2{font-size:13px;margin:0 0 17px;font-weight:750}.editor h2 span{font-size:10px;color:var(--red);margin-right:9px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:#666a70;margin-bottom:13px}input:not([type=file]),select{width:100%;border:1px solid #dedfdf;border-radius:6px;padding:10px;background:#fafafa;color:#292c32;font-size:12px;min-width:0}input[type=color]{padding:4px;height:37px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.fields .wide{grid-column:1/-1}.row{display:flex;gap:7px;margin-bottom:13px;flex-wrap:wrap}.row button{font-size:10px;padding:8px 10px;flex:1}.quiet{background:transparent;color:#8c7377}.layers{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.layers button{font-size:10px;padding:8px}.layers .active{border-color:var(--red);background:#fff2f4;color:var(--red)}.gallery{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:12px 0}.gallery button{height:53px;padding:0;overflow:hidden;background:#f0eeee}.gallery img{width:100%;height:100%;object-fit:contain;object-position:top}.gallery .active{border:2px solid var(--red);background:#fbdbe1}.upload{position:relative;border:1px dashed #cccfd1;border-radius:6px;padding:11px;text-align:center;display:block;cursor:pointer;font-size:11px;color:#62666c}.upload:hover{border-color:var(--red)}.upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload:focus-within{outline:2px solid var(--red)}.hint{font-size:10px;line-height:1.6;color:#979a9f;margin:2px 0 14px}.sliders label{position:relative;margin:15px 0}output{position:absolute;right:0;font-size:10px;color:#a3a4a8}input[type=range]{padding:0;border:0;height:14px;accent-color:var(--red);background:transparent}.workspace{padding:32px 45px 24px;max-height:calc(100vh - 88px);overflow:auto;background-image:radial-gradient(#d7d7d4 .65px,transparent .65px);background-size:14px 14px}.preview-head,.preview-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:660px;margin:0 auto}.preview-head h2{font-size:20px;margin:8px 0 0;letter-spacing:-.5px}.size-badge{font-size:10px;background:#fff;border:1px solid #e5e5e1;border-radius:5px;padding:8px 10px;color:#7c7f83}.canvas-wrap{margin:24px auto 19px;width:fit-content;max-width:100%;box-shadow:0 14px 40px #1f202020;line-height:0}canvas{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100vh - 310px);touch-action:none;cursor:grab;background:#d00027}canvas:active{cursor:grabbing}.preview-footer{font-size:10px;color:#888c90}.note{display:flex;flex-direction:column;gap:7px;text-align:center;margin:25px auto 0;color:#909297;font-size:10px}.note b{color:#777b80;font-size:11px}#status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#24272c;color:white;border-radius:9px;padding:13px 20px;box-shadow:0 5px 20px #0002;max-width:90vw;font-size:12px;z-index:10;display:none}#status.visible{display:block}[hidden]{display:none!important}@media(min-width:1500px){main{grid-template-columns:400px minmax(0,1fr)}.editor{padding:30px}.workspace{padding-top:40px}}@media(max-width:850px){.topbar{padding:12px 18px;height:auto;flex-wrap:wrap}.header-actions{flex-wrap:wrap}.local-badge{display:none}main{grid-template-columns:310px minmax(0,1fr)}.editor{padding:20px 16px}.workspace{padding:25px 18px}.preview-footer{flex-direction:column;align-items:flex-start}}@media(max-width:620px){main{display:flex;flex-direction:column}.workspace{order:-1;max-height:none;padding:22px 20px}.editor{max-height:none;border:0}.topbar{gap:12px}.header-actions{width:100%}.header-actions button{flex:1}.brand{font-size:14px}canvas{max-height:55vh}.note{display:none}.preview-head h2{font-size:16px}.preview-footer{flex-direction:row;font-size:9px}.gallery button{height:70px}}