*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--red:#E8130A;--red-text:#FF5C54;--red-dark:#C8100A;--red2:#FF3B30;--brass:#A8863B;--brass-text:#D4B86E;--ok:#2FA36B;--paper:#0E1116;--card:#161C25;--card2:#1D2430;--ink:#0E1116;--ink2:#161C25;--band:linear-gradient(135deg,#1A212C,#0E1116);--alt-text:rgba(255,255,255,.92);--mut:rgba(255,255,255,.60);--line:rgba(255,255,255,.12);--linew:rgba(255,255,255,.12);--radius:14px;--bg:var(--paper);--muted:var(--mut);--border:var(--line);--panel:var(--card);--panel2:var(--card2);--white:#fff;--card-glow:0 0 0 1px rgba(255,255,255,.06)}.header-title{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-top:4px}.wrap{width:100%;max-width:760px;display:flex;flex-direction:column;gap:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:20px}.panel-title{font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-bottom:14px}.upload-zone{border:2px dashed var(--border);border-radius:14px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s;position:relative}.upload-zone:hover,.upload-zone.drag{border-color:var(--red);background:rgba(232,19,10,.04)}.upload-icon{font-size:36px;margin-bottom:12px;opacity:.4}.upload-text{font-size:14px;font-weight:600;color:var(--muted);margin-bottom:6px}.upload-sub{font-size:12px;color:var(--mut)}#fileInput{display:none}.platform-categories{display:flex;flex-direction:column;gap:14px}.cat-label{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px}.cat-label::after{content:'';flex:1;height:1px;background:var(--border)}.platform-grid{display:flex;flex-wrap:wrap;gap:8px}.platform-btn{padding:9px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel2);color:var(--muted);font-family:'Inter Tight',system-ui,-apple-system,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;text-align:left;display:flex;flex-direction:column;gap:3px;min-width:130px}.platform-btn:hover{border-color:var(--line);color:var(--white)}.platform-btn.active{border-color:var(--red);background:rgba(232,19,10,.1);color:var(--red-text)}.platform-btn .p-name{font-size:12px;font-weight:700}.platform-btn .p-size{font-size:10px;color:var(--mut);font-weight:600}.platform-btn.active .p-size{color:rgba(232,19,10,.6)}.preview-area{display:flex;gap:16px;flex-wrap:wrap}.canvas-wrap{flex:1;min-width:260px;background:var(--paper);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}canvas{max-width:100%;max-height:360px;cursor:crosshair;display:block}.preview-info{display:flex;flex-direction:column;gap:12px;min-width:180px}.info-box{background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:14px}.info-label{font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:6px}.info-value{font-size:16px;font-weight:700;color:var(--white)}.info-sub{font-size:11px;color:var(--muted);margin-top:2px}.crop-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ctrl-btn{padding:10px 16px;border-radius:10px;border:1px solid var(--border);background:var(--panel2);color:var(--white);font-family:'Inter Tight',system-ui,-apple-system,sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.05em}.ctrl-btn:hover{border-color:var(--red)}.ctrl-btn.primary{background:var(--red);border-color:var(--red)}.ctrl-btn.primary:hover{background:var(--red-dark)}.zoom-row{display:flex;align-items:center;gap:10px;margin-top:10px}.zoom-label{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;min-width:50px}input[type=range]{flex:1;accent-color:var(--red);height:4px;cursor:pointer}.output-wrap{display:flex;gap:12px;flex-wrap:wrap}.output-card{background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;min-width:180px}.output-canvas-wrap{border-radius:8px;overflow:hidden;border:1px solid var(--border)}.output-name{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.06em;text-align:center}.dl-btn{padding:8px 16px;border-radius:8px;background:var(--red);border:none;color:var(--white);font-family:'Inter Tight',system-ui,-apple-system,sans-serif;font-size:11px;font-weight:700;cursor:pointer;width:100%;letter-spacing:.06em;text-transform:uppercase;transition:background .15s}.dl-btn:hover{background:var(--red-dark)}.dl-btn:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.cursor,.cursor-ring{display:none!important}}@media (hover:none),(pointer:coarse){*{cursor:auto!important}.cursor,.cursor-ring{display:none!important}}.rec-seo a{color:#ff5c54;text-decoration:none}.rec-seo a:hover{text-decoration:underline}.rec-seo ul a{display:inline-block;background:var(--card2);border:1px solid #2a2a2a;color:var(--alt-text);padding:7px 13px;border-radius:20px;font-size:13px;font-weight:600}.rec-seo ul a:hover{background:#E8130A;color:#fff;border-color:#E8130A;text-decoration:none}