:root{--border-soft:2px solid #2d3142;--shadow-soft:4px 4px 0px rgba(45, 49, 66, 0.8);--shadow-soft-hover:2px 2px 0px rgba(45, 49, 66, 0.8);--clr-bg:#faf9f6;--clr-surface:#ffffff;--clr-primary:#8fb8ed;--clr-secondary:#f2cc8f;--clr-pink:#f4acb7;--clr-success:#81b29a;--clr-text:#2d3142}.blob-soft-wrapper{max-width:850px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif;color:var(--clr-text);background:var(--clr-bg);padding:25px;border:var(--border-soft);border-radius:16px;box-shadow:var(--shadow-soft)}.blob-soft-wrapper *{box-sizing:border-box}.blob-soft-header{background:var(--clr-surface);padding:20px;border:var(--border-soft);border-radius:12px;text-align:center;margin-bottom:25px;box-shadow:var(--shadow-soft)}.blob-soft-header h2{margin:0 0 8px 0;font-size:1.8rem;font-weight:800}.blob-soft-header p{margin:0;font-weight:500;font-size:1rem;color:#555}.blob-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.blob-preview-box{display:flex;flex-direction:column}.canvas-bg{width:100%;aspect-ratio:1/1;background-color:var(--clr-surface);background-image:radial-gradient(#d1d1d1 1.5px,transparent 1.5px);background-size:20px 20px;border:var(--border-soft);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:inset 3px 3px 6px rgb(0 0 0 / .05);overflow:hidden}#blob-svg{width:90%;height:90%;transition:all 0.3s ease-out}#blob-svg path{transition:d 0.4s cubic-bezier(.25,1,.5,1),fill 0.3s}.blob-controls-box{background:var(--clr-surface);border:var(--border-soft);border-radius:12px;padding:25px 20px;box-shadow:var(--shadow-soft)}.box-title{margin:0 0 15px 0;font-size:1.05rem;font-weight:800;text-transform:uppercase;border-bottom:2px dashed #eee;padding-bottom:8px}.separator{height:20px}.control-group{margin-bottom:20px}.label-row{display:flex;justify-content:space-between;font-weight:700;font-size:.9rem;margin-bottom:10px;color:#444}.label-row span{background:#eee;padding:2px 8px;border-radius:6px;color:var(--clr-text)}.soft-slider{-webkit-appearance:none;width:100%;background:#fff0}.soft-slider:focus{outline:none}.soft-slider::-webkit-slider-runnable-track{width:100%;height:10px;cursor:pointer;background:var(--clr-bg);border-radius:5px;border:1.5px solid var(--clr-text)}.soft-slider::-webkit-slider-thumb{height:22px;width:22px;border-radius:50%;background:var(--clr-primary);border:1.5px solid var(--clr-text);cursor:pointer;-webkit-appearance:none;margin-top:-7px;box-shadow:2px 2px 0 rgb(0 0 0 / .2);transition:transform 0.1s}.soft-slider::-webkit-slider-thumb:active{transform:scale(1.1)}.color-picker-wrapper{display:flex;gap:10px;align-items:center}input[type="color"]{-webkit-appearance:none;border:var(--border-soft);border-radius:8px;width:50px;height:42px;padding:0;cursor:pointer;background:#fff}input[type="color"]::-webkit-color-swatch-wrapper{padding:2px}input[type="color"]::-webkit-color-swatch{border:1.5px solid var(--clr-text);border-radius:5px}.export-actions{display:flex;flex-direction:column;gap:10px}.action-btn{padding:12px 15px;font-size:.95rem;font-weight:700;background:var(--clr-bg);color:var(--clr-text);border:var(--border-soft);border-radius:10px;box-shadow:3px 3px 0 rgb(45 49 66 / .3);cursor:pointer;transition:all 0.15s ease;text-align:center}.action-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 rgb(45 49 66 / .3)}.btn-success{background:var(--clr-success);box-shadow:var(--shadow-soft)}.btn-primary-soft{width:100%;padding:16px 20px;font-size:1.05rem;font-weight:800;background:var(--clr-pink);color:var(--clr-text);border:var(--border-soft);border-radius:12px;box-shadow:var(--shadow-soft);cursor:pointer;text-transform:uppercase;transition:all 0.15s ease}.btn-primary-soft:active{transform:translate(2px,2px);box-shadow:var(--shadow-soft-hover)}@media (max-width:700px){.blob-editor-grid{grid-template-columns:1fr}}