:root{--arca-green:#78b82a;--arca-dark:#23311f;--arca-orange:#e98212}
.arca-logo-card{box-sizing:border-box;width:100%;margin:18px 0 24px;padding:18px;border:1px solid #dfe5dc;border-left:5px solid var(--arca-green);border-radius:14px;background:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;box-shadow:0 8px 25px rgba(35,49,31,.08)}.woocommerce-product-gallery>.arca-logo-card{clear:both;margin-top:16px;margin-bottom:10px}
.arca-logo-card-badge{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#edf7df;color:#315514;font:800 11px/1 system-ui;text-align:center}.arca-logo-card h3{margin:0 0 4px;font:800 19px/1.25 system-ui;color:#20251f}.arca-logo-card p{margin:0;color:#667064;font:14px/1.45 system-ui}.arca-logo-card button,.arca-logo-upload-btn,.arca-logo-download{min-height:48px;border:0;border-radius:10px;background:var(--arca-green);color:#15210d;padding:12px 18px;font:800 14px/1 system-ui;cursor:pointer}.arca-logo-card button:focus-visible,.arca-logo-dialog button:focus-visible,.arca-logo-dialog input:focus-visible,.arca-logo-dialog select:focus-visible{outline:3px solid #194e99;outline-offset:2px}
.arca-logo-dialog{width:min(1180px,96vw);max-width:none;height:min(860px,94vh);padding:0;border:0;border-radius:18px;overflow:hidden;color:#1d261b;background:#fff;box-shadow:0 25px 80px rgba(0,0,0,.3)}.arca-logo-dialog::backdrop{background:rgba(16,24,15,.72);backdrop-filter:blur(3px)}.arca-logo-header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 22px;background:var(--arca-dark);color:#fff}.arca-logo-header span{font:800 11px/1 system-ui;letter-spacing:.14em;color:#bfe58f}.arca-logo-header h2{margin:5px 0 2px!important;color:#fff!important;font:800 25px/1.15 system-ui!important}.arca-logo-header p{margin:0!important;color:#dce8d6!important;font:13px/1.3 system-ui!important}.arca-logo-header .arca-logo-close{-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:50%!important;background:rgba(255,255,255,.1)!important;color:#fff!important;box-shadow:none!important;font:300 27px/1 system-ui!important;cursor:pointer}.arca-logo-header .arca-logo-close:hover{background:rgba(255,255,255,.2)!important;transform:none!important}
.arca-logo-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);height:calc(100% - 91px);overflow:hidden}.arca-logo-workspace{display:flex;min-height:0;flex-direction:column;padding:18px;background:#f1f4ef}.arca-logo-stage{position:relative;display:grid;place-items:center;min-height:0;flex:1;overflow:hidden;border:1px solid #d9dfd6;border-radius:14px;background:linear-gradient(135deg,#fff,#edf1eb)}.arca-logo-canvas{display:block;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;touch-action:none}.arca-logo-empty{position:absolute;inset:auto 20px 22px;display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:10px;background:rgba(255,255,255,.9);pointer-events:none}.arca-logo-empty[hidden]{display:none}.arca-logo-empty b{font:800 14px/1.3 system-ui}.arca-logo-empty span{font:12px/1.4 system-ui;color:#6c746a}.arca-logo-photos{display:flex;gap:8px;overflow-x:auto;padding-top:12px}.arca-logo-photos button{flex:0 0 72px;width:72px;height:58px;padding:2px;border:2px solid transparent;border-radius:9px;background:#fff;cursor:pointer}.arca-logo-photos button[aria-pressed=true]{border-color:var(--arca-green)}.arca-logo-photos img{width:100%;height:100%;object-fit:contain;border-radius:6px}.arca-logo-disclaimer{margin:8px 0 0;text-align:center;color:#687066;font:11px/1.4 system-ui}
.arca-logo-handles{position:absolute;inset:0;pointer-events:none}.arca-logo-handles[hidden]{display:none}.arca-logo-handles button{-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:radial-gradient(circle at center,#6ea625 0 11px,#fff 12px 13px,transparent 14px)!important;color:#fff!important;font:800 10px/1 system-ui!important;text-shadow:0 1px 2px rgba(0,0,0,.45);box-shadow:none!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.28));pointer-events:auto;touch-action:none;cursor:crosshair}.arca-logo-handles [data-rotate]{background:radial-gradient(circle at center,var(--arca-orange) 0 11px,#fff 12px 13px,transparent 14px)!important;font-size:13px!important;cursor:grab}
.arca-logo-controls{overflow:auto;padding:18px;background:#fff}.arca-logo-controls section{position:relative;margin:0 0 16px;padding:16px 14px 16px 50px;border:1px solid #e2e7df;border-radius:13px}.arca-logo-step{position:absolute;left:14px;top:14px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#edf7df;color:#315514;font:800 13px/1 system-ui}.arca-logo-controls h3{margin:0 0 3px;font:800 16px/1.2 system-ui}.arca-logo-controls p{margin:0 0 12px;color:#687066;font:12px/1.45 system-ui}.arca-logo-file{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}.arca-logo-file span{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:12px/1 system-ui}.arca-logo-file button,.arca-logo-tools button,.arca-logo-copies button{min-height:40px;border:1px solid #cfd7ca;border-radius:8px;background:#fff;color:#2b3926;padding:7px 10px;font:700 12px/1 system-ui;cursor:pointer}.arca-logo-tools{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:10px 0}.arca-logo-tools button{padding:0;font-size:18px}.arca-logo-controls label{display:grid;gap:5px;margin:10px 0;color:#3f4a3d;font:700 12px/1.2 system-ui}.arca-logo-controls label output{float:right;font-weight:600;color:#73806e}.arca-logo-controls input[type=range]{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%;height:9px;border:1px solid #cbd5c7;border-radius:999px;background:linear-gradient(90deg,#dfe8d6,#78b82a);box-shadow:inset 0 1px 2px rgba(26,52,15,.16)}.arca-logo-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:3px solid #fff;border-radius:50%;background:#5d9321;box-shadow:0 1px 5px rgba(0,0,0,.3);cursor:pointer}.arca-logo-controls input[type=range]::-moz-range-thumb{width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#5d9321;box-shadow:0 1px 5px rgba(0,0,0,.3);cursor:pointer}.arca-logo-controls [data-control=hue]{background:linear-gradient(90deg,#f33,#ff0,#3f3,#0ff,#33f,#f0f,#f33)}.arca-logo-controls [data-control=saturation]{background:linear-gradient(90deg,#b9b9b9,#78b82a)}.arca-logo-controls [data-control=brightness]{background:linear-gradient(90deg,#161616,#888,#fff)}.arca-logo-controls select{width:100%;min-height:40px;border:1px solid #cbd3c7;border-radius:8px;background:#fff;padding:6px}.arca-logo-controls fieldset{margin:12px 0;padding:10px;border:1px solid #dde4da;border-radius:10px}.arca-logo-controls legend{font:800 12px/1 system-ui}.arca-logo-copies{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.arca-logo-copies span{margin-right:auto;font:700 12px/1 system-ui}.arca-logo-mono{grid-template-columns:auto 1fr 52px!important;align-items:center}.arca-logo-mono input[type=color]{display:block!important;box-sizing:border-box;width:52px!important;height:36px!important;padding:2px!important;border:1px solid #aeb9aa!important;border-radius:8px!important;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 50%/10px 10px!important;opacity:1!important}.arca-logo-download{width:100%}.arca-logo-download:disabled{opacity:.5;cursor:not-allowed}.arca-logo-toast{position:fixed;left:50%;bottom:24px;z-index:3;transform:translate(-50%,20px);opacity:0;padding:10px 15px;border-radius:9px;background:#20291e;color:#fff;font:700 13px/1.3 system-ui;transition:.2s;pointer-events:none}.arca-logo-toast.is-visible{transform:translate(-50%,0);opacity:1}
.arca-logo-controls input[data-control="hue"]{background-image:linear-gradient(90deg,#f33,#ff0,#3f3,#0ff,#33f,#f0f,#f33)!important}.arca-logo-controls input[data-control="saturation"]{background-image:linear-gradient(90deg,#b9b9b9,#78b82a)!important}.arca-logo-controls input[data-control="brightness"]{background-image:linear-gradient(90deg,#161616,#888,#fff)!important}
body.arca-logo-canary .nanobanana-widget-wrapper,body.arca-logo-canary #nanobanana-mockup-modal{display:none!important}
@media(max-width:780px){.arca-logo-card{grid-template-columns:auto 1fr}.arca-logo-card button{grid-column:1/-1;width:100%}.arca-logo-dialog{width:100vw;height:100dvh;max-height:none;border-radius:0}.arca-logo-header{padding:12px 14px}.arca-logo-layout{display:block;height:calc(100% - 81px);overflow:auto}.arca-logo-workspace{height:58vh;min-height:430px;padding:10px}.arca-logo-controls{overflow:visible;padding:12px}.arca-logo-tools button,.arca-logo-file button,.arca-logo-copies button{min-width:48px;min-height:48px}.arca-logo-handles button{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.arca-logo-toast{transition:none}}