.tools-panel_df-frame-root__3KfGF{position:relative;isolation:isolate}.tools-panel_df-frame-root__3KfGF canvas{display:block;width:100%;height:auto;min-width:550px;max-height:800px;touch-action:none}.tools-panel_df-tools-toggle__eKSyo{position:absolute;top:12px;right:12px;z-index:20;display:grid;place-items:center;width:44px;height:44px;border:1px solid hsla(0,0%,100%,.18);border-radius:13px;color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 12px 30px rgba(124,58,237,.35);cursor:pointer;transition:transform .18s ease,filter .18s ease}.tools-panel_df-tools-toggle__eKSyo:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.08)}.tools-panel_df-tool-panel__zrs_D{position:absolute;z-index:40;width:300px;max-width:calc(100% - 20px);max-height:min(760px,82vh);overflow:auto;color:#f8fafc;border:1px solid transparent;border-radius:18px;background:linear-gradient(155deg,rgba(23,29,49,.94),rgba(10,17,32,.92)) padding-box,linear-gradient(135deg,#7c83ff,#f25bc8 45%,#4bb3ff) border-box;box-shadow:0 24px 80px rgba(0,0,0,.52),inset 0 1px 0 hsla(0,0%,100%,.08);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tools-panel_df-tool-panel__zrs_D::-webkit-scrollbar{width:8px}.tools-panel_df-tool-panel__zrs_D::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:999px}.tools-panel_df-panel-header__2VyAq{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:15px 16px 13px;background:rgba(18,25,43,.84);border-bottom:1px solid rgba(148,163,184,.16);cursor:grab;backdrop-filter:blur(18px)}.tools-panel_df-panel-header__2VyAq:active{cursor:grabbing}.tools-panel_df-panel-header__2VyAq h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.02em}.tools-panel_df-panel-close__Ijkbu{border:0;background:transparent;color:#f8fafc;font-size:24px;line-height:1;cursor:pointer;padding:0 2px}.tools-panel_df-tool-hero__G8uQo{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;padding:16px;border-bottom:1px solid rgba(148,163,184,.14)}.tools-panel_df-tool-hero-icon__t_OM0{display:grid;place-items:center;width:58px;height:58px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#8b5cf6,#4c1d95);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.22),0 10px 28px rgba(124,58,237,.3)}.tools-panel_df-tool-hero__G8uQo h4{margin:0 0 4px;font-size:17px}.tools-panel_df-tool-hero__G8uQo p{margin:0;color:#d8dee9;font-size:13px;line-height:1.45}.tools-panel_df-tool-grid__H6UoB{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:15px 16px;border-bottom:1px solid rgba(148,163,184,.14)}.tools-panel_df-tool-button__sHhCM{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;border:1px solid rgba(148,163,184,.17);border-radius:10px;color:#f8fafc;background:linear-gradient(145deg,rgba(47,58,82,.78),rgba(22,30,49,.88));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.tools-panel_df-tool-button__sHhCM:hover{transform:translateY(-2px);border-color:rgba(167,139,250,.72)}.tools-panel_df-tool-button__sHhCM.tools-panel_is-active__4CUYD{border-color:rgba(216,180,254,.72);background:linear-gradient(145deg,#8b5cf6,#5b21b6);box-shadow:0 0 22px rgba(139,92,246,.4),inset 0 1px 0 hsla(0,0%,100%,.2)}.tools-panel_df-tool-button__sHhCM .tools-panel_df-tooltip__OH5z_{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);pointer-events:none;opacity:0;white-space:nowrap;padding:5px 7px;border-radius:7px;background:#020617;color:#e2e8f0;font-size:11px;transition:opacity .15s ease}.tools-panel_df-tool-button__sHhCM:hover .tools-panel_df-tooltip__OH5z_{opacity:1}.tools-panel_df-settings-wrap__tAyEI{padding:14px 12px 8px}.tools-panel_df-settings-card__lmLGf{display:grid;gap:13px;padding:14px;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:linear-gradient(145deg,rgba(22,31,51,.76),rgba(11,19,34,.8));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.025)}.tools-panel_df-settings-card__lmLGf h4{margin:0 0 2px;font-size:14px;font-weight:650}.tools-panel_df-field-label__CjkeR{color:#f1f5f9;font-size:12px}.tools-panel_df-position-grid__BIpQL{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tools-panel_df-position-grid__BIpQL label{display:grid;grid-template-columns:16px 1fr;gap:7px;align-items:center;font-size:12px}.tools-panel_df-color-control__H3cEN,.tools-panel_df-position-grid__BIpQL input{min-width:0;height:39px;border:1px solid rgba(148,163,184,.27);border-radius:8px;color:#f8fafc;background:rgba(30,41,59,.72)}.tools-panel_df-position-grid__BIpQL input{width:100%;box-sizing:border-box;padding:0 10px;outline:none}.tools-panel_df-position-grid__BIpQL input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.16)}.tools-panel_df-control-row__7pYNA{display:grid;gap:8px}.tools-panel_df-control-row--stacked__p9mnd{margin-top:2px}.tools-panel_df-control-heading__s7wKZ{display:flex;justify-content:space-between;align-items:center;color:#e2e8f0;font-size:12px}.tools-panel_df-control-heading__s7wKZ strong{font-weight:600;color:#f8fafc}.tools-panel_df-range__34utX{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;outline:none;background:linear-gradient(90deg,#a855f7,#334155);cursor:pointer}.tools-panel_df-range__34utX::-webkit-slider-thumb{width:14px;height:14px;-webkit-appearance:none;appearance:none;border:2px solid #fff;border-radius:50%;background:#f8fafc;box-shadow:0 2px 8px rgba(0,0,0,.35)}.tools-panel_df-range__34utX::-moz-range-thumb{width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#f8fafc}.tools-panel_df-color-control__H3cEN{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:0 10px 0 5px}.tools-panel_df-color-control__H3cEN input[type=color]{width:34px;height:30px;border:0;padding:0;border-radius:6px;background:transparent;cursor:pointer}.tools-panel_df-color-control__H3cEN span{font-size:12px;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tools-panel_df-color-with-picker__qbZr5{display:grid;grid-template-columns:1fr 41px;gap:8px}.tools-panel_df-icon-button__nZHS4,.tools-panel_df-outline-button__QWpzr,.tools-panel_df-primary-button__sU3uT,.tools-panel_df-secondary-button__QsT6n{border-radius:8px;color:#f8fafc;cursor:pointer;transition:transform .15s ease,filter .15s ease,border-color .15s ease}.tools-panel_df-secondary-button__QsT6n{min-height:37px;border:1px solid rgba(148,163,184,.28);background:rgba(30,41,59,.72)}.tools-panel_df-icon-button__nZHS4:hover,.tools-panel_df-outline-button__QWpzr:hover,.tools-panel_df-primary-button__sU3uT:hover,.tools-panel_df-secondary-button__QsT6n:hover{transform:translateY(-1px);filter:brightness(1.08)}.tools-panel_df-secondary-button__QsT6n span{margin-right:7px}.tools-panel_df-primary-button__sU3uT{min-height:38px;border:1px solid rgba(216,180,254,.3);background:linear-gradient(90deg,#8b5cf6,#3b82f6);font-weight:650}.tools-panel_df-outline-button__QWpzr{min-height:38px;border:1px solid #a855f7;background:transparent;color:#f0abfc}.tools-panel_df-icon-button__nZHS4{border:1px solid rgba(148,163,184,.26);background:rgba(30,41,59,.75);font-size:16px!important}.tools-panel_df-icon-button__nZHS4.tools-panel_is-active__4CUYD{color:#fff;border-color:#c084fc;background:#7c3aed}.tools-panel_df-full-button__8v2qb{width:100%}.tools-panel_df-two-buttons__lEsOQ{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tools-panel_df-checkbox-row__sNp_C{display:flex;align-items:center;gap:8px;font-size:12px;color:#e2e8f0;cursor:pointer}.tools-panel_df-checkbox-row__sNp_C input{accent-color:#8b5cf6}.tools-panel_df-info-dot__kzQ7t{display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid #94a3b8;border-radius:50%;color:#cbd5e1;font-size:10px}.tools-panel_df-segmented-control__RKsP5{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tools-panel_df-segmented-control__RKsP5 button{min-height:28px;padding:6px 8px;border:1px solid rgba(148,163,184,.25);border-radius:6px;color:#f8fafc;background:rgba(30,41,59,.72);font-size:13px}.tools-panel_df-segmented-control__RKsP5 button.tools-panel_is-active__4CUYD{border-color:#a855f7;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.tools-panel_df-segmented-control__RKsP5 button:disabled{opacity:.45;cursor:not-allowed}.tools-panel_df-ready-note__Mfe9d,.tools-panel_df-selection-size__CDC6E,.tools-panel_df-upload-status__ieGcU{padding:9px 10px;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#cbd5e1;background:rgba(15,23,42,.55);font-size:11px;line-height:1.45}.tools-panel_df-settings-card__lmLGf .tools-panel_df-icon-button__nZHS4,.tools-panel_df-settings-card__lmLGf .tools-panel_df-outline-button__QWpzr,.tools-panel_df-settings-card__lmLGf .tools-panel_df-primary-button__sU3uT,.tools-panel_df-settings-card__lmLGf .tools-panel_df-secondary-button__QsT6n,.tools-panel_df-settings-card__lmLGf button{display:inline-flex!important;align-items:center;justify-content:center;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;min-height:28px;padding:6px 8px!important;font-size:13px;border-radius:6px;box-shadow:none;border:1px solid rgba(148,163,184,.2)!important;background:rgba(30,41,59,.64)!important;color:#f8fafc!important;cursor:pointer;line-height:1}.tools-panel_df-settings-card__lmLGf .tools-panel_df-primary-button__sU3uT{border:1px solid rgba(216,180,254,.28);background:linear-gradient(90deg,#8b5cf6,#3b82f6);font-weight:650}.tools-panel_df-settings-card__lmLGf .tools-panel_df-secondary-button__QsT6n{border:1px solid rgba(148,163,184,.24);background:rgba(30,41,59,.64)}.tools-panel_df-settings-card__lmLGf .tools-panel_df-outline-button__QWpzr{border:1px solid #a855f7;background:transparent;color:#f0abfc}.tools-panel_df-settings-card__lmLGf .tools-panel_df-two-buttons__lEsOQ{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tools-panel_df-settings-card__lmLGf button:focus{outline:none;box-shadow:0 0 0 3px rgba(139,92,246,.12);transform:translateY(-1px)}.tools-panel_df-settings-card__lmLGf button:hover{filter:brightness(1.05)}.tools-panel_df-hidden-input___fSNo{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tools-panel_df-upload-dropzone__dFN5P{display:grid;justify-items:center;gap:4px;padding:23px 12px;border:1px dashed rgba(148,163,184,.55);border-radius:10px;color:#e2e8f0;text-align:center;cursor:pointer;background:rgba(15,23,42,.28)}.tools-panel_df-upload-dropzone__dFN5P:hover{border-color:#a855f7;background:rgba(91,33,182,.13)}.tools-panel_df-upload-dropzone__dFN5P span,.tools-panel_df-upload-dropzone__dFN5P strong{font-size:12px}.tools-panel_df-upload-dropzone__dFN5P small{margin-top:4px;color:#94a3b8;font-size:10px}.tools-panel_df-upload-cloud__y_xpE{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(148,163,184,.4);border-radius:50%;font-size:24px!important}.tools-panel_df-upload-loaded__EtK_F{display:grid;gap:10px}.tools-panel_df-upload-status__ieGcU{display:grid;gap:4px}.tools-panel_df-upload-status__ieGcU strong{color:#f8fafc}.tools-panel_df-panel-footer__wEMA6{display:flex;justify-content:center;gap:10px;padding:12px 14px 15px}.tools-panel_df-history-button__8v022{display:grid;place-items:center;width:48px;height:38px;border:1px solid rgba(168,85,247,.45);border-radius:9px;color:#e879f9;background:rgba(30,41,59,.6);font-size:21px;cursor:pointer}.tools-panel_df-history-button__8v022:last-child{color:#7dd3fc;border-color:rgba(56,189,248,.4)}.tools-panel_df-history-button__8v022:disabled{opacity:.35;cursor:not-allowed}.tools-panel_df-active-frame-label__zloqg{position:absolute;top:-27px;left:50%;z-index:18;transform:translateX(-50%);padding:5px 10px;border-radius:8px 8px 0 0;color:#fff;background:#3b82f6;font-size:11px;font-weight:700;white-space:nowrap}.tools-panel_df-active-frame-border__xPN01{position:absolute;inset:0;pointer-events:none;border:3px solid #3b82f6;border-radius:8px;z-index:10}.tools-panel_df-offset-badge__d3aD5{position:absolute;left:10px;bottom:10px;z-index:12;padding:5px 8px;border-radius:7px;color:#fff;background:rgba(2,6,23,.75);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.tools-panel_df-toast__YSgFK{position:absolute;left:50%;top:50%;z-index:70;transform:translate(-50%,-50%);padding:10px 14px;border-radius:10px;color:#fff;background:#2563eb;box-shadow:0 20px 50px rgba(0,0,0,.4);font-size:13px;font-weight:650}.tools-panel_df-toast__YSgFK.tools-panel_is-success__B6CKV{background:#16a34a}.tools-panel_df-toast__YSgFK.tools-panel_is-error__sEQHN{background:#dc2626}@media (max-width:720px){.tools-panel_df-frame-root__3KfGF canvas{min-width:0}.tools-panel_df-tool-panel__zrs_D{width:min(300px,calc(100% - 12px))}}