.dodsp{--dodsp-primary:#4f46e5;--dodsp-accent:#0ea5e9;--dodsp-ink:#0f172a;--dodsp-muted:#64748b;--dodsp-line:#e2e8f0;--dodsp-bg:#f8fafc;--dodsp-card:#fff;--dodsp-radius:18px;box-sizing:border-box;width:100%;max-width:1240px;margin:24px auto 36px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dodsp-ink);line-height:1.45}.dodsp *{box-sizing:border-box}.dodsp button,.dodsp input,.dodsp select{font:inherit}.dodsp button{min-height:44px;cursor:pointer}.dodsp-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px;border:1px solid var(--dodsp-line);border-radius:22px 22px 0 0;background:linear-gradient(135deg,#fff 0%,#f8faff 60%,#eef8ff 100%)}.dodsp-kicker{display:inline-flex;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dodsp-primary);margin-bottom:6px}.dodsp-hero h2{font-size:clamp(26px,3vw,40px);line-height:1.1;margin:0 0 8px;color:#0b1220}.dodsp-hero p{margin:0;color:var(--dodsp-muted);font-size:15px;max-width:720px}.dodsp-privacy{white-space:nowrap;border:1px solid #cfead9;background:#effcf4;color:#166534;border-radius:999px;padding:9px 12px;font-weight:700;font-size:12px}.dodsp-app{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:720px;border:1px solid var(--dodsp-line);border-top:0;background:#fff}.dodsp-panel{padding:14px;background:var(--dodsp-bg);border-right:1px solid var(--dodsp-line);overflow:auto}.dodsp-card{border:1px solid var(--dodsp-line);background:var(--dodsp-card);border-radius:14px;margin-bottom:10px;overflow:hidden}.dodsp-card summary{list-style:none;display:flex;align-items:center;gap:9px;padding:13px 14px;font-weight:800;cursor:pointer;user-select:none}.dodsp-card summary::-webkit-details-marker{display:none}.dodsp-card summary:after{content:"⌄";margin-left:auto;color:#94a3b8}.dodsp-card[open] summary:after{transform:rotate(180deg)}.dodsp-step{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#eef2ff;color:var(--dodsp-primary);font-size:12px}.dodsp-card-body{padding:0 14px 14px}.dodsp-drop{display:flex;min-height:112px;border:1.5px dashed #b9c4d4;border-radius:13px;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:16px;background:#fbfdff;transition:.2s}.dodsp-drop:hover,.dodsp-drop.is-drag{border-color:var(--dodsp-primary);background:#f3f4ff}.dodsp-drop strong{font-size:15px;color:var(--dodsp-primary)}.dodsp-drop span{font-size:12px;color:var(--dodsp-muted);margin-top:3px}.dodsp-help{font-size:11.5px;color:#718096;margin:10px 0 0}.dodsp-row{display:grid;gap:8px;margin-top:9px}.dodsp-row-2{grid-template-columns:1fr 1fr}.dodsp-row-3{grid-template-columns:1fr 1fr 1fr}.dodsp-btn{border:1px solid transparent;border-radius:11px;padding:10px 13px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.dodsp-btn:active{transform:translateY(1px)}.dodsp-btn:focus-visible,.dodsp button:focus-visible,.dodsp input:focus-visible,.dodsp select:focus-visible{outline:3px solid color-mix(in srgb,var(--dodsp-accent) 35%,transparent);outline-offset:2px}.dodsp-btn-soft{background:#fff;border-color:#d7dfeb;color:#26344a}.dodsp-btn-soft:hover{background:#f8fafc;border-color:#aebbd0}.dodsp-btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--dodsp-primary) 88%,#fff),var(--dodsp-primary));color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--dodsp-primary) 22%,transparent)}.dodsp-btn-primary:hover{filter:brightness(.98);box-shadow:0 9px 24px color-mix(in srgb,var(--dodsp-primary) 28%,transparent)}.dodsp-btn-accent{background:linear-gradient(180deg,color-mix(in srgb,var(--dodsp-accent) 90%,#fff),var(--dodsp-accent));color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--dodsp-accent) 22%,transparent)}.dodsp-segment{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.dodsp-segment button{min-height:40px;border:1px solid #d7dfeb;background:#fff;border-radius:9px;font-size:11px;font-weight:800;color:#475569;padding:6px 4px}.dodsp-segment button:hover{border-color:#aebbd0}.dodsp-segment button.is-active{background:var(--dodsp-primary);border-color:var(--dodsp-primary);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--dodsp-primary) 20%,transparent)}.dodsp-controls label,.dodsp-range-label,.dodsp-color-row label,.dodsp-row label{display:block;font-size:12px;font-weight:700;color:#334155}.dodsp-controls label+label{margin-top:10px}.dodsp output{float:right;color:#64748b;font-variant-numeric:tabular-nums}.dodsp input[type=range]{width:100%;accent-color:var(--dodsp-primary);margin:6px 0 0}.dodsp input[type=color]{width:48px;height:36px;border:1px solid #d7dfeb;border-radius:8px;padding:3px;background:#fff}.dodsp input[type=number],.dodsp select{width:100%;height:42px;border:1px solid #d7dfeb;border-radius:9px;background:#fff;padding:0 10px;color:#172033;margin-top:5px}.dodsp-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.dodsp-checks label,.dodsp-checkline{display:flex!important;align-items:center;gap:6px;font-size:12px!important}.dodsp-checks input,.dodsp-checkline input{accent-color:var(--dodsp-primary)}.dodsp-color-row{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;align-items:end;margin-top:12px}.dodsp-color-row label:first-child{display:flex;align-items:center;justify-content:space-between}.dodsp-workspace{min-width:0;display:flex;flex-direction:column;background:#fff}.dodsp-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--dodsp-line);background:#fff;position:sticky;top:0;z-index:3}.dodsp-tabs{display:flex;gap:4px;overflow:auto;scrollbar-width:none}.dodsp-tabs::-webkit-scrollbar{display:none}.dodsp-tabs button,.dodsp-zoom button{border:1px solid #d8e0eb;background:#fff;color:#475569;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:800;white-space:nowrap}.dodsp-tabs button.is-active{background:#0f172a;color:#fff;border-color:#0f172a}.dodsp-zoom{display:flex;align-items:center;gap:5px}.dodsp-zoom span{font-size:11px;color:#64748b;min-width:38px;text-align:center}.dodsp-stage{position:relative;flex:1;min-height:560px;overflow:hidden;background-color:#eef2f7;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.dodsp-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#64748b;gap:7px;padding:20px}.dodsp-empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#fff;border:1px solid #d7dfeb;color:var(--dodsp-primary);font-size:24px;box-shadow:0 10px 30px rgba(15,23,42,.08)}.dodsp-empty strong{color:#334155;font-size:16px}.dodsp-empty span{font-size:12px}.dodsp-canvas-wrap{position:absolute;inset:0;transform-origin:center center;touch-action:none}.dodsp-canvas-wrap canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:92%;max-height:92%;box-shadow:0 15px 40px rgba(15,23,42,.15);background:#fff}.dodsp-canvas-wrap[data-view=original] [data-result]{display:none}.dodsp-canvas-wrap[data-view=result] [data-original]{display:none}.dodsp-canvas-wrap[data-view=cut] [data-original]{display:none}.dodsp-canvas-wrap[data-view=cut] [data-result]{filter:contrast(1.2)}.dodsp-canvas-wrap[data-view=split] [data-original]{clip-path:inset(0 50% 0 0)}.dodsp-canvas-wrap[data-view=split] [data-result]{clip-path:inset(0 0 0 50%)}.dodsp-split-line{position:absolute;left:50%;top:6%;bottom:6%;width:2px;background:var(--dodsp-primary);z-index:4;box-shadow:0 0 0 2px #fff}.dodsp-crop-box{position:absolute;border:2px dashed var(--dodsp-accent);background:color-mix(in srgb,var(--dodsp-accent) 8%,transparent);z-index:8;left:20%;top:20%;width:60%;height:60%;cursor:move}.dodsp-crop-box:after{content:"Drag corners/box, then press Crop again";position:absolute;left:6px;top:6px;background:rgba(15,23,42,.85);color:#fff;padding:5px 7px;border-radius:6px;font-size:10px}.dodsp-status{padding:8px 14px;border-top:1px solid var(--dodsp-line);font-size:11.5px;color:#64748b;background:#fbfdff;min-height:34px}.dodsp-export{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 14px 8px;border-top:1px solid var(--dodsp-line)}.dodsp-export-note{font-size:11px;color:#64748b;margin:0;padding:0 14px 14px}.dodsp-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--dodsp-line);border-top:0;border-radius:0 0 22px 22px;background:#fbfdff;color:#64748b;font-size:11px}@media (max-width:900px){.dodsp{margin:10px auto 24px}.dodsp-hero{border-radius:16px 16px 0 0;padding:18px}.dodsp-privacy{display:none}.dodsp-app{grid-template-columns:1fr}.dodsp-panel{border-right:0;border-bottom:1px solid var(--dodsp-line);max-height:none;order:2}.dodsp-workspace{order:1}.dodsp-stage{min-height:430px}.dodsp-toolbar{position:relative;top:auto}.dodsp-export{grid-template-columns:1fr 1fr}.dodsp-footer{border-radius:0 0 16px 16px}.dodsp-card:not([open]){margin-bottom:8px}}@media (max-width:560px){.dodsp-hero h2{font-size:27px}.dodsp-hero p{font-size:13px}.dodsp-toolbar{align-items:stretch;flex-direction:column}.dodsp-tabs,.dodsp-zoom{width:100%}.dodsp-tabs button{flex:1}.dodsp-zoom{justify-content:flex-end}.dodsp-stage{min-height:390px}.dodsp-panel{padding:10px}.dodsp-segment{grid-template-columns:repeat(3,1fr)}.dodsp-segment button{font-size:12px}.dodsp-export{position:sticky;bottom:0;z-index:5;background:#fff;box-shadow:0 -10px 24px rgba(15,23,42,.08)}.dodsp-export-note{padding-bottom:16px}.dodsp-row-3{grid-template-columns:1fr 1fr 1fr}.dodsp-checks{grid-template-columns:1fr}.dodsp-color-row{grid-template-columns:1fr}.dodsp-canvas-wrap canvas{max-width:96%;max-height:94%}}@media (prefers-reduced-motion:reduce){.dodsp *{scroll-behavior:auto!important;transition:none!important}}