.tool{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--elev-3);overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(380px,.85fr);grid-template-rows:1fr auto;min-height:640px}@media (min-width:1024px){.tool{max-height:calc(100vh - 120px)}.tool__controls{overflow-y:auto}.tool__preview{position:sticky;top:96px;align-self:start}}.js .tool{opacity:0;transform:translateY(32px) scale(.985);transition:opacity var(--dur-4) var(--ease),transform var(--dur-4) var(--ease)}.js .tool.is-in{opacity:1;transform:none}.tool__preview{grid-column:1;grid-row:1 / span 2;background:var(--bg);padding:64px 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;min-width:0}.tool__stage{width:100%;max-width:460px;display:grid;place-items:center}.tool__stage .nc-card{--w:100%;width:100%}.tool__bar{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;justify-content:center}.tool__note{font-size:var(--fs-caption);color:var(--text-faint);text-align:center}.verso-badge{position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:var(--accent);animation:nc-pulse 1600ms var(--ease) 3}@keyframes nc-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.tool__controls{grid-column:2;grid-row:1;padding:48px 40px;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:32px;min-width:0}.tool__group{display:flex;flex-direction:column;gap:var(--s-4)}.tool__label{font-size:var(--fs-micro);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--accent-dim);font-weight:500}.tool__adjust.is-disabled{opacity:.4;pointer-events:none}.dropzone{height:168px;border:1px dashed var(--border-strong);border-radius:var(--r-md);background:rgba(255,255,255,.015);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;text-align:center;padding:var(--s-4);transition:border-color 160ms var(--ease-swift),background-color 160ms var(--ease-swift),transform 160ms var(--ease-swift)}.dropzone:hover{border-color:var(--accent-dim)}.dropzone.is-over{border-color:var(--accent);border-style:solid;background:rgba(199,203,209,.06);transform:scale(1.01)}.dropzone__icon{color:var(--accent)}.dropzone__title{font-weight:500;font-size:var(--fs-sm);color:var(--text)}.dropzone__meta{font-size:var(--fs-caption);color:var(--text-muted)}.dropzone.is-over .dropzone__title::after{content:" — relâchez";color:var(--accent)}.nc-card.is-targeting .nc-sign{outline:1px dashed rgba(199,203,209,.55);outline-offset:6px}.filerow{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:72px;border:1px solid var(--border);border-radius:var(--r-md);background:rgba(255,255,255,.02);position:relative}.filerow__thumb{flex:none;width:40px;height:40px;border-radius:var(--r-xs);background:var(--bg);display:grid;place-items:center;overflow:hidden;border:1px solid var(--border-hairline)}.filerow__thumb svg{width:80%;height:80%}.filerow__meta{min-width:0;flex:1}.filerow__name{font-size:14px;color:var(--text);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerow__size{font-size:12px;color:var(--text-faint)}.filerow__actions{display:flex;align-items:center;gap:4px;flex:none}.progress{position:absolute;left:0;right:0;bottom:0}.progress__track{height:2px;background:var(--border);overflow:hidden}.progress__bar{height:2px;background:var(--accent);transform-origin:left;transform:scaleX(0);transition:transform 260ms var(--ease-swift)}.progress__label{position:absolute;left:14px;bottom:8px;font-size:var(--fs-caption);color:var(--text-muted);transition:opacity 200ms var(--ease-swift)}.progress__label.is-fading{opacity:0}.nc-sign__skeleton{width:100%;height:100%;border-radius:var(--r-xs);position:relative;overflow:hidden;background:rgba(199,203,209,.06)}.nc-sign__skeleton::after{content:"";position:absolute;inset:-40%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.14) 50%,transparent 58%);animation:nc-skeleton 2000ms var(--ease-inout) infinite}@keyframes nc-skeleton{0%{transform:translateX(-60%)}100%{transform:translateX(60%)}}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode{padding:12px 8px 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:transparent;cursor:pointer;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color var(--dur-2) var(--ease-swift),background-color var(--dur-2) var(--ease-swift)}.mode:hover{border-color:var(--border-strong);background:rgba(255,255,255,.02)}.mode__thumb{width:64px;height:64px;border-radius:var(--r-xs);background:var(--bg);display:grid;place-items:center;overflow:hidden}.mode__thumb svg{width:82%;height:82%}.mode__label{font-size:13px;font-weight:500;color:var(--text-muted)}.mode[aria-checked="true"]{border-color:var(--accent);background:rgba(199,203,209,.07)}.mode[aria-checked="true"] .mode__label{color:var(--text-strong);font-weight:600}.mode[aria-checked="true"]::after{content:"";position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.slider{--p:55;-webkit-appearance:none;appearance:none;width:100%;height:44px;background:none;cursor:pointer}.slider::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent) calc(var(--p) * 1%),var(--border-strong) 0)}.slider::-moz-range-track{height:2px;background:var(--border-strong);border-radius:999px}.slider::-moz-range-progress{height:2px;background:var(--accent);border-radius:999px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-8px;border-radius:50%;background:var(--accent);border:0;box-shadow:0 0 0 6px rgba(199,203,209,.12);transition:box-shadow 160ms var(--ease-swift),transform 160ms var(--ease-swift)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:0;box-shadow:0 0 0 6px rgba(199,203,209,.12)}.slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 8px rgba(199,203,209,.18)}.slider:active::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 10px rgba(199,203,209,.22)}.slider:focus-visible{outline:none}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.slider__bounds{display:flex;justify-content:space-between;font-size:var(--fs-caption);color:var(--text-muted);margin-top:-6px}.samples{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sample{width:44px;height:44px;padding:5px;border:1px solid var(--border);border-radius:var(--r-xs);background:var(--bg);cursor:pointer;display:grid;place-items:center;transition:border-color var(--dur-2) var(--ease-swift)}.sample:hover{border-color:var(--accent)}.sample svg{width:100%;height:100%}.tool__validate{grid-column:2;grid-row:2;padding:var(--s-5) 40px;border-top:1px solid var(--border);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:var(--s-4)}.nc-verso-name.is-placeholder{opacity:.38}@media (max-width:1023px){.tool{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0}.tool__preview{grid-column:1;grid-row:1}.tool__controls{grid-column:1;grid-row:2}.tool__validate{grid-column:1;grid-row:3;border-left:0}.tool__preview{position:sticky;top:var(--header-h-scrolled);z-index:var(--z-sticky-bar);padding:var(--s-5);gap:var(--s-4);height:42vh;min-height:240px;border-bottom:1px solid var(--border)}.tool__stage{max-width:300px}.tool__note{display:none}.tool__controls{padding:var(--s-5);border-left:0;padding-bottom:120px}.tool{overflow:visible}.tool__preview{border-radius:var(--r-lg) var(--r-lg) 0 0}.tool__validate{position:sticky;bottom:0;z-index:var(--z-sticky-bar);border-radius:0 0 var(--r-lg) var(--r-lg);background:var(--veil);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:12px var(--pad-x);padding-bottom:calc(12px + env(safe-area-inset-bottom));margin-top:0;gap:10px}.tool__validate .check__text{font-size:var(--fs-caption)}.tool__validate>.field__hint:not([data-validate-hint]){display:none}.tool__validate .btn{min-height:52px}}@media (min-width:768px) and (max-width:1023px){.tool__preview{height:48vh}}